业务场景 在App里面,输入一个关键词,得到一个搜索结果,这是一个很常见的一个功能场景。对于前端而言,有很多事情可以尝试和实践。 优化方案 1. 首屏服务端渲染 第一页可以使用服务端渲染,减少页面的请求量,可快速渲染 方…
标签:html
Angular 1 深度解析:脏数据检查与 angular 性能优化
TL;DR 脏检查是一种模型到视图的数据映射机制,由 $apply 或 $digest 触发。 脏检查的范围是整个页面,不受区域或组件划分影响 使用尽量简单的绑定表达式提升脏检查执行速度 尽量减少页面上绑定表达式的个数(…
基于html2canvas实现网页保存为图片及图片清晰度优化
本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图。 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能,常见于H5活动页的结尾页分享…
Vue初步了解组件——父子组件
组件 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,…
Array、Set、Map、Object学习总结
Array和Set对比 都是一个存储多值的容器,两者可以互相转换,但是在使用场景上有区别。如下: Array的indexOf方法比Set的has方法效率低下 Set不含有重复值(可以利用这个特性实现对一个数组的去重) S…
css经典布局之左侧固定大小右侧自动适应
最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的APP,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是饭的列表等等。反正挺…
封装一个方法:把URL参数解析为一个对象,来获取地址栏url里面的传递的参数。
URL参数解析 //获取url方法 //window.location.href // function getUrlkey(url){ var params = {}, arr = url.split("?"); if…
18年求职面经及总结
18年求职面经及总结 我的求职之路差不多走到尽头了,感觉真是精疲力尽了.把这大半年的经历和面试总结写下来,希望能给和我一样在求职路上煎熬的人一点帮助. 先说背景:微电子科学与工程专业,学过两门和CS相关的课程:c语言和单…
不常用却很有妙用的事件及方法
1 visibilitychange事件 触发条件:浏览器标签页被隐藏或显示的时候会触发visibilitychange事件. 使用场景:当标签页显示或者隐藏时,触发一些业务逻辑 document.addEventLis…
HTML5 基础练习(二)
HTML5 基础练习题 (二) 以下哪个不是定位属性的属性值? A static B absolute C fixed D visibility 正确答案: D 解析: visibility是隐藏不是定位 2. 何时使用…
一个简单的个人视频点播网站制作(一)
本来没有写博客的习惯, 现在发觉通过写技术文章,能把自己的知识点捋捋并保存起来,也方便以后自己回顾,希望自己能坚持写吧。 项目预期 打算参考熊猫直播的主界面, 首页是视频预览截图, 鼠标放到截图上,可以预览一小段视频,点…
HTML Input 标签限制输入类型
最近在开发完一个项目后,又测试人员测试bug,然后我根据他们测试出来的bug一个一个的改,然后就遇到了一个问题,文本框是用来搜索,但是,比如这个文本框是用来搜索年龄的区间,输入条件的时候,如果输入了非数字的字符就不能输入…