HTML5(8.5-8.15)
文章平均质量分 81
HTML5
加1床铺盖
web前端开发笔记
展开
-
HTML5新特性 day_07(8.15) ECharts、Vue项目的首屏优化、Google浏览器中性能检测工具的使用
ECharts是一款非常优秀的基于JS的图形图表库。原创 2022-09-12 15:05:47 · 181 阅读 · 0 评论 -
HTML5新特性 day_06(8.12) WebWorker、SVG矢量图形
WebWorker浏览器中的Javascript属于单线程模型。即在html页面中写的代码都是在主线程中执行。UI这样才能保证网页不卡,接收用户的动态操作。UI线程。那么如果在主线程执行过程中,遇到了一些耗时运算(耗时代码),将会阻塞主线程的执行,导致无法绘制UI,页面假死。原创 2022-09-12 15:04:22 · 196 阅读 · 0 评论 -
HTML5新特性 day_05(8.11)上传头像、webSocket
当用户使用zs:123456登录时,服务端需要返回用户的信息,用户的信息中就包含了上次上传的头像的链接地址,这样浏览器就可以在页面中显示该用户的头像了。在注册业务,填写表单的过程中,需要选择头像,上传头像,填写基本信息(用户名、密码等)后,点击注册按钮,完成用户注册。客户端与服务端交互,请求建立连接,连接建立成功后,客户端向服务端发送数据,服务端接收,处理数据,返回结果,而后。客户端与服务端交互,请求建立连接,连接建立成功后,客户端向服务端发送数据,服务端接收,处理数据,返回结果,而后。原创 2022-09-12 15:00:57 · 325 阅读 · 0 评论 -
HTML5新特性 day_04(8.10)地图、文件上传
第三方地图服务:高德地图、百度地图、腾讯地图接入高德地图打开高德地图开放平台:选择:开发支持 -- web端 -- 地图JSAPI准备一个html页面,提供div作为地图容器,设置id与css样式。引入script(设置key与jscode安全秘钥)创建地图对象,将地图显示在div中。调用地图的方法,对地图进行操作。...原创 2022-09-01 16:21:53 · 268 阅读 · 0 评论 -
HTML5新特性 day_03(8.9)Canvas的路径、动画,Three.js和地理位置
Canvas的路径、动画,Three.js和地理位置原创 2022-09-01 16:09:33 · 793 阅读 · 0 评论 -
HTML5新特性 day_02(8.8)
当触摸并移动时,需要实时捕获移动到的目标点,将现有路径连接该目标点,绘制描边即可显示路径效果。在开始触摸时,开启一条新路径并将画笔移动到此处。是将一组坐标点按照顺序连接起来所形成的图形。中绘制手指移动经过的路径。相关事件(移动端触摸所涉及到的事件)。用于在网页中绘制图形图像。在移动端平台下,通过手指触摸可以在。: 当手指在元素上触摸移动时触发。将画笔移动到某一个起始点。: 当触摸事件被打断时触发。案例:绘制一个柱状图。案例:绘制一个三角形。对闭合路径进行填充。案例:移动端的手绘板。...原创 2022-08-31 21:14:31 · 179 阅读 · 0 评论 -
HTML5 day_01(8.5)
有个问题:在首页点击列表项跳转到详情页后,点击返回,回到首页,发现首页会重新挂载(执行),意味着首页以前的状态将不复存在。而业务需求希望回到首页时,首页依然是跳转之前的状态(上个页面不销毁),这就需要使用提供的“保活机制”来对首页进行保活处理。为router-view添加keep-alive实现动态组件保活 一旦页面被保活处理,重新显示该页面时将不会执行生命周期方法。更多的时候,有些页面需要保活,有些页面不需要保活,所以就需要动态设置:1.在路由配置index.js文件中,为需要保活的路由页面添加自定义的原创 2022-08-31 20:00:33 · 721 阅读 · 0 评论