2019年10月_周家大小姐.

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vue 菜单路由重复点击报错NavigationDuplicated

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/produce/delivery-order") is not allowed", stack: "Error↵ at new Navi...

2019-10-16 16:40:16 3015 8

原创 vue2.0 结合elementui封装的一个请求

confing/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', //BASE_API: '"http:/...

2019-10-16 11:48:44 627

原创 vue2.0 store抽离

module中写你自己需要的文件名;index.jsimport Vue from 'vue'import Vuex from 'vuex'import orderDetail from './modules/orderDetail'Vue.use(Vuex)const store = new Vuex.Store({ modules: { orde...

2019-10-18 18:33:15 379 1

原创 vue js 对象浅克隆

Object.assign({}, val) editOrder() { let param = Object.assign({}, this.orderForm); let extendInfo = []; for (let key in this.extendData) { let f = this.extendList.find(it...

2019-10-17 11:49:43 1399

原创 vue 回车事件监听键盘

html//方式一 <el-input v-model="search" placeholder="用客户名称搜索" prefix-icon="el-icon-search" @keydown.native.stop="handleKeyDown" clearable ...

2019-10-15 21:59:08 1242

原创 vue2.0 Webpack 对图片进行压缩优化

在 vue 项目中除了可以在webpack.base.conf.js中 url-loader 中设置 limit 大小来对图片处理，对小于 limit 的图片转化为 base64 格式，其余的不做操作。所以对有些较大的图片资源，在请求资源的时候，加载会很慢，我们可以用image-webpack-loader来压缩图片：（1）首先，安装 image-webpack-loader ：...

2019-10-15 15:49:58 1622

转载 vue 双向数据绑定原理

vue的双向绑定原理及实现前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码：效果图：...

2019-10-11 11:58:43 113

原创 vue2.0 actived & deactive

actived :为激活实例方法deactive:为失败后

2019-10-11 09:34:48 1943

原创 vue2.0 父组件调用子组件的方法

仓库分支为goods:https://gitee.com/zhouyunfang/vue3.0-element-bootstrap/tree/goods/子组件: <div class="clearfix" slot="header" style="margin:-10px;"> <span>高级搜索</span> &...

2019-10-07 14:48:52 1405

原创 vscode 编写javascript代码块(elementUi)

左下角设置->用户代码块->选择javascript{ "Print to console": { "prefix": "elconfirm", "body": [ "this.\\$confirm('此操作将永久删除该文件, 是否继续?', '提示', {", "confirmButtonText: '确定',", "cancelButton...

2019-10-03 21:17:03 2241

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序实现搜索功能

2019-05-03

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

getCurrentPages()使用

使用场景：可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动，滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

jpegtran.exe

需要复制到 node_modules\jpegtran-bin\vendor 下面 image-minimizer-webpack-plugin: 用来压缩图片的插件

2022-11-16

node-modules\optipng-bin\vendor\optipng.exe

webpack5压缩images依赖下的包

2022-11-16

JS Code Run_v1.2.2_apkpure.com.apk

安卓手机js code run 的apk 为您的桌面Scratchpad。它在编写代码时运行，并在右侧的输出面板中显示格式化的结果。

2022-01-08

RunJS-Setup-2.2.2.exe

RunJS是你桌面的JavaScript和TypeScript游乐场/草稿板。它在编写代码时运行，并在右侧的输出面板中显示格式化的结果。

2022-01-08

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

README.md编写教程（基本语法）

README.md编写教程（基本语法） Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

2020-02-12

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08