01 2020 档案

js es6 promise 中 resolve()只能接受并处理一个参数，多余的参数会被忽略掉 如何传递多个参数?------》resolve()需要传递多个参数的时候，可以包装成一个对象中（更推荐将参数包装成一个对象中） 或 放在一个数组中
该文被密码保护。
posted @ 2020-01-19 10:55 _various 阅读(1) 评论(0) 推荐(0)
递归应用案例--->一体化服务Select下拉框（单个和多个）"请选择"文字暗文处理... 及 处理异步情况使用Promise 比 setTimeout(函数, 0) 效果更好 及 使用setTimeout()处理异步，具体延迟时间可以根据实际效果自定义设置（通常用的较多的0, 30--(30ms通常被认为dom渲染时间), 50, 100, 300, 1000, 2000等...）
该文被密码保护。
posted @ 2020-01-17 16:20 _various 阅读(6) 评论(0) 推荐(0)
React/Vue中当有时候当我们无法清空表单 / 及组件等...的状态，可以试试 让表单 / 及组件等...重新加载，重新初始化状态的方法（组件重新加载状态则会重新初始化...）。----》注意：这不是最佳的解决方案，而是没有其他解决方案，有其他更好的方案则优先选择其他更好的清空状态方案！！
该文被密码保护。
posted @ 2020-01-16 17:05 _various 阅读(0) 评论(0) 推荐(0)
1. 自己axios的一些封装2 及 2. 医惠科技axios封装参考及思想： ajax请求错误提示等...建议统一处理 及 部分接口也可以做特殊化处理
该文被密码保护。
posted @ 2020-01-16 10:14 _various 阅读(1) 评论(0) 推荐(0)
VsCode插件---GitLens（GitLens可以显示每一行代码的作者，提交时间，以及commit信息，在想要知道哪行代码是谁改动的时候非常的实用） 及 其他VsCode插件参考
该文被密码保护。
posted @ 2020-01-15 15:31 _various 阅读(1) 评论(0) 推荐(0)
<React.Fragment>的用法（空标签包裹分组的功能，渲染的时候不会向 DOM 添加额外节点） 及 还有一种用法是三元表达式后面需要跟DOM/组件/JSX片段等...不能直接跟{ }表达式， 此时不想添加多余的dom标签，此时可以用<React.Fragment>标签包裹....
该文被密码保护。
posted @ 2020-01-15 15:24 _various 阅读(0) 评论(0) 推荐(0)
React/Vue组件写法（单闭合和双闭合） 及 React中双闭合this.props.children的用法（子组件中： { this.props.children } 就是父组件中包裹的 xxx..DOM / 组件 / JSX等.... ） 及 普通html dom也有单闭合标签和双闭合标签两种写法：双闭合标签中间可以包裹东西,内部包含东西
该文被密码保护。
posted @ 2020-01-15 11:23 _various 阅读(0) 评论(0) 推荐(0)
react中使用redux或vue中使用vuex全局管理数据状态，一般不需要判断已经有没有数据，再去发送ajax http请求获取数据。除非要做缓存之类的优化，通常情况下需要重新发送ajax获取数据，更新redux或vuex的数据，确保页面渲染的是最新的数据。
该文被密码保护。
posted @ 2020-01-14 21:42 _various 阅读(0) 评论(0) 推荐(0)
注意： 在组件属性 或者 DOM 只写属性名，省略属性值的写法--------》其实就相当于 该属性的值为true----->(通常用于属性值为布尔值的属性)
该文被密码保护。
posted @ 2020-01-14 21:06 _various 阅读(1) 评论(0) 推荐(0)
react中使用图片资源注意点和Vue中区别补充：由于图片资源有两种展现-img标签和background背景图片.因此在项目开发中（任何框架）也可以把img标签改成background背景图片的形式,可以使用相对或绝对路径，不需要import/require形式,图片放非public等静态文件夹下，也会经过webpack处理进行base64转化及webpack打包小图片进行Base64转码优缺点
该文被密码保护。
posted @ 2020-01-13 10:52 _various 阅读(2) 评论(0) 推荐(0)
注意：前端编辑器VsCode等编辑器…安装有些插件可能会造成CPU，内存等使用率过高， 造成电脑卡顿，并发出较大风扇声音等现象，对于这类坑爹插件应该禁用，及卸载……
该文被密码保护。
posted @ 2020-01-10 23:43 _various 阅读(1) 评论(0) 推荐(0)
前端开发代码规范优化—还体现在html/css/js/函数方法/组件等…(通用性)封装和复用上及面向对象类的封装(通用行为)或面向对象思维编程，即使不考虑复用性，重要的是面向对象编程思维思想。尽量写出高效，可复用，可读性强，可维护等高质量代码！还比如常见需求：新增/编辑功能合二为一等… 及 重用的编程开发思维 及添加必要的注释和注释规范详细参考 (JSDoc)
该文被密码保护。
posted @ 2020-01-10 22:15 _various 阅读(0) 评论(0) 推荐(0)
（ 1. 安装软件的安装路径中要避免/尽量不要出现中文 及 2. 真正前端企业开发 / webpack脚手架工程化开发中应该尽量不要使用中文 / 要避免使用中文 ） 两者使用中文都可能会出现未知的问题-----》推荐使用英文字母、"_"、"-" 等组合....（要避免使用中文，能不用则不用，尽量不用使用中文，还有注意：尽量不要以数字开头，推荐使用英文字母开头...）
该文被密码保护。
posted @ 2020-01-10 11:21 _various 阅读(3) 评论(0) 推荐(0)
1web前端开发中，网页鼠标默认形状是“箭头样式”2当鼠标碰到文字、文本会变成“Ⅰ形光标”（选中文字的样式）-》这是正常现象，默认的行为样式3可用css属性cursor改变鼠标样式4. 通常情况下按钮、链接等可以点击的会让其显示为手状（1. cursor: pointer; 2.或者使用<a>标签来代替其他标签或包裹3.按钮标签鼠标移入默认样式为“箭头样式”，需配合cursor: pointer）
该文被密码保护。
posted @ 2020-01-09 14:04 _various 阅读(1) 评论(0) 推荐(0)
1.e.preventDefault() 解决在做移动端下拉刷新等操作的时候，真机测试时会把整个网页都进行下拉，(微信端)可能会出现的 "此网页由xxx提供"的现象 2.下拉操作中也要添加e.stopPropagation()来阻止事件冒泡广播
该文被密码保护。
posted @ 2020-01-09 09:49 _various 阅读(0) 评论(0) 推荐(0)
自己axios的一些封装1
该文被密码保护。
posted @ 2020-01-09 09:48 _various 阅读(0) 评论(0) 推荐(0)
Promise的一些基本用法详解 及 ***（重点）阮一峰ES6 Promise详解
该文被密码保护。
posted @ 2020-01-09 09:40 _various 阅读(1) 评论(0) 推荐(0)
有问题可以上网(电脑，笔记本，手机等…)查找 及 常用的搜索引擎百度，谷歌google，搜狗等……
该文被密码保护。
posted @ 2020-01-09 08:04 _various 阅读(0) 评论(0) 推荐(0)
我的无线网卡驱动的作用及 电脑上网（连接网络）
该文被密码保护。
posted @ 2020-01-08 21:38 _various 阅读(1) 评论(0) 推荐(0)
React组件生命周期及生命周期对应接收的参数参考（***主要重点看React组件生命周期）---参考于React中文开发手册-----及 注意点： React / Vue中在组件卸载生命周期通常应用和 必要的清理操作例如：清除定时器、对绑定的事件进行解绑操作、解除订阅操作等...
该文被密码保护。
posted @ 2020-01-08 14:41 _various 阅读(1) 评论(0) 推荐(0)
Lodash是一个一致性、模块化高性能JavaScript实用工具库。（***前端开发中非常有用的JS库，封装了各种各样有用实用方法，如深拷贝_.cloneDeep()/浅拷贝_.clone()/函数节流_.throttle()/函数防抖_.debounce()/比较两个值是否相等_.eq()/执行深比较来确定两者的值是否相等（对象）_.isEqual()。。。等等一系列有用方法 ，详细请看文档）
该文被密码保护。
posted @ 2020-01-08 14:19 _various 阅读(1) 评论(0) 推荐(0)
前端开发你不得不知道的Chrome中的--->打开新的无痕窗口
该文被密码保护。
posted @ 2020-01-08 11:33 _various 阅读(0) 评论(0) 推荐(0)
个人对line-height的研究-line-height: 1或者 line-height: 1.5的意义 及开发中通常给<body>标签全局设置line-height:1/1.2/1.5...等可以一路继承给下面的元素 (个人更喜欢给body标签全局设置line-height: 1使高度和字体一致 ) 及对行内元素的特殊情况注意点 及处理方式 等等知识点... 及深入理解line-height
该文被密码保护。
posted @ 2020-01-07 11:26 _various 阅读(1) 评论(0) 推荐(0)
css reset重置浏览器默认样式 及 项目初始化CSS请参考以前CQKJ做过的项目（保险H5,萧山暴雨H5等...），目录：common/style/下，一般需要reset/base/variable/animate/common/border/mixin.css等...
该文被密码保护。
posted @ 2020-01-07 11:08 _various 阅读(0) 评论(0) 推荐(0)
1. 给一个DOM标签的属性赋值undefined/null和""(空的区别) 2. 有关<a>标签的使用的各种特性及注意点 及 用<a>标签也可以像<button>按钮标签来做事件的禁用和非禁用切换的使用注意点 3. 阻止a标签默认行为的几种简单方法
该文被密码保护。
posted @ 2020-01-06 17:46 _various 阅读(3) 评论(0) 推荐(0)
使用redux(react) /vuex（vue）进行全局的数据状态管理（除了方便各个组件间的数据交互）还有的其他好处 及React / Vue要想各个模块中来回切换的时候数据不重新初始化（就是保存之前的状态）->可以把数据存到redux全局的store中(react) / 存储到vuex中(vue)。那么只有网页刷新的时候，这些数据才会重新初始化(组件局部数据，组件销毁重新加载会初始化...)
该文被密码保护。
posted @ 2020-01-06 14:37 _various 阅读(4) 评论(0) 推荐(0)
chrome浏览器调试工具使用-比如Application--有关前端缓存Cookie和localStorage和sessionStorage，还有其他缓存IndexedDB、Web SQL等....及Network查看请求 及 还有其他常用的Elements、Console、Sources、Redux(Redux调试)、Components(React Developer Tools)等...
该文被密码保护。
posted @ 2020-01-06 09:59 _various 阅读(0) 评论(0) 推荐(0)
TypeScript---TypeScript是javascript类型的超集，可以编译成纯javascript----及TypeScript官网及其他各种不错的学习资料（电子书《TypeScript入门教程》、技术胖TS教程及 百度网盘中TypeScript教程：前程教程11中的 《基于TypeScript从零构建axios》（慕课网大神教程，推荐学习）等。。。 ）
该文被密码保护。
posted @ 2020-01-05 21:30 _various 阅读(0) 评论(0) 推荐(0)
Js中的Object.defineProperty()和defineProperties() 及 Vue中双向数据绑定实现原理 Object.defineProperty方法，及Vue深入数据响应原理（Object.defineProperty等....）注意Object.defineProperty兼容性ie9以上---》这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因及Vue兼容性
该文被密码保护。
posted @ 2020-01-05 12:39 _various 阅读(3) 评论(0) 推荐(0)
前端开发中按钮短时间内多次点击造成多次重复ajax http请求/重复提交 这类场景问题的解决思路 及 (React/Vue中)定义数据/变量最佳方案参考: -》判断依据：到底需不需要DOM重新渲染(render),即变量有没有在DOM中用到及有关DOM地方用到（如render下return前等...）及浅析函数防抖与函数节流及lodash中节流(Throttle)和防抖(Debounce)
该文被密码保护。
posted @ 2020-01-03 17:32 _various 阅读(0) 评论(0) 推荐(0)
cursor CSS属性定义鼠标指针悬浮在元素上方显示的鼠标光标（各种手状样式）MDN web官方参考----css属性cursor-- 添加各种手状样式（鼠标移上去变小手等等各种形状...） 及 css添加无效禁用样式，鼠标移动上去禁用(cursor: 'not-allowed';)
该文被密码保护。
posted @ 2020-01-03 16:16 _various 阅读(2) 评论(0) 推荐(0)
<button>xx<button>标签等价于<input type="button" value="xx" />的disabled属性（disabled为true）可以用来禁止用户的点击事件（点击无效）》达到阻止点击事件的目的-及（可以自定义按钮的样式达到我们的效果》看上去不是按钮也可以使用按钮标签来实现，可以配合css属性cursor来自定义手型）如--<a>链接标签没有disabled属性
该文被密码保护。
posted @ 2020-01-03 15:58 _various 阅读(1) 评论(0) 推荐(0)
React 数组变化不引起视图更新---》当setState的值为数组/对象引用类型的时候，建议每次setState都是一个全新的对象(替换原对象法)-》注意：在修改/设置redux(reducer中)/vuex数据中时候，值为数组/对象引用类型的时候，也建议每次修改/设置的都是一个全新的对象(替换原对象法) ---》上述若值为基本数据类型则没有这个问题 以及对比Vue的数据响应变化注意点
该文被密码保护。
posted @ 2020-01-02 13:30 _various 阅读(0) 评论(0) 推荐(0)