- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue使用v-for指令的时候为什么不建议用数组的下标index作为key
key用于渲染对象的排序，所以必须是用唯一标记的值。那index作为数组的唯一标识为什么不建议用来作为key呢？得现在说说数组的特性，数组是以堆栈的形式来存在输入元素的。在直接push（）一个新元素的时候是直接加到最末尾。在删除一个index=3元素的时候，下一个元素会“补上”来，使用这个index，删除后index=3的对象就变成了了原来的下一个对象。那么在业务处理过程中，如果使用v-for加载了一组checkBox，根据业务情况，先选中了index=3的checkBox对象后，又需要删除这个选项，添
2021-03-19 13:15:16
1191
转载 flex实现元素水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-03-19 13:04:51
384
原创 Array的map()、find（）和filter()
map():便利数组语法：array.map(function(value, index, arr),thisValue)value:必须，代表当前元素，其他四个参数都是可选，index代表当前索引值，arr代表当前的数组，thisValue代表传递给函数的值，一般用this值，如果这个参数为空，undefined会传递给this值有无返回值：有，返回一个新的数组对象例子： var array = [1,2,3,4,5]; var obj = array.map(function(item
2021-03-19 13:02:34
274
原创 使用easyUI,datagrid的一些坑记录
问题情况：在使用easyUI的dataGrid的时候，先获取看表格的初始数据，然后还涉及到一些单元格数据的编辑，编辑完了之后，需要前端先把数据的修改内容分析对比出来后传给后端。表格初始数据保存在totalRow对象里面，如下这里忽略了很重要的一点，就是引用型熟路的特点，easyUI在endEdit的时候不仅仅是修改了表格显示的数据，而是整个表格的data也修改了，而这个data和tatalRow都同样来源于ajax里data的赋值，它们指向的时堆内存中的同一个对象，所以表格编辑完了修改了内存中的对象
2021-03-07 12:41:52
192
原创 vue-cli，在安装sass的时候报错
在安装sass时候npm install node-sass -save -dev 一直报错可能是因为资源的原因，可以使用淘宝镜像cnpm来安装。在安装cnpm的时候npm install -g cnpm --registry=https://registry.npm.taobao.org 的时候又报错了：cnpm :无法加载文件解决：1、以管理员身份运行vscode2、执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的3、执行：set-ExecutionP
2021-03-07 12:26:17
90
转载 vue-cli中的.babelrc文件介绍
转载自：https://www.jb51.net/article/135232.htm介绍es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码，可以自行去了解vue-cli脚手架的.babelrc文件{ // 此项指明，转码的规则 "presets": [ // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设
2021-03-04 23:20:05
459
1
原创 最近遇到的一个错误：在一个同步的函数里，调用了另一个的函数，发现同步函数并没有等背调函数的返回结果，而是直接往下走了
var funB =function（） { $.ajax({ // 一些异步请求 })}var funcA = function（）{ //doSomthing... funA(); //doSomthing...}同事遇到的一个问题，让我帮忙看看。代码结构大概就是这样子的。看了半天没发现问题，就是跟奇怪，最后发现，是funB里没有任豚...
2021-03-04 14:00:15
128
1
原创 vue里的侦听属器(watch)和计算（computed）区别是什么？如何选择？
以下指示本人粗浅的理解，如有不正确的地方还请指正。计算属性（computed)和方法首先说说计算（computed）,为什么要用计算属性呢？其实这些处理通过函数方法method也能实现，但是两者存在区别的，或者说计算有明显优势。计算属性是基于它们的响应式以来进行缓存的，只有在相关的响应式依赖发生变化的时候才回去重新计算，否则取用缓存不做计算。相同的处理如果用method的话就会每一次调用都去处理一遍。计算属性（computed）和侦听器var vm = new Vue({ el: '#dem
2021-03-04 13:43:53
101
1
原创 javaScript 有关事件event的兼容写法
javaScript 有关事件event的兼容写法1、获取事件对象event || window.event;2、获取事件对象event.target || event.srcElement;3、阻止默认事件event.preventDefault ? event.preventDefault () : (event.returnValue = false;);4、阻止事件冒泡event.stopPropagation ? event.stopPropagation() : (even
2021-03-04 13:22:51
75
1
转载 深入理解JavaScript事件循环机制
前言众所周知，JavaScript 是一门单线程语言，虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心。可看HTML规范中的这段话：To coordinate events, user interaction, scripts, rendering, networking, and so forth, user agents must use event loops as described in this section. There are
2020-11-22 22:42:55
52
原创 原生js和jquery在操作dom上的区别总结
一、创建元素节点1.1 原生JS创建元素节点document.createElement(“p”);var text= document.createTextNode(“hello”);//创建文本节点1.2 jQuery创建元素节点$(’’);二、创建并添加文本节点2.1 原生JS创建文本节点document.createTextNode(“Text Content”);通常...
2020-03-23 14:49:58
240
转载 javaScript设计模式及使用场景
javascript设计模式介绍，实现及实际应用（一）本文将介绍javascript中常用的设计模式原理和实现，并结合实例讲解其应用。本篇文章先介绍单例模式，策略模式，代理模式，发布订阅模式和命令模式，其它几种模式后续文章将继续介绍。1、单例模式单例模式就是一个实例在整个网页的生命周期里只创建一次，后续再调用实例创建函数的时候，返回的仍是之前创建的实例。在实际开发中应用十分广泛，例如页面中...
2020-03-23 14:48:17
369
原创 oracle中（+）的用法
作为oracle菜鸟级选手，最近频繁在工作中看到同事在写sql的时候用到(+)，例如：select ...... from j1_di.di_swjg a, j1_sbf.SBF_JDXJM_TJ_FDQ_LJ b where b.ssyf(+) = '202003' and a.swjg_dm <> '00000000000' an...
2020-03-18 15:50:40
1225
原创 JS中，e = e||event如何理解？
不同的浏览器对JS事件的解析不同，主流浏览器中，事件对象可以在事件的回调函数中通过参数的方式传入，就是常见的function(e){}。但是低版本的浏览器中，获取事件对象的方式是window.event。所以，e = e||event是一种兼容的写法。getEvnt:function(e){ let e = ( e != null ) ? e : window.event; return...
2020-03-18 15:35:44
1443
转载 vue --- 解读vue的中webpack.base.config.js
const path = require('path')const utils = require('./utils')// 引入utils工具模块，具体查看我的博客关于utils的解释，utils主要用来处理css-loader和vue-style-loader的const config = require('../config')// 引入config目录下的index.js配置文件，主要...
2019-03-21 12:23:09
378
转载 vue-validator（vue验证器）
官方文档：http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator单独使用vue-validator的方法见官方文档，本文结合vue-router使用。安装验证器不添加自定义验证器或者无需全局使用的公用验证器，在main.js中安装验证器，使用...
2019-03-20 11:00:33
860
转载 vue中使用less
首先vue开发环境已经安装成功当所有东西都 准备好之后 ：第一步：安装less依赖，npm install less less-loader --save第二步：修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加{test: /.less$/,loader: “style-loader!css-loader!less-l...
2019-02-21 16:43:26
87
转载 VueJS中学习使用Vuex详解
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...
2019-02-21 12:30:38
138
转载 MUI底部选项卡链接跳转不了
问题描述：用MUI例子中的选项卡，底部的导航只能实现div切换，链接无法跳转。查看控制台，输出：Unable to preventDefault inside passive event listener due to target 的警告。问题解决：经检查相关资料，加入以下代码，即可解决问题。mui(‘body’).on(‘tap’,‘a’,function(){document.lo...
2019-01-28 09:27:37
608
转载 vue,cnpm run dev报错：Error: listen EADDRNOTAVAIL 192.168.6.54:8080
npm run dev一切准备就绪，启动项目npm run dev但是，却出现了以下的报错，一开始很郁闷，仔细看了一下错误提示，应该是IP地址出错了。之前为了能在手机上访问vue的项目，找到config文件夹下的index.js文件，打开后，将host的值改为我本地的ip。如何在手机上查看测试vue-cli构建的项目：https://www.jianshu.com/p/a15be31ca...
2019-01-21 11:08:27
638
转载 plus对象是啥
plus是哪里来的plus是5+Runtime的内部对象。就像chrome浏览器里有Chrome.开头的一些对象方法，5+runtime内置了plus对象。因为plus和mui不一样，plus是引擎级别，不需要前端框架，而mui是前段框架，所以需要引入mui.js才能使用的。不要在没有plus和mui 的环境下调用api浏览器里没有plus环境，只有HBuilder真机运行、打包后、或应...
2019-01-09 17:23:50
9920
转载 前端开发单词大全
style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中background 背景image 引入背景图片(url)background-position： 背景定位(x轴，y轴；)background-rep...
2019-01-07 09:12:50
2280
8
转载 MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
出处：http://www.cnblogs.com/jerehedu/p/7832808.html前 言JRedu随着HTML5的不断发展，移动开发成为主流趋势！越来越多的公司开始选择使用HTML5开发手机APP，而随着手机硬件设备配置的不断提升，各种开发框架的不断优化，也使着H5开发的混合APP的体验越来越趋于原生！那么在本系列博客中，我们就来一探H5开发APP的神秘面纱吧~~一、 移...
2019-01-03 15:27:12
446
原创 vue常见错误：- Component template should contain exactly one root element. If you are using v-if on multi
-报错信息： Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.解决方法：将中的元素用一个包裹起来即可。只能由一个根目录。...
2018-12-26 13:57:40
1047
转载 vue常见错误：vue.runtime.esm.js:574 [Vue warn]: You are using the runtime-only build of Vue where the tem
1、vue.runtime.esm.js:574 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compil...
2018-12-26 13:54:12
18577
2
转载 鼠标滚动，纵向切换页面
页面中单页切屏的效果在做宣传的时候是常用的一个效果，无论是在PC端还是在移动端，它无意都是一个很不错的宣传页的架构。今天我们就探讨一下切屏功能的原理。首先分析切屏插件的结构，切屏就是当前只显示一屏内容，当点击列表或者滚动鼠标滚轮时切换到下一屏内容或上一屏内容，每一屏的内容中可能有动画或者特效，这些插件不负责实现，由使用这根据特效需求自己实现，插件只提供在一屏内容开始切换时的回调函数接口，和一屏内...
2018-12-09 00:44:06
2146
原创 canvas实现雪花飘落
直接贴代码： 效果图：
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人