12 2018 档案

前端AES加密解密
摘要：最开始使用的aes-js的npm包，后来发现npm上面那个包只能加密16个长度的字节，非16个长度的字符串就会报错，后来使用的是crypto-js， AES总共有四种加密方式，我们使用的CBC方式： 这个代码是配合后端java的AES加密解密,上面的XXXXXXXXXXXX是加解密的Key值，需前后 阅读全文
posted @ 2018-12-30 15:48 tangjiao_Miya 阅读(4465) 评论(0) 推荐(0)
webpack压缩图片之项目资源优化
摘要：webpack打包时，会根据webpack.config.js 中url-loader中设置的limit大小来对图片进行处理，小于limit的图片转化成base64格式，其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。 在 webpack.config 阅读全文
posted @ 2018-12-28 11:53 tangjiao_Miya 阅读(10846) 评论(0) 推荐(0)
node代理遇到的坑记
摘要：在进行前端mock地址代理时候，进行了webpack的node反向代理： 实际mock地址是：http://10.118.183.10/mock/hb/startwork/openredpacket 我在index.js里面写的反向代理是： 然而酱紫接口请求是404，服务器找不到路径，后改为服务器的 阅读全文
posted @ 2018-12-27 19:54 tangjiao_Miya 阅读(190) 评论(0) 推荐(0)
px2rem
摘要：在使用手淘的flexible进行rem适配时候，可以使用px2rem，是将px转换成rem的工具，webpack有loader：px2rem-loader。 安装：npm i px2rem-loader --save-dev 配置： 放进loaders数组中： 如果某项不想转化为rem： 修改完配置 阅读全文
posted @ 2018-12-26 16:32 tangjiao_Miya 阅读(412) 评论(1) 推荐(0)
javascript中this指向的问题
摘要：javascript中this只有函数执行时候才能确定到底指向谁，实际this最终指向是那个调用它的对象。 1,匿名函数中的this——window 2,作为对象的方法的this 再看这个例子： 此时的this.a是undefined，原因是：尽管fn被最外层的o对象所调用，但是this指向的只是当 阅读全文
posted @ 2018-12-13 15:55 tangjiao_Miya 阅读(175) 评论(0) 推荐(0)
javascript的装饰者模式Decorator
摘要：刚开始看这段代码有点绕，现在回过头来看，so easy！ 对于上面的代码我不想多说，都很简单，但是将before和after定义在原型上面，有点污染原型的意思，所以再次进行变通： before函数传入两个函数，一个是原来函数，另外是要提前执行的函数，方法体内部先执行beforefn，后执行原函数，t 阅读全文
posted @ 2018-12-12 14:54 tangjiao_Miya 阅读(212) 评论(0) 推荐(0)
日常代码随笔
摘要：1，this指向问题的代码： 异常发生在_getElementById(id)这句，此为一个全局函数，调用全局函数时候this指向是window，而document.getElementById内部实现this指向是document。所以需要在调用时候将this指向document对象。改动后代码如 阅读全文
posted @ 2018-12-12 11:24 tangjiao_Miya 阅读(184) 评论(0) 推荐(0)
javascript中的中介者模式——迪米特法则
摘要：”迪米特法则“——最少知识原则，不和陌生人说话，就是说，一个对象应当对其他对象有尽可能少的了解。talk only to your immediate friends.初衷是：降低对象之间的耦合度。 中介者模式就是迪米特法则体现的一个很好的例子。 上面这张图其实很好的解释了中介者的作用，当程序中多个 阅读全文
posted @ 2018-12-11 15:51 tangjiao_Miya 阅读(432) 评论(0) 推荐(0)