Vue.js render函数那些事儿

2020-03-26
阅读 9 分钟
4.7k
大多时候,我会使用template, vue单文件去渲染组件。虽然知道Vue中有个render函数,但却很少在项目中去主动使用它。使用最多的地方是在使用一些UI框架的时候,比如iview table中的按钮操作,会使用到render函数。另外平时在阅读一些Vue UI框架源码的时候,也时常能遇到使用render函数的地方,这也激发了自己研究学习的欲...

ES10的13个新特性示例

2019-09-22
阅读 4 分钟
3.4k
介绍 ES10是与2019年相对应的ECMAScript版本。这个版本中的新功能没有ES6(2015)中的那么多。但是,也不乏一些有用的功能。 本文在简单的代码示例中介绍了ES10提供的功能。这样,您无需复杂的解释即可快速了解新功能。 当然,需要具备JavaScript的基础知识才能完全理解所介绍的新功能。 ES2019中的JavaScript新功能包括...

Flutter必备语言Dart教程04 - 异步,库

2019-09-20
阅读 2 分钟
2.5k
异步库包含一个名为Future的类,Future是基于观察者模式的。如果您熟悉Javascript中的Rxjs或Promises,那么理解起来会很容易。

Flutter必备语言Dart教程03 - 类,泛型

2019-09-18
阅读 3 分钟
3.1k
上篇中我们学习了Flutter必备语言Dart教程02 - 控制流,异常,现在我们继续学习Dart中的类和泛型。 Class 以下是在Dart中声明一个简单类,并创建它的实例的方法。 向类中添加实例变量,以及构造函数 Dart提供了一种构造函数初始化的简洁语法。如下所示: 如您所见,我们编写了一行构造函数,第一个参数值将设置为name,...

Yarn包管理器使用入门

2019-09-17
阅读 3 分钟
3.3k
简介 Yarn是一个JavaScript包管理器,是npm的直接竞争对手,它是Facebook开源项目之一。 它与npm软件包兼容,因此它具有作为npm的直接替代品的巨大优势。 因为并行下载和缓存,它在刚推出时候,启动速度比npm快很多。虽然现在npm也追赶上了它的许多功能,但是Yarn仍是我推荐的解决方案。 Yarn和npm的关系,就好比不同的...

Node.js历史简介

2019-09-16
阅读 2 分钟
1.6k
你可能不相信,Node.js才10岁。 相比之下,JavaScript已有24年的历史,而我们一直使用的web,也有26年历史了。 10年不是一段很长的时间,但是Node.js让人感觉已经存在了很久。 在Node.js发布第二年的时候,我已经开始使用它了。虽然当时资料信息有限,但是仍然感受到了它的不凡潜力和应用前景。 在这篇文章中,我会简单...

Flutter必备语言Dart教程02 - 控制流,异常

2019-09-15
阅读 2 分钟
1.5k
我们已经完成了Dart中的变量,类型和函数的学习(如果你还没有读过它,请阅读Flutter必备语言Dart教程01 - 变量,类型,函数),现在我们来看看Dart中的控制流和异常处理。 控制流 If – else Dart中的 if-else 非常简单,与其他语言非常相似。 您还可以使用三元运算符编写 if-else 条件的简短形式。 循环 Dart支持各种循...

Flutter必备语言Dart教程01 - 变量,类型,函数

2019-09-14
阅读 3 分钟
1.9k
Hello World 致敬经典 'Hello World' 程序。 与Java类似,每个Dart程序都必须有一个main作为其入口点。 要运行程序,请将其保存在名为“hello_world.dart”的文件中,并在终端中执行以下命令。(如果没有dart环境,请先完成安装。) 定义变量 就像在JavaScript中一样,您可以使用var关键字来定义变量。 但是!与JavaScript...

Node.js错误处理模式

2019-09-14
阅读 2 分钟
2.3k
异步语言中的错误处理,需要使用一些独特的,非常规的方式。 下边是Node.js中几种主要的错误处理模式。让我们来看一下。 先来熟悉一下Error对象。 Error对象可以是Error类的一个​​实例,或者扩展继承Error类的自定义Error类: 捕获未捕获的异常 如果在程序执行期间抛出未捕获的异常,程序将崩溃。 要解决此问题,需要在 ...

