菜鸟杨@

1

vue组件略佳操作

• yang   10月27日发布
• 1 收藏

如果你的项⽬⾜够复杂，或需要多⼈协同开发时，在 app.vue ⾥会 写⾮常多的代码，多到结构复杂难以维护。这时可以使⽤ Vue.js 的 混合 mixins，将不同的逻辑分开到不同的 js ⽂件⾥。user.js

1

Vue项目的瀑布流部分代码分析

• yang   10月23日发布
• 1 收藏

{代码...}

1

Vue 轮播图中间大两头小

• yang   10月21日发布
• 1 收藏

使用插件版本号(决定成败，非常重要) {代码...} 引入 {代码...} 模板 {代码...} swiper配置 {代码...} 样式 {代码...}

2

Vue多页面nginx配置下的webpack配置

• yang   10月18日发布
• 2 收藏

package.json {代码...} postcss.config.js {代码...} .gitignore {代码...} webpack.base.config.js {代码...} webpack.dev.config.js {代码...} webpack.prod.config {代码...}

1

全局gif组件

• yang   10月16日发布
• 1 收藏

gif-loading.js {代码...} 使用 {代码...}

1

移动端调试面板插件vconsole

• yang   10月16日发布
• 1 收藏

github地址1. 安装 vconsole-webpack-plugin 插件 {代码...} 2. 修改配置文件vue.config.js {代码...} 3.使用 {代码...} 4.日志类型支持 5 种不同类型的日志，会以不同的颜色输出到前端面板： {代码...} 支持以下...

1

vue中H5的progress标签仿写一个进度条和逻辑

• yang   10月14日发布
• 1 收藏

*载入：0~5秒，每秒增加8%进度；5~10秒，每秒增加4%进度；10~20秒，每秒增加2%进度；超过20秒，每秒增加0.2%进度，最多不超过95%*

1

webpack封装配置详解

• yang   10月11日发布
• 1 收藏

更详尽 {代码...} config/dev.env.js {代码...} config/prod.env.js {代码...} config/index.js {代码...} utils.js {代码...} vue-loader.config {代码...} webpack.base.config.js {代码...} webpack.dev.conf....

1

app端部分机型关于使用flex的兼容适配

• yang   9月24日发布
• 收藏

父元素设为display:flex;没有问题，但子元素flex:1这种标注在safari中不能用！子元素使用的话只能设为flex:auto，如果想实现flex:1这种效果，请用：

2

Vue.js 独立构建和运行时构建的区别

• yang   9月23日发布
• 2 收藏

在使用 Vue.js 2.0 时，有独立构建（standalone）和运行时构建（runtime-only）两种版本可供选择。而在 Vue.js 1.0 中，却没有这种版本区别。到底该使用哪一个版本？这让我有点懵逼的感觉。本着知其然还要知其所...

1

vue组件略佳操作

• yang   9月21日发布
• 1 收藏

如果你的项⽬⾜够复杂，或需要多⼈协同开发时，在 app.vue ⾥会 写⾮常多的代码，多到结构复杂难以维护。这时可以使⽤ Vue.js 的 混合 mixins，将不同的逻辑分开到不同的 js ⽂件⾥。user.js

4

最实用的正则表达式整理

• yang   9月17日发布
• 3 收藏

public bool IsEmail(string str_Email) { return System.Text.RegularExpressions.Regex.IsMatch(str_Email,@"^([w-.]+)@(([−9]1,3.[−9]1,3.[−9]1,3.)|(([w−]+.)+))([a−zA−Z]2,4|[−9]1,3)(?)$"); }

1

Fetch在项目中灵活使用

• yang   9月13日发布
• 收藏

fetch的兼容 {代码...} Fetch的post请求 {代码...} Fetch mock数据 {代码...}

0

前端javascript封装SDK 简易版

• yang   9月8日发布
• 收藏

**由于我不确定中台在使用时，有没有axios之类的依赖库，所以在sdk内部封装了ajax。尽量做到一处封装，处处可用。**unicomMiddle.js {代码...} 使用 {代码...} API

2

React的Hooks

• yang   9月6日发布
• 1 收藏

Hooks的特点:使你在无需修改组件结构的情况下复用状态逻辑可将组件中相互关联的部分拆分成更小的函数，复杂组件将变得更容易理解更简洁，更易理解的代码

2

react项目利用react-app-rewired实现按需打包

• yang   9月4日发布
• 1 收藏

{代码...} 根目录新建config-overrides.js {代码...} package.json {代码...} 使用 {代码...}

2

React高阶组件

• yang   9月4日发布
• 1 收藏

**扩充组件。创建一个函数扩充之后返回另一个函数** {代码...} App.js中使用 {代码...} 链式调用 {代码...} 装饰器写法 {代码...} 在config-overrides.js中添加 {代码...} {代码...} 组件复合 {代码...} 简易版的...

0

ES6 元编程：Reflect

• yang   8月27日发布
• 收藏

符号（symbol）是指包含在实现中的反射 - 通过向已有的类和对象中添加符号来改变其行为。反射（refect）是指通过内省来实现反射 - 用于从代码中发现更低层次的信息。代理（proxy）是通过拦截实现反射 - 包装对象...

0

Object对象的方法

• yang   8月27日发布
• 收藏

Object.setPrototypeOf()，为现有对象设置原型，返回一个新对象 接收两个参数：第一个是现有对象，第二是原型对象。 2、new 命令通过构造函数新建对象实例的过程，其本质是将实例的原型，指向了构造函数的prototy...

1

Vue项目中对于返回按钮的封装以及回退的实现

• yang   8月23日发布
• 1 收藏

返回按钮状态⾃动判断：history.length是不可靠的，它既包含了vue app路由记录，也包括其他 ⻚⾯的。可以添加⼀个⾃定义的历史记录管理栈，创建./utils/history.js