在现有规则基础上，统一团队使用的Vue组件代码规范。 代码风格 所有项目升级使用Vue官方风格指南里的[优先级 C：推荐]，保证团队代码风格一致。 变化的点： 强制组件选项顺序，不允许自己随意调整。 目前关闭了v-html的报错。 大部分新增规则都是warning，不影响构建。 一些需要注意的Vue组件设计 Props设计 props除非必...

GOLANG环境安装 文档 基本语法 下载 Windows Linux MacOS 解释 环境变量解释 GOROOT 值为GoLang安装目录。 GOPATH 值为GoLang项目目录。即自己的开发目录，注意：GOPATH不允许与GOBIN一致 GOBIN 值为GoLang编译软件使用目录。需要将该环境变量加入PATH环境变量，GOBIN目录一般为GOPATH/bin GO111MODULE 值为on。GoLang模...

聊聊公司团队前端交互需要注意的一些要点。 一般上 Tab 切换的页面都应该通过路由定义，切换选项卡即切换路由，而且要用 replace 而不是 push 切换。 页面分页、侧栏分类切换分类等会重新加载列表的操作都要通过路由进行切换。 链接必须使用 a 标签+设置 href 属性声明跳转，允许用户右键新选项卡打开，不要通过 click ...

我们平时开发的大部分项目，由于复杂度不够， 很少使用 Vuex、Redux 等状态管理库，就算引入了 Vuex 这些库，也只是当作一个全局数据引用，并非对应用状态进行管理。

一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页面上使用webpack，开始效率是否会事半功倍呢？好在众多优秀的前端开发者已经写了许多demo和文章供...

业务场景 在不少业务场景下，我们需要实现简单的请求缓存(即某个请求只发起一次请求)，例如上传 Token 的获取、获取配置的接口等。 这些接口可以通过 Promise 实现简单的缓存并能够控制更新，而不需要另外引入缓存层。 示范代码 用七牛上传作例子，一般我们会把七牛上传封装为一个单独的 Upload 组件，外部只需要调用组...

介绍 Vue 的 Provide 以及 Inject Provide 以及 Inject 是 Vue 中用于祖先元素向其所有后台元素注入依赖的接口。 具体用法 {代码...} {代码...} {代码...} 注意：通过 Inject 获得的属性是不可响应的。 项目中实际应用 在项目中，如需要两个基础组件的父子组件进行通信，又不想写太多业务无关代码，就可以使用 Provide ...

xpath XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。 xpath在selenium主要应用于无id，且属性值不唯一的元素定位。 1、表格（节点、文本） 目标：第1行第1列 {代码...} 释：xpath顺序从1开始 目标：第1行7列编辑按钮 {代码...} {代码...} 2、表格（谓语条件） 目标：最后1...

1、放大镜 {代码...} 2、JSONP {代码...} 3、获取指定区间范围随机数，包括lowerValue和upperValue {代码...} 4、数组排序 {代码...} 5、数组去重 {代码...} 6、深度拷贝 {代码...}

vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。

好的业务组件设计 一个好的业务组件必然是逻辑清晰以及方便修改维护。 下面以 Vue 为例子进行进行概念上的简单说明。 一些涉及到的概念 数据驱动UI 单向数据流 有限状态机 模板 模板应保证逻辑清晰，业务复杂的部分可拆分成独立的业务组件又或者通过 computed 组装数据关系。 不应该在模板写逻辑语句，仅使用简单的条件...

什么是正则表达式 根据一定规则匹配字符串的表达式 正则表达式可以用来做什么 验证字符串格式 提取/替换字符串 正则表达式不可以用到做什么 检测数字大小 正则表达式常用数据类型 类型 含义 a-zA-Z 字母 \w 匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]”，这里的"单词"字符使用Unicode字符集。 \W 匹配任...

创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 {代码...} clip-path也能用来进行其他规则/不规则图形的剪切 {代码...} 优化动画性能 除了使用transform3d开启gpu加速，还可以使用will-change强制gpu加速优化动画性能 {代码...} 实现长宽比 使用padding模拟，然后子元素使用绝对...

本文讲的如何利用context，将多个组件串联起来，实现一个更大的联合组件。最具有这个特性的就是表单组件，所以本文例子就是一个表单组件。本文例子参考 Ant Design 。本次不讲 context 知识，需要的话等到下一次分享。

本文讲解内容 针对两类发奖需求的四种抽奖逻辑及细节 一般H5抽奖活动的发奖需求分为 1.一定中奖(奖品库存不空的情况下)2.不一定中奖 发奖接口的最终实现要求 1.奖品不超发2.唯一奖品单次发放3.对并发有一定的限制 接口实战 1.根据奖品开放时间进行抽奖 {代码...} 这种方式，多用户并发情况下，会出现多个用户相同奖品，...

有利于面向接口编程。个人认为OOP程序设计最重要的就是面向接口(面向抽象)编程。因为有了第1步的关系，调用者只需要依赖接口类型而不用依赖实现类型，提高了程序的扩展性。

PHP 7.2已于 11月30日正式发布，该版本具有新特性，功能和改进，可以让我们编写更好的代码。在这篇文章中，我将介绍一些PHP 7.2中最有趣的语言特性-参数类型声明。

工作中有大量项目上线前最后一步需要执行测试、编译、更新版本号、提交，甚至执行的命令都是一样，在这里我们通过命令行工具将这些步骤一键自动化，同时进行预检查，防止错漏。