css

前端面试每日 3+1 —— 第829天
前端面试每日 3+1 —— 第829天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-07-29 08:06:51阅读全文

从零开始学习3D可视化之项目部署
从零开始学习3D可视化之项目部署

项目部署,也就是将完成的数字孪生可视化项目发布,在互联网上可以访问到。作为一个合格的程序猿,仅仅会打代码还是远远不够的,项目的部署也是必须要会的操作,也就是所谓的上线,将我们本地开发好的数字孪生可视化项目部署到远程服务器上,可以通过远程服务器的公网ip或者域名加上端口号访问到我们的数字孪生可视化项目

2021-07-29 11:24:33阅读全文

从零开始学习3D可视化之演示项目
从零开始学习3D可视化之演示项目

数字孪生可视化项目开发过程中的每个环节都很重要,都必须认真对待。数字孪生可视化场景开发完成后,进行分享或者演示已完成的项目是必不可少的。ThingJS提供三种方式供项目演示和分享已完成的项目:电脑分享;手机分享;iFrame 分享。你可以通过以下步骤演示和分享数字孪生可视化项目:

2021-07-29 06:52:11阅读全文

都说WEB前端饱和了,但我自学找到了11K的工作,就是掌握了这些技术栈
都说WEB前端饱和了,但我自学找到了11K的工作,就是掌握了这些技术栈

我是今年刚毕业的应届生,本科电子专业,目前人在北京做WEB前端工程师,满打满算在学校自学了7个月的WEB前端,毕业后的一个月一直在北京找工作,大概找了20多天面试了30家左右,拿到3个offer,最后选择了现在这家公司,待遇是税前11K,五险一金加节假日福利,工作时间是朝10晚7双休,有的时候需要加

2021-07-29 16:09:18阅读全文

25个 Vue 技巧,开发了5年了,有些竟然还是第一次见!
25个 Vue 技巧,开发了5年了,有些竟然还是第一次见!

有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

2021-07-29 05:25:22阅读全文

每个前端都需要知道这些面向未来的CSS技术
每个前端都需要知道这些面向未来的CSS技术

前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。

2021-07-29 19:43:51阅读全文

通过创建GeoLine给地图添加烟花图效果
通过创建GeoLine给地图添加烟花图效果

ThingJS除了提供多种类型的模型外,还预置了多种粒子效果,包括:水、火、烟、雨、雪等,每种粒子效果按照不同的使用场景又有多种表现形式,可以满足在不同的天气条件下数字孪生可视化场景中的情况。那能不能在数字孪生可视化地图上添加效果呢?下面我就通过创建GeoLine(地理线)给数字孪生可视化地图添加烟

2021-07-30 05:23:52阅读全文

让前端页面中的文字更加生动有趣
让前端页面中的文字更加生动有趣

有时候有些页面需要生动的表现力,我们不得不运用 SVG、CANVAS、CSS、WebGL等等技术来满足需求,笔者收集了一些富有生动表现力的字符串动画效果,里面涵盖以上技术来实现。只要你修改字符串就可以令整个页面增添不少气息,增加不少表现力。

2021-07-29 22:20:27阅读全文

从零搭建Webpack5-react脚手架(附源码)
从零搭建Webpack5-react脚手架(附源码)

近期终于有时间和精力专注于公司技术基础建设了,于是一开始,将公司的Saas系统改造成了微前端模式,解决了历史遗留的一部分问题

2021-07-30 02:04:50阅读全文

前端学到什么水平就可以去找工作呢?
前端学到什么水平就可以去找工作呢?

其实,十年前,在业界前端开发都不配叫工程师,因为很多人感觉前端开发的工作很简单,就是写个样式,设计师就顺便把这个活干了,所以,当时前端开发在程序员心里地位是很低的。

2021-07-30 10:44:17阅读全文

3D地图与3D柱状图联合使用
3D地图与3D柱状图联合使用

给3D地图添加3D柱状图使用的功能原理是在地图上加上圆柱对象,可以用颜色和高度分别代表分类和值大小,根据需要将柱状图放置到指定位置即可。3D地图与3D柱状图联合使用,效果大概是这样:注:根据你项目需求的不同,需要的可能是整个中国的地图数据,也可能是某个省的,市的,县的,区的等,这时怎么办?

2021-07-30 07:37:14阅读全文

在考研题库小程序中基于二级分类查询题目
在考研题库小程序中基于二级分类查询题目

