web
文章平均质量分 50
kellywong
这个作者很懒,什么都没留下…
展开
-
前端性能优化web Worker在项目中的具体应用
1 实际项目中使用Web Worker下面这篇文章详细介绍了web worker常用的api, 场景(这里不知道有没有具体衡量指标),使用过程中的注意事项,文章写的很好,感兴趣可以看下,这里不在详细叙述具体概念Web Worker使用1.1 场景这里分享的一个场景,是把从数据查询接口获取的数据的格式化过程放在web worker中执行。首先简单介绍下我们的项目,一个可视化相关项目,接口主要分为两大方面,配置查询和数据查询接口,其中数据查询接口是影响页面性能指标的一个很关键的因素,并且从查询接口获取原创 2022-02-15 11:59:02 · 2007 阅读 · 0 评论 -
读you don't know js提取自己没注意的点
1. == 和===区别之前理解:前者检查值的等价性,而后者检查值和类型两者的等价性,一般随意两者随意使用读书之后理解:前者在允许强制转换的条件下检查值的等价性,而后者是在不允许强制转换的条件下检查值的等价性。判断是何时使用哪个的规则:如果一个比较的两个值之一可能是true或false值,避免==而使用===如果一个比较的两个值之一可能是这些具体的值(0,"",或[] —— 空数组),避...原创 2019-02-20 13:27:05 · 155 阅读 · 0 评论 -
项目遇到的问题以及解决方法---小程序页面因数据量大带来问题的优化
一 、问题描述:小程序开发中开发一个城市列表选择页,如下:但是由于接口返回的城市数量过多,导致首屏白页的问题:怎么优化这个问题?1. 首先考虑是把接口返回数据存储为本地文件,进行本地加载,可以节约请求回显时间,但是这种做法并没有使问题获得改善,这表示接口返回应该是很快的,请求或者本地并不是主要影响,那么主要影响可能是在真机上数据太大导致列表渲染耗时太长。2. 采用本地、分段加载:把按照...原创 2019-02-20 15:22:58 · 6440 阅读 · 0 评论 -
h5拖拽api (drag,drop)实现多图片拖动排序,兼容移动端
需求:h5页面实现允许多张图片上传并且支持对图片长按拖动排序,由于我们的h5页面在pc端和移动端都有入口,因此拖动排序需要兼容pc和移动端。这里不涉及图片上传,只涉及对上传的图片进行拖动排序。在开发前需要知道,h5拖拽api(drag/drop)基本只支持pc端(但是,我在实际开发中,发现很多安卓手机也支持这个api, ios端不支持),因此我们如果使用拖拽api,需要做移动端的兼容。如果完全自...原创 2019-04-08 19:26:20 · 6710 阅读 · 0 评论 -
微信小程序架构原理
一、相关SDK小程序SDK原生小程序页面开发使用微信提供的小程序基础库(小程序sdk:https://developers.weixin.qq.com/miniprogram/dev/api/)进行。小程序基础库提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。JS-SDK小程序内嵌的h5页面的开发,通过调用微信提供的JS-SDK(htt...原创 2019-04-28 16:36:25 · 1876 阅读 · 0 评论 -
项目遇到的问题以及解决方法---h5页面回退,保留前一个页面用户浏览位置
具体需求描述:一个h5的产品列表页,用户滑动列表页,当用户滑动到感兴趣的产品,点击进入详情页,浏览完详情页在回退到列表页能保留之前用户浏览位置。(react下开发)1.开始什么都没做,回退的时候自然无法保留用户浏览位置。2.然后考虑怎么解决,最开始的想法是保留scrolly的值,在回退的时候使用window.scrollTo()强制回退到上次浏览位置。但是这面临着一个问题,回退相当于重新加载页...原创 2019-02-22 17:55:17 · 2335 阅读 · 1 评论 -
坑货----win10下的node canvas
在安装node canvas的时候直接使用npm install canvas结果报错,具体可能由于canvas一堆依赖并依赖C++,于是查找资料,按照https://my.oschina.net/wangr15/blog/1540126操作的,装了一堆东西,然后依旧报错:C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\V120\Micros...原创 2019-01-30 19:20:22 · 1137 阅读 · 2 评论 -
js高级程序设计(第三版)总结——第五章引用类型(Object类和Array类)
其实js中的引用类型就是java中的类,数据和功能和集合;对象就相当于类的实例。一、object类型js中的引用类型的值基本都是Object的实例,一般使用new操作符或者对象字面量的方法定义对象。var person = new Object();person.name = "Nicholas";var person = {name : "Nicholas",a...原创 2018-03-09 21:22:09 · 212 阅读 · 0 评论 -
js高级程序设计(第三版)总结——第五章引用类型(RegExp类和Function类)
一、RegExp类(正则类*)1、创建正则实例var expression1 = / pattern / flags ; pattern:模式; flags:标志(g,i,m)var expression2 = new RegExp("pattern", "flags");这两种方式在字符的转义上有很大的区别:RegExp 构造函数的模式参数是字符串,所以在某些情况下要对...原创 2018-03-12 14:23:57 · 300 阅读 · 0 评论 -
js高级程序设计(第三版)总结——第六章面向对象的程序设计
一、对象1、对象的创建(对象字面量)对象字面量var person = { name: "Nicholas", age: 29, job: "Software Engineer", sayName: function(){ alert(this.name); }};工厂模式function createPer...原创 2018-03-13 13:43:18 · 443 阅读 · 0 评论 -
vscode使用记录
由于第一次使用vscode,所以记录一下使用:vscode默认打开一个项目,如果想在打开一个项目窗口,可以按CTrl+shift+n. 未完待续。。。。。原创 2018-08-09 20:40:57 · 1379 阅读 · 0 评论 -
小程序中scroll-view组件实现效果之--------城市列表页的索引(scroll-into-view)
想要实现的功能是在一个城市列表页实现字母索引点击字母跳转到相应的位置,在小程序里面利用scroll-view特别简单首先需要索引字母添加一个点击事件,捕获到点击的id <view wx:for ="{{searchLetter}}" wx:key="index" data-letter="{{item.name}}" catchtouchend="clickLetter">{...原创 2018-10-11 14:25:09 · 2384 阅读 · 0 评论 -
react中进行状态提升,多个组件公用的组件提到父组件
我们使用一个日期和毫秒实时转化的样例作为例子,像图中这种,上面输入日期,下边可以实时转为毫秒,同时毫秒也可以实时转为日期:大概思考的方向:首先需要一个输入组件,承载用户的输入;然后需要一个父组件存放这两个输入组件。如果把state放在子组件中,那再父组件中调用的两个子组件就是完全相互独立的,就不能实时更新,因此我们需要把state提升到父组件中,既然state提升到父组件中了,那么两个子组件...原创 2018-11-19 13:47:51 · 1086 阅读 · 0 评论 -
es6中class继承的坑
1. es6继承的过程ES6 的继承机制和ES5完全不同,实质是先将父类实例对象的属性和方法,加到this上面(所以必须先调用super方法),然后再用子类的构造函数修改this。在子类的构造函数中,只有调用super之后,才可以使用this关键字,否则会报错。这是因为子类实例的构建,基于父类实例,只有super方法才能调用父类实例。2. super关键字super作为函数调用时,代表父类...原创 2018-11-23 11:40:37 · 1501 阅读 · 0 评论 -
anjularjs知识点二作用域
一、作用域的基础知识<div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="firstName"> 姓: <input type="text" ng-model="lastName"><br> <br> 姓名: {{firstName + " " + lastName}}原创 2017-07-14 17:31:21 · 270 阅读 · 0 评论