摘要：
我了解到，掌握了某种语言、框架或工具的人与没有掌握的人之间的最大区别在于他们所使用的思维模型（Mental Model）。前者拥有清晰而先进的思维模型，而后者则没有。 通过良好的思维模型，你可以直观地理解复杂的问题和解决方案，这比逐步的去寻求解决方案要快得多。 我每天都用 react 工作，并且一直 阅读全文
posted @ 2020-09-22 19:45
笑人
阅读(253)
评论(0)
推荐(0)
摘要：
页面加载的时候，vue生命周期的触发顺序是怎样的呢？ 那么进入某个路由对应的组件的时候，我们会触发哪些类型的周期呢？ 根实例的加载相关的生命周期（beforeCreate、created、beforeMount、mounted） 组件实例的加载相关的生命周期(beforeCreate、created 阅读全文
posted @ 2020-09-22 19:43
笑人
阅读(7255)
评论(0)
推荐(0)
摘要：
一、受控组件 在 react 中，表单元素通过组件的 state 属性来自己维护 state，并根据用户输入调用setState()来进行数据更新，使 react 的 state 成为“唯一数据源”，被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。 class NameForm 阅读全文
posted @ 2020-09-22 19:42
笑人
阅读(264)
评论(0)
推荐(0)
摘要：
从某方面讲，父组件传值给子组件进行接收，之后在子组件中更改是不允许的。你会发现vue也会直接报错，而在封装一些组件的时候，又希望做到数据的双向绑定，可以更好的控制与使用，在网上找到了两种方法，一种的话是使用 v-model 还有一种是 .sync这里我推荐使用.sync 原因：v-mode只能进行单 阅读全文
posted @ 2020-09-22 19:41
笑人
阅读(4279)
评论(0)
推荐(0)
摘要：
通过Redux 架构理解我们了解到 Redux 架构的 store、action、reducers 这些基本概念和工作流程。我们也知道了 Redux 这种架构模式可以和其他的前端库组合使用，而 react-redux 正是把 Redux 这种架构模式和 react.js 结合起来的一个库。 Cont 阅读全文
posted @ 2020-09-22 19:40
笑人
阅读(112)
评论(0)
推荐(0)
摘要：
上周花了 3 天的时间和老大一起重构了一下小程序的样式开发，虽然说在开发的过程中遇到了一些问题，但是最终减少了不少样式代码，同时功能上也更加强大。进一步来说，如果在后面我们的小程序用户想要自己定制化主题，也可以很快的实现。 全局样式开发 之前的小程序开发中，我们全方面使用了 Component 构造 阅读全文
posted @ 2020-09-22 19:34
笑人
阅读(470)
评论(0)
推荐(0)
摘要：
写在前面 .sync 修饰符算是 vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。 1 指令 指令即 Direct 阅读全文
posted @ 2020-09-22 19:31
笑人
阅读(591)
评论(0)
推荐(0)
摘要：
vue可以通过<keep-alive>元素包裹组件，实现缓存，下次使用时不需要重新创建该组件。但存在一个问题：keep-alive包裹的组件中有滚动元素时，keep-alive不会储存滚动位置。实现后退不刷新主要依据keep-alive组件的activated和deactivated这两个生命周期钩 阅读全文
posted @ 2020-09-22 19:28
笑人
阅读(626)
评论(0)
推荐(0)
摘要：
node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块。 modules(模块)： 在node.js中模块与文件是一一对应的，也就是说一个 阅读全文
posted @ 2020-09-22 19:26
笑人
阅读(13259)
评论(0)
推荐(1)
摘要：
介绍 在本文中，我们将学习怎样在 reactjs 中把文本复制到剪贴板。 依赖的知识与环境 react 基本知识。 Visual Studio Code IDE。 Bootstrap 和 html 的基本知识。 vi设计http://www.maiqicn.com 办公资源网站大全https://w 阅读全文
posted @ 2020-09-22 19:23
笑人
阅读(2028)
评论(0)
推荐(0)
摘要：
方法一：使用安装包安装 下载官方安装包，https://yarnpkg.com/zh-Hans/docs/install ，安装完毕后，一定要配置环境变量。 方式二：使用npm安装 npm i yarn -g -i：install -g：全局安装（global）,使用 -g 或 --global 输 阅读全文
posted @ 2020-09-22 19:22
笑人
阅读(7060)
评论(0)
推荐(0)
摘要：
npx是一种在npm中安装工具，也可以被单独的下载使用 ，npx是npm5.2之后发布的一个命令，也就是只要npm的版本>=5.2就可以使用此命令；npx有很多用处，不限于通过npx http-serve来启动静态资源服务器。 npx 是什么 根据 zkat/npx 的描述，npx 会帮你执行依赖包 阅读全文
posted @ 2020-09-22 19:20
笑人
阅读(343)
评论(0)
推荐(0)
摘要：
vue-cli的安装及版本查看更新 vue-cli安装 npm install vue-cli -g vue-cli的版本查看 vue -V vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 npm ins 阅读全文
posted @ 2020-09-22 19:19
笑人
阅读(15179)
评论(0)
推荐(0)
摘要：
起因 为什么在vue3.0都已经出来这么久了我还要写这篇文章，因为目前自己还在阅读vue2.x的源码，感觉有所悟。作为一个刚毕业的新人，对Vue框架的整体设计和架构突然有了一点认知，所以才没头没尾地突然写下了diff算法。在我看来，Vue的核心内容分为以下几个板块： 生成render函数（runti 阅读全文
posted @ 2020-09-22 19:18
笑人
阅读(426)
评论(0)
推荐(0)
摘要：
需求： 当按键盘enter键和键盘左右键时，左右切换页面卡片并读取卡片上的信息 一、获取键盘对应的keycode keyCode 实际键值 48到57 0到9 65到90 a到z（A到Z） 112到135 F1到F24 8 BackSpace（退格） 9 Tab 13 Enter（回车） 20 Ca 阅读全文
posted @ 2020-09-22 19:17
笑人
阅读(572)
评论(0)
推荐(0)
摘要：
路由权限控制 前端路由是全部都由后端返回，还是后端返回对应角色下的权限，然后前端通过遍历的方式来修改当前路由呢？ 引用上面这个问题的采纳答案： 第一种后台返回路由，第二种后台返回权限。共同点： 两种方法都可以实现需求前端都要维护一份路由地址与模块文件地址的映射后段返回的数据一般都要再遍历做二次处理有 阅读全文
posted @ 2020-09-22 19:14
笑人
阅读(1176)
评论(0)
推荐(1)
摘要：
在App包的构成中图片资源是比较占大小的，所以我们可以利用Iconfont来替代原来的png或者jpg单色图标，iconfont的优点是占Size小、支持任意大小不失真、支持任意颜色设置、平台化管理icon等等。 本文主要分为三部分： react-native-vector-icons库的集成与使用 阅读全文
posted @ 2020-09-22 19:13
笑人
阅读(561)
评论(0)
推荐(0)
摘要：
前言 webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 webpack 的配置中，增加 devServer 的配置来启动。devServer 配置的本质是 webpack-dev-server 这个包提供的功能，而 webpack-dev-mi 阅读全文
posted @ 2020-09-22 19:11
笑人
阅读(380)
评论(0)
推荐(0)
摘要：
路由参数解耦 一般在组件内使用路由参数，大多数人会这样做： export default { methods: { getParamsId() { return this.$route.params.id } } } 在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特 阅读全文
posted @ 2020-09-22 19:06
笑人
阅读(168)
评论(0)
推荐(0)
摘要：
对于父子组件状态同步，这篇文章 《vue父子组件状态同步的最佳方式》 讲述了大多数情况下的最优解，但是当我们希望自己创建的可复用组件和封装的逻辑能够尽量行为一致的时候情况可能会有所不同，举个例子，我们现在要封装一个输入框组件叫做 MyInput 我们知道普通的输入框通常会使用 v-model 来做双 阅读全文
posted @ 2020-09-22 19:05
笑人
阅读(227)
评论(0)
推荐(0)
浙公网安备 33010602011771号