在做了不少的答题小程序以及刷题小程序,一直追求对于数据表的建立,如何才更加合理,以及如何查询才更好更快呢?其实尝试了不少的解决方案后,会总结出不同点与各有优劣。

2021-08-02 02:46:08阅读全文

线上页面无限重载,手把手教你Debug
线上页面无限重载,手把手教你Debug

在一个阳光明媚的早晨,我吃完早餐准时来上班,听着吴亦凡的freestyle,觉得今天应该是一个无风无浪的日子

2021-08-02 03:58:16阅读全文

CSS sticky实现返回顶部
CSS sticky实现返回顶部

经常在某些文档中或者文章中可以看到这样一个"返回顶部"的功能,具体有两个交互

2021-08-03 03:58:25阅读全文

html+css知识点总结
html+css知识点总结

俺们辅导老师给俺们整理的笔记

2021-08-03 10:17:10阅读全文

你要悄悄学习3D城市,然后惊艳所有人(1)
你要悄悄学习3D城市,然后惊艳所有人(1)

可以搭建3D智慧城市的可视化编辑器有很多,但是要么学习时间太长要么效果不理想,直到我看到了下面的3D城市效果图,赶紧了解了一番后,我打算悄悄学习搭建3D城市,然后惊艳所有人。CityBuilder 3D城市制作工具,不用下载任何软件,可以直接在线使用就能完成3D智慧城市构建!可以模拟地球、城市、园区

2021-08-03 00:52:09阅读全文

面向未来的前端开发模式 - 写于2021年
面向未来的前端开发模式 - 写于2021年

在之前,给大家介绍过webcontainer这个技术,就是可以让Node.js运行在浏览器中的技术

2021-08-04 08:47:36阅读全文

非科班出身的我是如何成为大厂前端程序员的
非科班出身的我是如何成为大厂前端程序员的

今天来聊聊我是如何当上程序员并最终进入网易、wxg。有时候也在想,我一个学电子的,大学每天都是和硬件、电路板打交道,是怎么走上程序员这条路的呢?

2021-08-03 11:08:31阅读全文

CSS 文本超出提示效果
CSS 文本超出提示效果

在 mac 文件管理中有这样一个小细节。

2021-08-03 14:52:35阅读全文

你要悄悄学习3D城市,然后惊艳所有人(2)
你要悄悄学习3D城市,然后惊艳所有人(2)

CityBuilder可以简单明了的通过图层来加载数字孪生可视化城市建筑、道路、标识等;通过场景来加载 CampusBuilder 中搭建的园区;通过底图来设置地图、滤镜、雾效大气等效果,来丰富3D 城市的整体渲染效果。下面我继续上一篇文章的数字孪生可视化城市场景搭建了。

2021-08-03 17:19:55阅读全文

微信小程序开发时absolute定位偏移和宽高问题
微信小程序开发时absolute定位偏移和宽高问题

