react笔记
摘要：static getDerivedStateFromProps(nextProps, prevState) { console.log('getDerivedStateFromProps',nextProps, prevState) } componentDidMount() { console.l
阅读全文
posted @ 2019-12-30 15:43
随笔分类 - javascript
less-loader编译calc异常解决方法
摘要：问题： width:calc(100% 200px);最后编译成calc( 100%) 解决方法 width: calc(~"100% 200px"); 加上 ~ 并加上引号
阅读全文
posted @ 2019-01-22 11:26
charles
摘要：注册码 //2018 08 14亲测可用 // Charles 4.2目前是最新版，可用。 Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 map local 劫持请求，到本地文件 1，劫持:get请求页面到本地ht
阅读全文
posted @ 2018-08-28 14:18
ServiceWorker和WebWorker
摘要：在google打上关键字 service worker 空格进行搜索 参考地址 (Web_worker)[https://en.wikipedia.org/wiki/Web_worker] (service workers)[https://developers.google.com/web/fun
阅读全文
posted @ 2018-08-28 14:18
可视化n次贝塞尔曲线及过程动画演示--大宝剑
摘要：起因 研究css中提供了2次、3次bezier，但是没有对n次bezier实现。对n次的实现有很大兴趣，所以就用js的canvas搞一下，顺便把过程动画模拟了一下。 投入真实生产之中，偏少。 n次bezier曲线，做前端实际生产中，并没有很大对帮助。仅仅学习研究之。 1，由于css样式中仅提供了2次
阅读全文
posted @ 2018-06-04 20:40
可视化svg深入理解viewport、viewbox、preserveaspectradio
摘要：直接运行此例子 深入理解svg的viewport、viewbox、preserveaspectradio实例 运行例子 viewport的理解 例子 这里的 的宽高就是 标签里面的 和`height 像素px 400px 300px em rem % svg的viewport`就讲完了，简单吧。 运
阅读全文
posted @ 2018-06-01 18:49
mvvm，如何解析一个指令表达式?
摘要：如何解析一个指令表达式? v model="msg==='abc'?'1':a" 完美的解决方案 1，with（vm）{ return new Function（'vm',exp） } 2，通过将exp转化成ast ，词法 语法解析 转化 生成 3，通过正则表达式 实现目的：vm.msg==='ab
阅读全文
posted @ 2018-03-23 17:24
Proxy和Reflect
摘要：原因 最近在写 unar.js（一个技术超越react angular vue）的mvvm库。通过研究proxy的可行性。故作以下研究 Proxy代理一个函数 Proxy引入Reflect本质 Reflect实用 Proxy、Reflect实用 一般我们会将代理的变量名proxyFn命名成代理的对象
阅读全文
posted @ 2018-01-09 15:07
数学
摘要：三点确定一个圆 两点确定一个椭圆 问题：svg圆弧的画法 起点，a，b，偏向度，大小弧（0，1），顺逆（0，1），终点 （前提：坐标系固定，也就是x轴偏向角度为0）（如果x轴偏向角度不固定，则有n个椭圆穿过）？对吗
阅读全文
posted @ 2017-09-09 19:11
可视化：svg相关基础
摘要：01.svg的嵌入.html 运行 02.svg基本图形.html 运行 03.svg基本样式.html 运行 04.svg用js操作.html 运行 05.svg结构标签g.html 运行
阅读全文
posted @ 2017-09-03 22:08
移动端调用摄像头（相机）相册
摘要：上传文件的时候，选择相机和相册兼容 相册和相机切换 ：在新安卓和ios，去掉capture ：在老安卓，加上capture 只能真机调试
阅读全文
posted @ 2017-08-31 22:00
移动端的事件点透及原因
摘要：div定位在一个a标签上 事件点透解决办法示例 可点我后，在chrome上模拟
阅读全文
posted @ 2017-08-31 21:47
ios滑动流畅（丝般顺滑）滚动
摘要：在ios html body list(少一个样式都不行！) html body list ios的bug，运行 html body ios的bug，运行
阅读全文
posted @ 2017-08-31 21:38
动画框架基础部分
摘要：滚动到顶部：requestAnimationFrame 滚动到顶部：定时器 正弦余弦函数 运行代码 精确控制动画的时间 运行代码 动画的基本封装 多动画的控制(暂停、继续)（promise async await） 运行代码
阅读全文
posted @ 2017-08-21 16:44
ie11 调试工具不能使用
摘要：使用ie11仿真ie8测试兼容性的时候，方便调试 dom和仿真都不能用 搜索 也有相关问题 安装补丁 64位的系统应该使用下面这个补丁： 32位系统补丁是提供给 安装之后就可以了 结果
阅读全文
posted @ 2017-08-16 11:48
generator生成器iterator遍历器和yield
摘要：generator方法()返回一个iterator 使用generator时永远先去调用generator()方法 for of对iterator的调用过程(babel参照) 1,_iterator.next() 每次循环 调用iterator的next() 2,var v = _step.valu
阅读全文
posted @ 2017-08-02 00:25
跨域调试
摘要：chrome 快捷方式追加（有空格） "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" args disable web security user data dir 效果 我以前研究angular时候，这样解决开发时候出现跨
阅读全文
posted @ 2017-08-01 17:37
火狐的3d视图插件Tilt 3D
摘要：15年的时候，使用过此功能。后来没注意就发现没了。firefox在47之后就停止自带了。 换成插件了。 https://addons.mozilla.org/en US/firefox/addon/tilt/
阅读全文
posted @ 2017-07-29 17:28
Symbol（第6种基本数据类型）
摘要：构造函数 不能使用构造函数，只能当成平常的方法使用 参数：不是唯一标志 只是描述，不具备唯一标志,仅仅为了方便查看是哪一个Symbol 类型转化：不能number 可字符串、布尔(默认true)。不能number，不能任何计算(连接字符也不行,不过可以先转成字符串后再相连接) ps:对象:键为变量
阅读全文
posted @ 2017-07-24 23:53
新项目问题
摘要：由于考虑兼容性，采用ko+require+sammy sammy.js 路由 事件 api require.js knockout amd helpers.js 实现ko不能实现的amd异步加载模板。相当于补充了ko的短板 https://github.com/rniemeyer/knockout
阅读全文
posted @ 2017-07-06 19:57
