随笔分类 - 一寸光阴
拍什么真理无穷，进一寸有一寸的欢喜
摘要：哈哈哈哈！！！！ 虽然粉丝没几个，但是还是想说，博客园停更，已经转战简书，因为简书写起来更加的简约美腻，简书号：斯里兰卡的小狮子
阅读全文
摘要：1，抽象类 例如，Duck对象和Chicken对象的类型都隐藏在Animal类型的身后，向上转型。建立契约，抽象类里面的abstract方法，各个子命令类继承或者覆写。 面向接口编程，接口是个抽象的概念，可以理解为：面向超类型编程，当对象的具体类型被隐藏在超类型的身后，这些对象就可以相互替换使用，而
阅读全文
摘要：1，SRP【单一职责链原则】 单一职责链原则：按照职责把对象分解成更小的颗粒度，有助于代码的复用，亦有利于单元测试，缺点是增加编写代码的复杂度。 常用的有： 代理模式，通过代理把本体需要做的事情分离出来，互不影响； 迭代器模式，也是将职责分离，迭代器对象职责专门负责遍历对象，而分离出业务函数中的遍历
阅读全文
摘要：盒子模型分为两种：Ｗ3C盒子模型（标准盒子模型）和IE盒子模型 盒子模型组成：content+padding+border+margin 标准盒子模型的width就是content 而IE盒子模型的width=content+padding+border css3的属性box-sizing有两个值：
阅读全文
摘要：React的组件化思想尤为明显，一切皆组件，觉着比Vue的组件化思想更加凸显。 React组件也可以实现数据和模板分离，可以写defaultProps,也可以通过使用组件时候给props的属性赋值。 组件之间的互相通讯是通过props来传递的，这个很重要！ State和Props组合使用：可以在父组
阅读全文
摘要：意思是：当你写一个web应用时候，应噶install的是react-router-dom，同样的，当你想写一个Native应用时候，需要install的是react-router-native，这两个都会下载react-router作为其依赖。 react-router 提供了router的核心ap
阅读全文
摘要：流行的命名法：驼峰法命名法，匈牙利命名法，帕斯卡命名法，下划线命名法； 1，驼峰法命名法（Camel）：混合大小写字母构成变量和函数名的方式命名 小驼峰命名：firstName，camelCase 大驼峰命名：FirstName，CamelCase 2，下划线命名： first_name，shopp
阅读全文
摘要：create-react-app是由React官方提供，并推荐构建React单页应用程序的最佳方法，但是默认不支持less，需要手动集成： 1，必须手动安装less npm install less less-loader 2，暴露webpack配置文件【npm run eject】，修改weppa
阅读全文
摘要：1，vw，vh，vmin，vmax是由视窗Viewport大小来决定的，单位1，代表1%，是一种相对单位，只要是为响应式适配视窗的一种解决方案； vw：view width（视窗宽度）的百分比，1vw代表视窗宽度的1%； vh：view height（视窗高度）的百分比，1vh代表视窗高度的1%；
阅读全文
摘要：1，className一定是大写字母开头，例如：App-logo，App，App-header。 2，有关react元素的更新，唯一办法是创建新元素，然后重新将其传入ReactDOM.render()中重绘。 3，通过react官方的脚手架create-react-app新建项目时，你会发现里面没有
阅读全文
摘要：问题如标题所写，在ajax回调里面拿到即将要跳转的链接url，使用window.open(linkUrl),没有起作用，而且代码也没有报错，查找原因是：大部分现代的浏览器（Chome/Firefox/IE 10+/Safari）都默认开启了组织弹出窗口的策略，原因是window.open被广告商所滥
阅读全文
摘要：前沿：需求是由于后台接口并发量大，所以后台接口会有多个，所以需要前端去判定到底去请求哪个负载均衡器，理论上下面的三个负载均衡器上面也应该有个总管（反向代理），保证前端请求时候是同一个域名，但是实际上没有这样的条件。 像百度这样的域名，背后是包含很多的ip的，但是像我们这个需求，需要客户端自己去判定到
阅读全文
摘要：1，AES加解密 AES，Advanced Encryption Standard，高级加密标准。采用对称密钥，秘钥长度支持128,192,256。是一种分组密码，说是为了取代DES，DES之前统治20多年，因为其被打败过几次，而且计算速度很慢，所以被AES取代了。 有四种类型：ECB，CBC，CF
阅读全文
摘要：最开始使用的aes-js的npm包，后来发现npm上面那个包只能加密16个长度的字节，非16个长度的字符串就会报错，后来使用的是crypto-js， AES总共有四种加密方式，我们使用的CBC方式： 这个代码是配合后端java的AES加密解密,上面的XXXXXXXXXXXX是加解密的Key值，需前后
阅读全文
摘要：webpack打包时，会根据webpack.config.js 中url-loader中设置的limit大小来对图片进行处理，小于limit的图片转化成base64格式，其余的不做操作。对于比较大的图片我们可以用image-webpack-loader 来压缩图片。 在 webpack.config
阅读全文
摘要：在进行前端mock地址代理时候，进行了webpack的node反向代理： 实际mock地址是：http://10.118.183.10/mock/hb/startwork/openredpacket 我在index.js里面写的反向代理是： 然而酱紫接口请求是404，服务器找不到路径，后改为服务器的
阅读全文
摘要：在使用手淘的flexible进行rem适配时候，可以使用px2rem，是将px转换成rem的工具，webpack有loader：px2rem-loader。 安装：npm i px2rem-loader --save-dev 配置： 放进loaders数组中： 如果某项不想转化为rem： 修改完配置
阅读全文
摘要：javascript中this只有函数执行时候才能确定到底指向谁，实际this最终指向是那个调用它的对象。 1,匿名函数中的this——window 2,作为对象的方法的this 再看这个例子： 此时的this.a是undefined，原因是：尽管fn被最外层的o对象所调用，但是this指向的只是当
阅读全文
摘要：刚开始看这段代码有点绕，现在回过头来看，so easy！ 对于上面的代码我不想多说，都很简单，但是将before和after定义在原型上面，有点污染原型的意思，所以再次进行变通： before函数传入两个函数，一个是原来函数，另外是要提前执行的函数，方法体内部先执行beforefn，后执行原函数，t
阅读全文
摘要：1，this指向问题的代码： 异常发生在_getElementById(id)这句，此为一个全局函数，调用全局函数时候this指向是window，而document.getElementById内部实现this指向是document。所以需要在调用时候将this指向document对象。改动后代码如
阅读全文
浙公网安备 33010602011771号