分别用before和after伪类来作为加号(+)的横和竖,发现横和竖不管怎么调整都有点偏离原本应该居中的位置。.add-btn{

2021-08-05 04:53:29阅读全文

数字化时代到来企业如何“数字化生存”
数字化时代到来企业如何“数字化生存”

【据测算 #我国数字经济规模达5.4万亿美元#】“2021全球数字经济大会”8月2日在北京开幕。会上,中国信息通信研究院发布的《全球数字经济白皮书》显示,2020年,全球47个国家数字经济规模总量达到32.6万亿美元,同比名义增长3.0%,占GDP比重为43.7%。中国数字经济规模为5.4万亿美元,

2021-08-04 22:08:52阅读全文

前端面试每日 3+1 —— 第843天
前端面试每日 3+1 —— 第843天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-08-06 02:49:20阅读全文

给三维城市地图添加园区场景
给三维城市地图添加园区场景

3D城市搭建完成后,那么是否能够既显示园区场景又显示三维城市地图场景呢?CityBuilder是可以完成的,在创建的数字孪生可视化三维城市的基础上,还可以加载公共场景或自己搭建的数字孪生可视化场景(园区)。话不多说,下面我以加载公共场景为例进行说明。1、 在左侧菜单栏,点击场景右侧的添加场景按钮。2

2021-08-06 09:06:32阅读全文

Web前端|HTML入门教程(无比详细!适合前端初学者)
Web前端|HTML入门教程(无比详细!适合前端初学者)

随着 web 前端技术的飞速发展,HTML 和 CSS 也成为了编程者的必备技能。而要想做一个网页光会这一门语言是不够的,还需要自学css,JavaScript。其中html和css较JavaScript容易。

2021-08-05 22:50:52阅读全文

前端面试每日 3+1 —— 第844天
前端面试每日 3+1 —— 第844天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-08-09 00:27:53阅读全文

Flutter正在悄悄击败React-Native
Flutter正在悄悄击败React-Native

事情是这样的,由于最近想做个APP,于是我考虑下技术选型,便在gitHub看了看,于是发现了一个让我惊讶的点:

2021-08-09 07:07:25阅读全文

你要悄悄学习3D城市,然后惊艳所有人(3)
你要悄悄学习3D城市,然后惊艳所有人(3)

CityBuilder中图层的概念跟ps这种制图软件大致相同,可以理解为是堆叠在一起的透明纸。在 CityBuilder 中,通过图层可将数据文件加载到数字孪生可视化场景中,如城市建筑、道路、水系等。除了之前文章中介绍的加载公共数据以外,还可以上传本地的数据文件。按下列步骤,将我的数据加载到图层中,

2021-08-09 12:03:21阅读全文

前端面试每日 3+1 —— 第846天
前端面试每日 3+1 —— 第846天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-08-10 01:12:31阅读全文

智慧体育馆用科技力量点亮奥运赛场
智慧体育馆用科技力量点亮奥运赛场

【我可太骄傲了!中国奥运军团88枚奖牌完美收官!】本届东京奥运会闭幕,最终中国代表团38金32银18铜收官!中国体育代表团的出色发挥、媒体和观众的理性包容,成为对“更快、更高、更强——更团结”的奥林匹克新格言的完整诠释。体育馆作为各国运动员拼搏奋斗为国争光的场馆,可容纳几万人次。作为服务于赛事活动、

2021-08-09 18:21:34阅读全文

你要悄悄学习3D城市,然后惊艳所有人(4)
你要悄悄学习3D城市,然后惊艳所有人(4)

3D城市搭建过程中需要不同的效果来实现不同的功能,如添加水系、道路、热力图等。这时候就需要了解CityBuilder的图层类型了,图层类型分为点图层、线图层和面图层。不同类型的图层,可调节的图层样式有所不同。

2021-08-10 18:39:48阅读全文

前端开发规范
前端开发规范

一、项目目录结构

2021-08-11 17:41:08阅读全文

园区模型与全景图联动开启第一人称巡游
园区模型与全景图联动开启第一人称巡游

全景图其实是一种广角图,它的原理是等距圆柱投影。说白了就是将一个球体上的所有的点,全部投影到一个圆柱体的侧面上去,圆柱侧面展开图上包含了球体上所有的像素点。哪里能看到全景图? 这种新颖的展现方式如今已经被各行各业所应用。不仅能够实现身临其境的效果,更能嵌入各种应用功能。例如我们熟知的百度地图、高德地

2021-08-11 22:04:34阅读全文

可视化场景内任意绘制多边形并测量面积
可视化场景内任意绘制多边形并测量面积

一般测量功能主要表现在两方面,一是测量距离,二是测量面积。面积的测量是根据鼠标绘制的范围,通过地理坐标系的转换而计算出实际面积大小,距离的测量是根据鼠标在地图上绘制的点,实时计算出两点之间的实际距离。如何在3D场景中测量面积?下面我就在ThingJS平台实现鼠标任意点绘制多边形面积,计算绘制总长度和

2021-08-13 14:12:37阅读全文

教你如何用 CSS Painting API 画新小米logo, border-radius可是画不出的
教你如何用 CSS Painting API 画新小米logo, border-radius可是画不出的

这是小米的新logo用border-radius可是画不出来的因为这个图的圆是[超椭圆]border-radius 能写出超椭圆吗?

2021-08-15 23:11:49阅读全文

前端面试每日 3+1 —— 第851天
前端面试每日 3+1 —— 第851天

《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!

2021-08-15 14:27:08阅读全文

响应式在线个人简历网页源代码分享
响应式在线个人简历网页源代码分享

我认为每一个人都需要一个简历网页以介绍自己,可以作为面试时的加分项,也可以放置在您的个人网站之中。

2021-08-15 18:15:34阅读全文