随笔分类 - 框架
摘要：从某方面讲，父组件传值给子组件进行接收，之后在子组件中更改是不允许的。你会发现vue也会直接报错，而在封装一些组件的时候，又希望做到数据的双向绑定，可以更好的控制与使用，在网上找到了两种方法，一种的话是使用 v-model 还有一种是 .sync这里我推荐使用.sync 原因：v-mode只能进行单
阅读全文
摘要：通过Redux 架构理解我们了解到 Redux 架构的 store、action、reducers 这些基本概念和工作流程。我们也知道了 Redux 这种架构模式可以和其他的前端库组合使用，而 react-redux 正是把 Redux 这种架构模式和 react.js 结合起来的一个库。 Cont
阅读全文
摘要：上周花了 3 天的时间和老大一起重构了一下小程序的样式开发，虽然说在开发的过程中遇到了一些问题，但是最终减少了不少样式代码，同时功能上也更加强大。进一步来说，如果在后面我们的小程序用户想要自己定制化主题，也可以很快的实现。 全局样式开发 之前的小程序开发中，我们全方面使用了 Component 构造
阅读全文
摘要：写在前面 .sync 修饰符算是 vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。 1 指令 指令即 Direct
阅读全文
摘要：vue可以通过<keep-alive>元素包裹组件，实现缓存，下次使用时不需要重新创建该组件。但存在一个问题：keep-alive包裹的组件中有滚动元素时，keep-alive不会储存滚动位置。实现后退不刷新主要依据keep-alive组件的activated和deactivated这两个生命周期钩
阅读全文
摘要：node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块。 modules(模块)： 在node.js中模块与文件是一一对应的，也就是说一个
阅读全文
摘要：介绍 在本文中，我们将学习怎样在 reactjs 中把文本复制到剪贴板。 依赖的知识与环境 react 基本知识。 Visual Studio Code IDE。 Bootstrap 和 html 的基本知识。 vi设计http://www.maiqicn.com 办公资源网站大全https://w
阅读全文
摘要：方法一：使用安装包安装 下载官方安装包，https://yarnpkg.com/zh-Hans/docs/install ，安装完毕后，一定要配置环境变量。 方式二：使用npm安装 npm i yarn -g -i：install -g：全局安装（global）,使用 -g 或 --global 输
阅读全文
摘要：npx是一种在npm中安装工具，也可以被单独的下载使用 ，npx是npm5.2之后发布的一个命令，也就是只要npm的版本>=5.2就可以使用此命令；npx有很多用处，不限于通过npx http-serve来启动静态资源服务器。 npx 是什么 根据 zkat/npx 的描述，npx 会帮你执行依赖包
阅读全文
摘要：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
阅读全文
摘要：起因 为什么在vue3.0都已经出来这么久了我还要写这篇文章，因为目前自己还在阅读vue2.x的源码，感觉有所悟。作为一个刚毕业的新人，对Vue框架的整体设计和架构突然有了一点认知，所以才没头没尾地突然写下了diff算法。在我看来，Vue的核心内容分为以下几个板块： 生成render函数（runti
阅读全文
摘要：需求： 当按键盘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
阅读全文
摘要：路由权限控制 前端路由是全部都由后端返回，还是后端返回对应角色下的权限，然后前端通过遍历的方式来修改当前路由呢？ 引用上面这个问题的采纳答案： 第一种后台返回路由，第二种后台返回权限。共同点： 两种方法都可以实现需求前端都要维护一份路由地址与模块文件地址的映射后段返回的数据一般都要再遍历做二次处理有
阅读全文
摘要：在App包的构成中图片资源是比较占大小的，所以我们可以利用Iconfont来替代原来的png或者jpg单色图标，iconfont的优点是占Size小、支持任意大小不失真、支持任意颜色设置、平台化管理icon等等。 本文主要分为三部分： react-native-vector-icons库的集成与使用
阅读全文
摘要：前言 webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 webpack 的配置中，增加 devServer 的配置来启动。devServer 配置的本质是 webpack-dev-server 这个包提供的功能，而 webpack-dev-mi
阅读全文
摘要：路由参数解耦 一般在组件内使用路由参数，大多数人会这样做： export default { methods: { getParamsId() { return this.$route.params.id } } } 在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特
阅读全文
摘要：对于父子组件状态同步，这篇文章 《vue父子组件状态同步的最佳方式》 讲述了大多数情况下的最优解，但是当我们希望自己创建的可复用组件和封装的逻辑能够尽量行为一致的时候情况可能会有所不同，举个例子，我们现在要封装一个输入框组件叫做 MyInput 我们知道普通的输入框通常会使用 v-model 来做双
阅读全文
摘要：场景 项目中遇到要做一个报表的仪表盘，每一个卡片内是一个报表，报表有不同类型，每一种类型有其特定的尺寸。允许选择报表并添加到仪表盘。允许通过拖拽调整每个卡片位置和卡片的大小。最终可以保存布局好的仪表盘。 遇到的问题 vue-grid-layout通过维护一个数组(layout)实现拖拽布局，每一个卡
阅读全文
摘要：保存图片到本地相册，需要用户允许相册权限；但是有时客户手滑或者是特别原因点击了拒绝授权，我们需要打开权限列表，让客户手动打开此项权限； 需要用到的API wx.getImageInfo(); wx.saveImageToPhotosAlbum(); wx.getSetting(); wx.openS
阅读全文
摘要：很多开发人员都很喜欢 react，在前端领域它也是很流行的 UI 库了。我们也知道应用要交付生产环境前是必须要经过完善的测试的，而测试应用程序时，有趁手的工具能极大减轻开发人员的负担、提升测试效率并减少测试漏洞。正所谓"工欲善其事，必先利其器"，这篇文章就为大家推荐 8 个好用的测试工具、库和框架。
阅读全文
浙公网安备 33010602011771号