如何在Vue Router中应用中间件

2019-09-13
阅读 2 分钟
3.9k
中间件是我们在软件开发中的一个古老而强大的概念,当我们在应用程序中使用路由相关模式时,它非常有用。 如果您不太了解中间件的含义,Nodejs框架Express里的中间件可以帮助您了解它们的工作原理。 但是,中间件仅适用于后端吗? 不,当应用程序中有路由时,中间件在前端或后端中就会非常常见。比如现在流行的单页应用...

JS对象那些事儿

2019-09-13
阅读 6 分钟
2k
JavaScript中几乎所有东西都是一个对象,除了六种基本类型数据 - null,undefined,strings,numbers,boolean和symbols。

25个JavaScript代码简写技巧(下篇)

2019-09-12
阅读 4 分钟
4.6k
14. 多行字符串 如果您发现自己需要在代码中编写多行字符串,那么您可以编写它: 常规: 但是有一种更简单的方法。只需使用反引号。 简写: 15. 展开(spread)操作符 ES6中引入的展开运算符有几个用例,可以使JavaScript代码更高效,更有趣。它可以用来替换某些数组函数。展开操作符只是连续的三个点。 常规: 简写: 与 ...

构建Vue.js组件的10个技巧

2019-09-12
阅读 4 分钟
2.2k
此外,如果全局加载组件,将无法获得Vue注册组件错误--“did you register the component correctly?”。注意,谨慎加载全局组件。它会使您的应用程序膨胀,即使它未被使用,它仍将包含在Webpack构建的初始bundle中。

25个JavaScript代码简写技巧(上篇)

2019-09-11
阅读 5 分钟
6.1k
对于任何JavaScript开发人员来说,这篇文章很值得一读。这里记录了我多年来学习的JavaScript代码简洁写法,也给大家提供一些编码上的思考和取舍。

使用React Hooks进行状态管理 - 无Redux和Context API

2019-09-11
阅读 4 分钟
4.8k
React Hooks比你想象的更强大。 现在,我们将探索和开发一个自定义Hook来管理全局状态 - 比Redux更容易使用的方法,并且比Context API更高效。 Hooks基础 如果你已经很熟悉React Hooks,那么可以直接跳过这部分。 useState() 在Hooks之前,功能组件没有状态。现在,使用useState(),我们可以让功能组件拥有状态。 useSta...

JavaScript中如何反转数组

2019-09-09
阅读 2 分钟
11.6k
如果您需要反转数组元素的顺序,可以使用数组方法reverse()⏪,如下所示: 修改原始数组 需要注意的一点是它会改变原始数组。 如何在不改变原始数组的情况下反转数组 以下是一些不会改变原始数组的做法。我们来看看 1.使用 slice 和 reverse 2.使用 ...扩展运算符 和 reverse 3.使用 reduce 和 ...扩展运算符 4.使用 redu...

使用React hooks处理复杂表单状态数据

2019-09-09
阅读 3 分钟
3.3k
使用hooks替换this.setState() 自从React hooks*发布以来已经有一段时间了,我很喜欢这个特性。这个hooks把我勾上了! Hooks允许我们创建更小,可组合,可重用,更易管理的React组件。 您可能正在使用Hooks的一个用例是:使用useState或useReducer管理表单状态。 让我们考虑一个场景,您必须管理具有多个输入的复杂表单...

Vue.js应用性能优化三

2019-09-07
阅读 4 分钟
1.6k
在上一篇Vue.js应用性能优化二中,我们学习了足够强大的模式,可以显着提高应用程序的性能 - 按照路由分割代码。虽然按照路由拆分代码非常有用,但在用户访问我们的站点后,仍然有很多内部代码不需要。在本系列的这一部分中,我们将重点关注代码拆分我们的状态管理 - Vuex模块。

Vue.js应用性能优化二

2019-09-07
阅读 3 分钟
2k
在Vue.js应用性能优化一文章中,我们了解了代码拆分是什么,它如何与Webpack一起工作以及如何在Vue应用程序中使用延迟加载来使用它。现在我们将深入研究代码,并学习最有用的Vue.js应用程序代码分割模式。

