摘要：
1. 应用打包 使用electron builder打包只需要在vue.config.js中配置即可，这里需要注意的是，默认情况下electron builder打包出来的安装程序是不能修改安装目录的，需要allowToChangeInstallationDirectory这个配置设置为true。 阅读全文
摘要：
Postcss 本身是一个功能比较单一的工具。它提供了一种方式用 JavaScript 代码来处理 css。它负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。插件基于CSS 代码的 AST 所能进行的操作是多种多样的，比如可以支持变 阅读全文
摘要：
获取设备信息时得到的窗口高度宽度是px为单位的。 在实际使用时，一般使用rpx ，中间要有个转换过程. 豌豆资源搜索网站https://55wd.com 电脑刺绣绣花厂 ttp://www.szhdn.com 代码如下： wx.getSystemInfo({ success:function (re 阅读全文
摘要：
我们先看下 react 官方文档对这两个 hook 的介绍，建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这里指在 react 渲染阶段）改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作 阅读全文
摘要：
想在你的vue组件之间共享代码？如果你熟悉 vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。 在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们，并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功 阅读全文
摘要：
$nextTick vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后），这个方法作用是当数据被修改后使用这个方法，会回调获取更新后的dom再render出来 阅读全文
摘要：
今天探讨一个我们前端面试中经常会遇到的一个问题.使用 index 作为 key 值有什么问题呢? 在我们日常开发中我们经常会和 key 值打交道. 但是我们扪心自问, 真的理解 key 吗? 我想大多数朋友可能会有些许犹豫. 初学者开发过程中, 可能很难理解 key 值存在的意义. 我们可以简单把它 阅读全文
摘要：
一、父组件向子组件通信 react 数据流动是单向的，父组件向子组件的 通信也是最常见的方式。父组件通过 props 向子组件传递需要的信息 function EmailInput(props) { return ( <label> Email: <input value={props.email} 阅读全文
摘要：
在vuejs中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。 在最基本的用法中，它们的用法如下。 <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 但是，在本文中，我将介绍六种方法 阅读全文
摘要：
今天在开发公司内部的小程序项目时，遇到了一个问题，就是控制手机返回按键的问题，本来我以为很快就可以解决的，没想到最后我用了快一天的时间，才给做好，而且还不是我最初想到的方法。 场景 公司开发的小程序由于业务需要，要把后台管理的部分页面也给搬到小程序中，由于功能相同，且后台使用的elementui，做 阅读全文
摘要：
01 前言 过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理。我们看一下官方的定义： vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 阅读全文
摘要：
现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由css来实现的。 所以cs 阅读全文
摘要：
最近要对 react 项目做重构优化等相关的工作，由于有好长时间没碰 react 了，今天索性把一个基于关键字搜索的 demo 做一下简单优化，在此记录以下。 主要从三个方面进行优化处理： 减少事件的触发频率 - 对关键字键入进行 debounce 处理 减少 HTTP 请求 - 对重复的 HTTP 阅读全文
摘要：
文章围绕下面demo进行分析 <div id="app"> <span>{{a.b}} {{c}} {{d}}</span> </div> <script> var app = new vue({ el: "#app", data: function(){ return { a: { b: 1 }, 阅读全文
摘要：
01.先看一个案例 代码如下所示 发现了点击按钮1可以更新title内容，但是点击按钮2却无法更新title内容。这个究竟是为什么呢？ <template> <view class="container"> <text>{{title}}</text> <button type="default" 阅读全文
摘要：
关于前端开发，我最开心的事情就是总有新的东西可以学习。但我们可能一辈子都在掌握各种编程语言、库和框架，但仍然一无所知。 因为我们都在学习，这也意味着我们都容易犯错误。没关系，我们的目的是变得更好。如果你犯了一个错误并从中吸取教训，你就做得很好！但是如果你没有学到任何新的东西，并且不断重复犯同样的错误 阅读全文
摘要：
当大家考虑在项目中使用 react 的时候，第一个问题往往是他们的应用的速度和响应是否能和非 react 版一样，每当状态改变的时候就重新渲染组件的整个子树，让大家怀疑这会不会对性能造成负面影响。React 用了一些黑科技来减少 UI 更新需要的花费较大的 DOM 操作。 使用 production 阅读全文
摘要：
相同点: 1.当URL改变时，页面不会重新加载; 2.都受页面导航回退前进等影响; 不同点: 1.URL链接显示不一样,hash里面会有"#",history没有"#"; 2.如果后台没有做相应配置,history页面会在再次刷新的时候,报404;hash则不会出现404报错 注意点: 给个警告，因 阅读全文
摘要：
Create react App 是一个官方支持的创建 react 单页应用程序的方法。它提供了一个零配置的现代构建设置。虽然开箱即用，但是开发中我们还是少不了做一些修改，下面总结了一些常用的配置。 yarn安装依赖包报错 在项目目录下运行yarn，报错如下 yarn install v1.7.0 阅读全文
摘要：
前言 大家都知道，vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 举个例子： let vm = new vue({ data() { return { a: 1 } } }) // oops，没反应！ vm.b = 2 let 阅读全文