随笔分类 -  Vue工作经验

1 2 3 4 下一页
（通常写法: this.propName = xxx）也使用 Object.assign(this, { [propName]: xxx, ... }) 来替换新对象法 ---》设置修改数据值
该文被密码保护。
posted @ 2022-06-09 19:00 _various 阅读(0) 评论(0) 推荐(0)
React中的修改数据状态和Vue中的修改数据状态，对应的更新对比 注意点 和 React生命周期速查表（中文文档） 和 react中文文档生命周期
该文被密码保护。
posted @ 2020-04-27 15:14 _various 阅读(0) 评论(0) 推荐(0)
JS中定时器setTimeout、setInterval和clearTimeout、clearInterval使用以及在React/Vue中使用注意事项（在定时器使用前先清空定时器，及在组件卸载时候再次清除定时器-setInterval是必要的，setTimeout同样建议需要...具体看下文）-及setTimeout比setInterval使用更加灵活及代替方案参考及面向对象思维编写定时器类参考
该文被密码保护。
posted @ 2020-04-03 17:33 _various 阅读(0) 评论(0) 推荐(0)
React/Vue等框架工程化项目管理npm基本命令使用》npm或cnpm(npm国内淘宝镜像提速) 或使用yarn代替npm （提速，更稳定，更推荐）--启动项目时候确保已安装依赖管理包(node_modules文件夹),未安装要先安装依赖管理包npm install管理包报错建议删除node_modules重新安装依赖管理包--npm脚本命令npm run scripts中的命令使用及简写
该文被密码保护。
posted @ 2020-03-02 11:26 _various 阅读(0) 评论(0) 推荐(0)
Vue/React等项目中工程化中，修改配置文件比如webpack等配置文件之后，则需要重新启动服务---》才有效果，否则很可能无效果 比如常用的:webpack配置ajax http请求跨域代理---->解决ajax开发中的跨域问题（上线后端使用ngix配置解决线上的跨域问题...或者前端自己来控制，上线不需要后端配置代理跨域做法参考）及其他修改配置文件等...
该文被密码保护。
posted @ 2020-02-12 17:02 _various 阅读(0) 评论(0) 推荐(0)
React/Vue中当有时候当我们无法清空表单 / 及组件等...的状态，可以试试 让表单 / 及组件等...重新加载，重新初始化状态的方法（组件重新加载状态则会重新初始化...）。----》注意：这不是最佳的解决方案，而是没有其他解决方案，有其他更好的方案则优先选择其他更好的清空状态方案！！
该文被密码保护。
posted @ 2020-01-16 17:05 _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)
React组件生命周期及生命周期对应接收的参数参考（***主要重点看React组件生命周期）---参考于React中文开发手册-----及 注意点： React / Vue中在组件卸载生命周期通常应用和 必要的清理操作例如：清除定时器、对绑定的事件进行解绑操作、解除订阅操作等...
该文被密码保护。
posted @ 2020-01-08 14:41 _various 阅读(1) 评论(0) 推荐(0)
使用redux(react) /vuex（vue）进行全局的数据状态管理（除了方便各个组件间的数据交互）还有的其他好处 及React / Vue要想各个模块中来回切换的时候数据不重新初始化（就是保存之前的状态）->可以把数据存到redux全局的store中(react) / 存储到vuex中(vue)。那么只有网页刷新的时候，这些数据才会重新初始化(组件局部数据，组件销毁重新加载会初始化...)
该文被密码保护。
posted @ 2020-01-06 14:37 _various 阅读(4) 评论(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)
React 数组变化不引起视图更新---》当setState的值为数组/对象引用类型的时候，建议每次setState都是一个全新的对象(替换原对象法)-》注意：在修改/设置redux(reducer中)/vuex数据中时候，值为数组/对象引用类型的时候，也建议每次修改/设置的都是一个全新的对象(替换原对象法) ---》上述若值为基本数据类型则没有这个问题 以及对比Vue的数据响应变化注意点
该文被密码保护。
posted @ 2020-01-02 13:30 _various 阅读(0) 评论(0) 推荐(0)
在React / Vue路由中(URL地址)，" / "代表的是根路由（默认访问的路由），项目启动起来默认访问的是跟路由" / " 及 通过redirect路由重定向来重定向路由 及 有时候要让路由跳转到首页，可以设置跳转的路径为" / "（根路由）
该文被密码保护。
posted @ 2019-12-23 21:22 _various 阅读(0) 评论(0) 推荐(0)
前端开发中常用的路径--- 绝对路径、相对路径、根目录 （特别注意点：根目录用" / "表示， 以根目录" / " 开头去访问资源路径，也是绝对路径的访问方式） 及 最新React / Vue脚手架中如何配置快捷路径 / 配置绝对路径（这里配置的块级路径其实就是绝对路径） 和 React使用公共文件夹public静态文件夹 方式 和 vue中使用静态文件夹 static和assets的区别
该文被密码保护。
posted @ 2019-12-23 17:59 _various 阅读(2) 评论(0) 推荐(0)
URL（包括浏览器中的url访问地址 和 前后端发送ajax http请求的url地址等...）中“#” “？” &“”号的作用 及 React / Vue框架中 URL中传参的几种方式（url传递数据的的几种方式） 及 对应适用场景注意点
该文被密码保护。
posted @ 2019-12-21 17:50 _various 阅读(2) 评论(0) 推荐(0)
React和Vue数据流和组件化框架及React文档和Vue文档及 React/Vue开发建议（模块化开发）-（ajax的http请求及API前后端请求接口尽量拆分到单独的文件管理，不建议放在组件中，其他该拆分的【方法/属性/常量/逻辑等..（通用或者不通用）】也要拆出去单独模块管理）及React和Vue中非全局数据 和 全局数据状态管理redux和vuex 及 react中redux各种生态圈
该文被密码保护。
posted @ 2019-12-20 13:52 _various 阅读(9) 评论(0) 推荐(0)
CSS 预处理器（Sass less stylus） 和 CSS预处理器的主要目的： ( CSS无法进行嵌套，CSS中无法定义变量及没有合理的样式复用机制等..) - 及CSS模块化（CSS Modules）的使用，解决类名冲突的问题 及Vue样式<style scoped>设置scoped作用 Vue/React中使用CSS模块化 及CSS中@import的作用是从其他样式表导入样式
该文被密码保护。
posted @ 2019-12-19 14:28 _various 阅读(0) 评论(0) 推荐(0)

1 2 3 4 下一页