小程序 rotate3d
视图层 wxml [crayon-6767016e41bf3769748601/] 视图层 wxss [crayon-6767016e41c05329612339/] js 控制层 通过 wxml 与 wxss 配合可以形成一个3D视图,通过 js 可以控制转动,这里需要使用 rotate3d,小程序 rotate3d 第四参数…
视图层 wxml [crayon-6767016e41bf3769748601/] 视图层 wxss [crayon-6767016e41c05329612339/] js 控制层 通过 wxml 与 wxss 配合可以形成一个3D视图,通过 js 可以控制转动,这里需要使用 rotate3d,小程序 rotate3d 第四参数…
开发配置是vuejs+element-ui,由于项目有些特殊功能,element-ui无法完全满足,我就fork了一份element-ui,并做了一些改动。 之后需要在package.json 中引入: [crayon-6767016e41f1a388569984/] 然后删除node-module下的element-ui,执行npm install
vue 组件 component 在使用中很方便,在做一个后台管理系统时,却使用component 造成js体积庞大问题; 就这个问题,进行了优化,记录如下: 项目描述: 后台管理,公共头部,公共左侧栏目,右侧内容区域; 使用 main.js 将右侧页面全部载入,判断了页面 hash,将右侧对应的 vue 绑定给 rightComponent,页面使用 <rightComponent></rightComponent> 进行载入; 问题:build.js 文件非常大(2M左右); 解决方法:不在main中去载入右侧页面,有了下面的方案:…
webpack 后 webpack-dev-server ,使用的是webpack的js,不自动刷新 整整折磨了我2天,疯了一样;项目结构如下 [crayon-6767016e420f0190613200/] package.json [crayon-6767016e420f5149135403/] webpack.config.js [crayon-6767016e420f7960349136/] 刚开始使用这份配置,一切顺利,dev开发好后build,上传服务器,一切正常; 当我在回到run dev后,发现它一直再使用了dist下的js,于是折腾了2天,改js名字、改dist目录名、各种找、各种改,结果都不行; 最后机缘巧合下改了webpack.config.js 第八行,将publicPath: './dist/' 改为了publicPath: 'dist/' ; npm…
注:本文观点只针对web,不针对使用react等js技术开发的app,没测试这里,断不敢乱下结论! Virtual dom 虚拟dom 真的快吗??? 虚拟dom真的像说的那么美好吗??? 1,先在内存中构造虚拟dom D1 2,构造变化后的虚拟dom D2 3,比较D2 D1,得到diff 4,将diff应用到原来的dom上 一切看起来都很美好,diff算法很牛逼,效率杠杠的;但是,但是,最后一句话“4,将diff应用到原来的dom上” 还是要操作dom; 下面我们就看看两种做法在web效率上的差异,一定是做了你才知道,部分代码截取,后边有完整代码演示; 1,构造原始dom数据,limit =5000,5000个dom,对其中1/3做特殊化处理 [crayon-6767016e422b9320572119/] …