摘要: 需求 首先介绍一下本项目的背景,是基于 vue-cli3.1.1 的单页应用,目前测试环境和生产环境都在线上,并且都在同一个域名下,其中生产环境部署在根目录下,测试环境部署在名为 test 的子目录下,根据生产环境和测试环境的不同,某些界面和交互有细微的差别。 根据以上项目的基本情况,分析出需求如下 阅读全文
posted @ 2020-12-14 13:11 笑人 阅读(971) 评论(0) 推荐(0) 编辑
摘要: 对角线生成器(Diagonal Generator)用于将两个点连接起来,连接线是三次贝塞尔曲线,该生成器使用d3.svg.diagonal()创建。有两个访问器,source()和target(),还有一个投影函数projection(),用于将坐标进行投影。现有数据: var width = 6 阅读全文
posted @ 2020-12-14 13:10 笑人 阅读(543) 评论(0) 推荐(0) 编辑
摘要: 一、vue监听数组vue实际上可以监听数组变化,比如 data () { return { watchArr: [], }; }, watchArr (newVal) { console.log('监听:' + newVal); }, created () { setTimeout(() => { 阅读全文
posted @ 2020-12-14 13:08 笑人 阅读(5639) 评论(0) 推荐(0) 编辑
摘要: 1. 脚手架怎么工作? 功能丰富程度不同的脚手架,复杂程度自然也不太一样。但是总体来说,脚手架的工作大体都会包含几个步骤: 初始化,一般在这个时候会进行环境的初始化,做一些前置的检查 用户输入,例如用 vue-cli 的时候,它会“问”你很多配置选项 生成配置文件 生成项目结构,这是候可能会使用一个 阅读全文
posted @ 2020-12-14 13:07 笑人 阅读(1088) 评论(0) 推荐(0) 编辑
摘要: 1.单项数据绑定 <div id="di"> <input type="text" :value="input_val"> </div> <script> var app = new vue({ el: '#di', data: { input_val: 'hello world ' } }) </ 阅读全文
posted @ 2020-12-14 13:05 笑人 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 1.props和$emit 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。 Vue.component('child',{ data(){ return { mymessage:this.message } }, template:` <div> 阅读全文
posted @ 2020-12-14 13:04 笑人 阅读(1200) 评论(0) 推荐(0) 编辑
摘要: 前言 前几天写了一篇react另一个状态管理工具Unstated的源码解析。开启了我的看源码之路。想一想用了好长时间的redux,但从没有深究过原理,遇到报错更是懵逼,所以就啃了一遍它的源码,写了这篇文章,分享我对于它的理解。 API概览 看一下redux源码的index.js,看到了我们最常用的几 阅读全文
posted @ 2020-12-14 13:01 笑人 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 1 状态共享 随着组件的细化,就会遇到多组件状态共享的情况,vuex当然可以解决这类问题,不过就像vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是vue.js 2.6新增加的Observable API ,通过使用这个api我们可以应对一些简单的跨组件数据 阅读全文
posted @ 2020-12-14 13:00 笑人 阅读(225) 评论(0) 推荐(0) 编辑
摘要: constructor函数中bind class ReactEvent extends Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleCli 阅读全文
posted @ 2020-12-14 12:58 笑人 阅读(1903) 评论(0) 推荐(0) 编辑
摘要: 脚手架工具 选用react官方推荐的脚手架工具create-react-app 安装npm install create-react-app -g 项目初始化步骤 1、在github上创建一个项目仓库:首页 > new 2、将github上创建的仓库clone到本地:git clone git@gi 阅读全文
posted @ 2020-12-14 12:57 笑人 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 页面权限控制 页面权限控制是什么意思呢? 就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。 Vue 动态添加路由及生成菜单这是我写过的一篇文章,通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是 阅读全文
posted @ 2020-12-14 12:55 笑人 阅读(1622) 评论(0) 推荐(0) 编辑
摘要: 背景: 多人协作模式下,修改代理比较麻烦,而且很容易某个开发人员会修改了vue.config.js文件后提交了。第一,很容易引起冲突。 第二,很容易出现代理错误,需要排查。而且现在微服务盛行,在生产环境下有网关配置,不会出错,但是在本地调试会造成麻烦,如修改了代理地址需要同步修改代理中的地址,很麻烦 阅读全文
posted @ 2020-12-14 12:54 笑人 阅读(979) 评论(0) 推荐(0) 编辑
摘要: 在小程序开发的过程中,小程序的体积会随着版本的迭代变的越来越大,这时候我们就希望能够将小程序分成多个包从服务器下载,这样既可以加快首屏的渲染也便于后续按需加载的实现。小程序在微信客户端 6.6.0,基础库 1.7.3 及以上版本开始支持 分包功能。在构建小程序分包项目时,构建会输出一个或多个分包。每 阅读全文
posted @ 2020-12-14 12:52 笑人 阅读(1818) 评论(0) 推荐(0) 编辑
摘要: 概述 一个指令用来引入新的html语法。指令是DOM元素上的标记,使元素拥有特定的行为。举例来说,静态的html不知道如何来创建和展现一个日期选择器控件。让HTML能识别这个语法,我们需要使用指令。指令通过某种方法来创建一个能够支持日期选择的元素。我们会循序渐进地介绍这是如何实现的。 如果你写过An 阅读全文
posted @ 2020-12-14 12:51 笑人 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 如果走完安装流程后运行Flutter时提示: export LANG=en_US.UTF-8 Error running pod install 需要在配置文件.bash_profile中加上: export LANG=en_US.UTF-8 1.flutter开发者网站下载url_launcher 阅读全文
posted @ 2020-12-14 12:48 笑人 阅读(999) 评论(0) 推荐(0) 编辑
摘要: 每当我们想要创建一个基于 Nodejs 的命令行工具时,就会衍生出一堆问题需要解决,比如如何准备开发环境,如何打包转译代码,如何使代码在转译后保持可调用的状态同时尽可能的压缩体积,以及怎样设计项目分配 Command 与 Option 等等,这会浪费巨大的时间,而且并非一定有成果。这时你可以注意到社 阅读全文
posted @ 2020-12-14 12:47 笑人 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 我什么时候应该使用 Refs ? 我们建议在以下情况下使用 refs: 与第三方 DOM 库集成 触发命令式动画 管理焦点,文本选择或媒体播放 译注:第三点是否也可以理解为使用 event 对象呢?在 React 中就是合成事件(SyntheticEvent)。官方文档中提到:避免使用 refs 来 阅读全文
posted @ 2020-12-14 12:46 笑人 阅读(1268) 评论(0) 推荐(1) 编辑
摘要: Flutter 代码开发规范文档 仅做参考 标识符三种类型大驼峰类、枚举、typedef和类型参数 class SliderMenu { ... } class HttpRequest { ... } typedef Predicate = bool Function<T>(T value); 包括 阅读全文
posted @ 2020-12-14 12:41 笑人 阅读(419) 评论(0) 推荐(0) 编辑
摘要: Zone.js到底是如何工作的? 如果你阅读过关于Angular 2变化检测的资料,那么你很可能听说过zone。Zone是一个从Dart中引入的特性并被Angular 2内部用来判断是否应该触发变化检测。如果你去到zone.js的GitHub页面,你会发现它对Zone是这么定义的: Zone是一个在 阅读全文
posted @ 2020-12-14 12:40 笑人 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 1.$refs的使用场景 父组件调用子组件的方法,可以传递数据。 父组件: <div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button> <div> <script> import 阅读全文
posted @ 2020-12-14 12:38 笑人 阅读(418) 评论(0) 推荐(0) 编辑