摘要：
Mocha (发音"摩卡")诞生于 2011 年，是现在最流行的 JavaScript 测试框架之一，在浏览器和 Node 环境都可以自由使用。 所谓"测试框架"，就是运行测试的工具。通过它，可以为 JavaScript 应用添加测试，从而保证代码的质量。 本文全面介绍如何使用 Mocha，让你轻松 阅读全文
摘要：
dart_native 作为一条比 Channel 性能更高开发成本更低的超级通道，通过 C++ 调用 Native 的 API，深入底层且考虑全面。很多 Objective-C 接口的参数和返回值是 Block，所以这就需要支持用 Dart 语言创建和调用 Objective-C Block。 D 阅读全文
摘要：
1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源 全局安装nrm：npm install -g nrm 查看正在使用的源：nrm ls 添加源，例如：nrm add taobao https://registry.npm.taobao.org 删 阅读全文
摘要：
为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等 使用Gulp 1、全局安 阅读全文
摘要：
Node.js 是基于 Chrome V8 JavaScript 引擎构建的开源、跨平台运行时环境。事件驱动的非阻塞I/O 模型使,Nodejs 能开发极其轻便且高效的 Web 应用程序。客户端 和 服务端 脚本中使用相同的语言，并且这种独特的功能已提高了全球许多开发人员使用 NodeJS 框架快速 阅读全文
摘要：
最近我弄清楚了如何递归地实现嵌套插槽，包括如何使用作用域插槽来实现。起因是我想看看是否可以构建一个复制v-for指令但仅使用template组件。 它还支持插槽和作用域插槽，也可以支持命名插槽，我们可以这样使用它： <template> <div> <!-- Regular list --> <v- 阅读全文
摘要：
摘要 在开发项目中时常有点击跳转滚动到锚点的需求，最简单的锚点定位就是给一个a标签，a标签的href = ‘#锚点’，然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式，在react中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import rea 阅读全文
摘要：
你所知道的一些事情，你可能不知道的一些事情 Create react App是搭建react项目的快速方法。这样我们可以重点放在代码上，而不是构建工具上。 事实1：可以使用单个命令创建完整项目 这个神奇的命令可以通过以下三种方式之一调用： npx create-react-app my-app np 阅读全文
摘要：
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。 vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、 具体 阅读全文
摘要：
背景 前端开发都少不了对后台的调用，后台地址配置在哪里，是一个很纠结的问题 为此大家开动脑筋，想了不少办法： 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 在代码中定义一个常量如baseUrl，后台请求时，统一拼上这个baseUrl； 阅读全文
摘要：
一、 在前后端完全分离的情况下，vue项目中实现token验证大致思路如下： 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 前 阅读全文
摘要：
用到 react Navigation 组件 兼容性: IOS/Android原理: react Navigation 为页面的 props 上挂载了 navigation 对象, 可用来做路由跳转，在做页面跳转时可以携带参数/回调方法前往目标页面， 从而达到传参的目的。 切换路由方法： this. 阅读全文
摘要：
路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。 import vue from "vue"; import Router from "vue-router"; Vue.use(Router); import store from "@/store/store"; // (延迟加载) 阅读全文
摘要：
现在前端工程师的工作已经不想几年前那样，仅仅写一些页面调整一下样式就可以拿到高薪了。由于前端技术的发展，以及企业对前端工程师的要求越来越高，现在前端工作也越来越复杂。不过只要掌握目前比较流行的主流框架，完全可以轻松应对老板提出的各种需求。今天就和大家聊聊前端工程师必须了解的主流前端框架。 已经从事前 阅读全文
摘要：
没有选择是痛苦的，有太多的选择却更加痛苦。而后者正是目前前端领域的真实写照。新的框架层出不穷：它难吗？它写得快吗？可维护性怎样？运行性能如何？社区如何？前景怎样？好就业吗？好招人吗？组建团队容易吗？ 每一个框架都得评估数不清的问题，直到耗光你的精力。这种困境，被称为“布利丹的驴子” —— 一只驴子站 阅读全文
摘要：
创建store import { action, observable } from 'mobx'; class Store { @observable count = 1; @action setCount = () => { this.count++; } } export const stor 阅读全文
摘要：
ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 准备工作 一、VSCode ESLint插件 ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。 二、基于vue-cli创建项 阅读全文
摘要：
问题发现 最近准备对团队里公共的插件做一些小动效，优化用户体验。这次的先从最简单的toast插件入手。主要的文件有如下两个：index.js import Toast from './Toast.vue'; const _TOAST = { show: false, component: null 阅读全文
摘要：
一、组件生命周期 每个react类组件都包含“生命周期方法”(function组件是没有生命周期方法的)，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。在接下来的文章中，生命周期方法的书写会遵照如下规则，以方便大家理解。 1、加粗生命周期方法表示常用的生命周期方法，开发中会经常使用到 阅读全文
摘要：
1 / 状态管理 Rxjs + Service 组件内管理状态：在组件中可以声明一个属性，作为组件的内存存储。每次操作时调用服务（service）中的方法，然后手动更新状态。 export class TodoComponent { todos : Todo[] = []; // 在组件中建立一个内 阅读全文