Vue.js应用性能优化一

2019-09-06
阅读 4 分钟
2.7k
虽然现在网络环境和电子设备变得越来越好,但是保持应用程序快速加载变得越来越困难。在本系列中,我将深入研究我们在实践中使用的Vue性能优化技术,并且您可以在Vue.js应用程序中使用它们,使应用程序快速加载并顺利执行。我的目标是让这个系列成为关于Vue应用程序性能的全面而完整的指南。

创建自己的Code Snippets在VSCode中

2019-06-17
阅读 3 分钟
3.1k
创建Vuejs文件模板代码片段 1.Go to Code → Preferences → User Snippets 2.弹出提示框,选择一个vue代码高亮插件,比如vue.js 3.VSCode会创建一个vue.json,开始自定义 {代码...} 使用效果: 创建px2rem sass转换函数snippets 1.Go to Code → Preferences → User Snippets 2.选择新建全局snippets file 3.VSCode会生成....

ElementUI Table组件,如何在多页数据下勾选多行

2019-05-17
阅读 3 分钟
7.6k
但是业务中,表格数据往往不只一页。多页数据情况下,表格勾选某些行,就会遇到返回上一页,勾选消失的情况。这种情况,需要一些技巧和处理。具体代码如下:

在Sequelize中使用迁移

2019-05-10
阅读 9 分钟
3.6k
Sequelize是Nodejs生态中一个比较出名的ORM框架。通过ORM框架,可以使用对象来操作数据库表数据,提高了开发效率和代码可读性,也方便后期维护。

React Hooks系列之useState

2019-04-14
阅读 1 分钟
10.8k
React 16.7 alpha之后,可以在function组件中创建state了,不用再每次都需要创建一个class component,更加函数式了。

Vue.js 2.6尝鲜

2019-02-07
阅读 7 分钟
8.4k
Vue 2.6 "Macross" 发布了,同时也是Vuejs五周年~ 在这篇文章中,将会介绍新版本的新特性, 比如slots的新语法,Vue.observable()等等 1. Scoped slots(作用域插槽)的新语法 这是一个比较重大的改变,包含的有: v-slot新指令,结合了slot 和 slot-scope的功能 scoped slots的简写 之前在Vue@2.5.22中是这样使用scoped-sl...

ES6+好用的小技巧,让你的代码更干净,短巧,易读

2019-02-03
阅读 3 分钟
1.8k
模板字符串 {代码...} 扩展操作符 … 操作符,有两个主要用处: 复制一个新的数组或对象 把多个参数赋值给一个数组变量 把一个数组变量赋值给多个参数 {代码...} {代码...} 默认参数 {代码...} {代码...} {代码...} 解析赋值 {代码...} {代码...} {代码...} {代码...} 利用数组生成一个数字序列 {代码...} 利用Set给数组...

移动端网页布局适配rem方案小结

2019-01-28
阅读 7 分钟
2.8k
1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时,rem 单位以该属性的初始值作参照。这就意味着 1rem 等于 html 元素的字体大小(大部分浏览器根元素的字体大小为16px)

iOS实现html链接a标签正则匹配,高亮

2016-12-17
阅读 4 分钟
9.5k
需求:匹配文本内容中的标签,然后高亮显示出来。 运行环境:XCode8.1, iPhone7-iOS10.1第三方类库框架: YYText: 富文本渲染类库框架 Github地址 RegexKitLite: 封装了正则匹配操作的方法 Github地址

UILabel文本高度计算的那些事儿

2016-12-15
阅读 3 分钟
9.1k
boundingRectWithSize的第一个参数是CGSize. 一般会设置宽度固定,高度CGFLOAT_MAX来获取在这种显示宽度内的文本高度;或者设置宽度CGFLOAT_MAX,高度固定,来获取某个高度内的文本宽度。比如上边的一行高度内,文本有多长

xcode6.1 SourceKitService crashed or terminated 解决办法

2014-11-30
阅读 1 分钟
2.7k
我的情况: 环境:xcode6.1 语言:swift 问题:代码不提示;点击类名后,无法进入源代码查看 {代码...} 进入 ~/Library/Developer/Xcode/DerivedData/,然后删除里边的所有文件夹和文件。 重启xcode