- 博客(60)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 切换node指定版本和下载最新node
本人使用的是mac系统，所以各种操作都需要加sudo前缀切换node版本sudo n 回车 这时候会列出当前所拥有的node版本下载指定node版本或者最新node先安装n模块cnpm install -g n然后用n下载指定版本 sudo n v6.11.5 或者把node升级当前最稳定版本sudo n stable升级之后，可以看看当前nodenode -v然后看系统的node 总共版本sudo n...
2022-03-07 10:58:37
1009
原创 vuejs中$set怎么修改指定数组中的对象属性的值
定义处data(){ return { arrlist:[{value:1,name:aa},{value:2,name:vv}], oneJson:{ old:12, page:33}}}使用$set修改数组的value值this.$set(数组，下标，修改值)如：this.$set(this.arrlist,1,{v...
2021-11-04 14:37:21
7196
1
转载 字符串与JSON互转
1、将字符串转为json对象：JSON.parse();2、json对象转字符串：JSON.stringify();<!DOCTYPE html><html><head><meta charset="utf-8"><title>创建json字符串对象</title></head><body></body><script ...
2021-02-20 14:57:59
1221
转载 vue对table数据增删改,并且视图实时更新
vue对table数据增删改,并且视图实时更新addData(){ this.$set( table, index,//插入的下表,一般为table.lenth即表尾 {键:值,键:值,,,,,,} ); }this.table.splice(index,1);this.$set( table,//当前数组 index,//当前数据的下标 {键:值} );...
2020-10-21 11:36:32
3821
转载 （mac）node升级或版本切换方法
1.首先安装n模块：sudo npm install -g n2.升级node.js到最新稳定版sudo n stable3.升级到最新版sudo n latest4.n后面也可以跟随版本号,升级到任意版本sudo n v0.10.26或sudo n 0.10.265.切换使用版本sudo n 7.10.06.删除制定版本sudo n rm 7.10.07.用制定的版本执行脚本n use 7.10.0 some.js8.sudo n可以查看所有已安装的node版本，可以根据
2020-09-29 09:32:25
1508
转载 JS合并两个数组的方法
探讨JS合并两个数组的方法 我们在项目过程中，有时候会遇到需要将两个数组合并成为一个的情况。 比如： 1 2 vara = [1,2,3]; varb = [4,5,6]; 有两个数组a、b，需求是将两个数组合并成一个。方法如下： 1、concat js的Array对象提供了一个叫concat()方法，...
2019-12-20 11:26:04
708
原创 js 数组几种比较大小的方法：正常、根据某个字段，时间
//正常的数组比较大小var arr = [1,5,7,8,932,78,434];compareFN(arr) {//比较大小函数 var i = 0; var j = 0; let t; for ( i = 0; i < arr.length; i++){ ...
2019-12-06 11:20:01
5904
转载 js如何比较两个日期之间相差数（天、时、分、秒）
<body> <div> 请输入第一个日期：<input type="date" id="Date1" /> <br/> 请输入第二个日期：<input type="date" id="Date2" /> <br/> 请输入日期相差数： <input typ...
2019-12-05 15:58:48
1919
原创 vuejs mixins使用
在项目中，有些时候select下拉选择框的内容不一定是后端传的，有时候需要前端写死，但是很多页面的下拉框都可能使用到同一个下拉框的内容，自己又不想每个页面都写一遍，咋办？这个时候就需要用到vuejs的mixins混入首先建立一个js，可以随意命名我这里命名是allList，在里面写上用到的下拉框内容注意：这些内容最好写在computed里面，因为当这里面的值变换，调用的地方也会跟着变化...
2019-06-21 16:21:04
494
原创 js 获取当前时间并且进行增加或者删减相对应的天数
首先是写一个函数，传入相对应的天数，0 是今天， 正数是要增加的天数，负数是要删减的天数 // 封装时间函数 getDay(day){ var today = new Date(); var targetday_milliseconds=today.getTime() + 1000*60*60*24*day; ...
2019-05-24 14:22:54
773
原创 git 删除远程/本地分支
删除远程分支git push origin --delete 分支名称（远程）删除本地分支git branch -d 分支名称（本地）
2019-05-14 09:14:34
100
原创 [Vue warn]: type check failed for prop “value“. Expected Number with value 0, got String with value
报错警告：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number with value 0, got String with value "".中文意思是：[Vue warn]：无效的属性：属性“value”的类型检查失败。需要值为0的数字，得到值为“”的字符串。出错原因：我使用...
2019-03-05 11:08:08
60080
3
原创 [Vue warn]: Duplicate keys detected: ''. This may cause an update error.
中文意思是：检测到重复的键：“”。这可能会导致更新错误。解决方案：看自己在使用v-for的时候，key值赋值是不是唯一的，说明赋值的key里面有重复的内容，所以会有这样的错误...
2019-03-01 15:29:25
23095
原创 vuejs中怎么动态添加class
用的比较多的方法：①<div class="main" :class="{'maindev':type=='123'}"></div> //前面是需要的class名称，后面是判断条件②<div :class="{type=='123' ? 'classaa' : 'classbb'}"></div> //这种是多个clas
2019-02-26 10:22:33
6257
原创 数组的对象的属性按字母进行排序
var arr = [ {name:'a'}, {name:'f'}, {name:'e'}, {name:'c'}, {name:'b'},]arr.sort(function(a,b){ return a.name.localeCompare(b.name)})console.log(arr)...
2019-01-09 11:41:12
2388
原创 iview的input报错：Invalid prop: custom validator check failed for prop "type".
这个错误中文翻译是：自定义验证器检查prop“类型”失败出现的原因看看自己是不是写<Input type="number"></Input>在iview当中明确规定input的type只能是 所以，如果想要使用input的number，其实iview里面有一个专门的标签：InputNumber传送地址是：https://www.iviewu...
2019-01-03 10:31:09
9646
2
原创 iview的tabe中加入input、select、时间插件和table的编辑、删除操作
如图，实现的目标table能有编辑的input、能选择的下拉框、还有日期选择器、最后的操作里面可以点击编辑和删除当前的行操作。自己解说的，怕有些地方讲的不好，放上demo的链接地址对应的github的demo链接地址：https://github.com/fengliting/iviewtable1、第一步html<template> <d...
2018-12-26 11:20:08
2080
原创 俩数组的循环，对象替换
/* 要求：根据arr的temp与arr1下的a数组的temp匹配相同的情况下，要求保留arr1里面对应temp对象的值，其余的删除；如果arr存在的temp对象，arr1没有，则该temp对象添加进入arr1里面的a，并且temp里面对应的属性值为0（除了temp）*/var arr = [ {temp:1,x1:1,x2:2}, {temp:2,x...
2018-11-29 12:29:30
1036
原创 数组或对象怎么存储到sessionStorage或localStorage并取值
var ary = [1,2,3]var json = { x:1, b:2}存储sessionStorage.setItem('arr', JSON.stringify(ary))sessionStorage.setItem('json', JSON.stringify(json))取值var ary = sessionStorage.g...
2018-11-14 10:17:35
4259
4
原创 js中几种较常见的数组循环
第一种：for循环var arr = [1,2,3,4,5]for(var i=0;i<arr.length;i++){ console.log(arr[i]); //拿到每一个的值}第二种：for...in...var arr = [ {x1:1}, {x2:3}, {x4:5}]for(var i=0;i<...
2018-11-08 13:54:24
887
原创 ubuntu16.04安装smartgit，java环境的需要重新安装才能正常运行
本人的ubuntu16.04的javaJDK版本是9，但是smartgit支持的是8，所以需要卸载9，安装8，以下是操作流程，亲测可用卸载javaJDK9查看版本信息： java -version 卸载： sudo apt-get autoremove default-jdk 如果不能卸载干净，用下面的方法，亲测成功 jdk彻底卸载： (1)...
2018-10-18 15:37:36
1176
转载 vue.js中router.push跳转页面、带参数、设置参数的方法
router.push(location)在vue.js中想要跳转到不同的 URL，需要使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，当用户点击浏览器后退按钮时，则回到之前的 URL。当你点击 <router-link> 时，这个方法会在内部调用，所以说，点击 <router-link :to="..."> 等同于调用 r...
2018-09-04 14:32:16
37246
2
原创 vue-router报错：RangeError: Maximum call stack size exceeded
今天在运行本地项目的时候，vue-router报错：RangeError: Maximum call stack size exceeded，当时发现自己在run dev的时候，命令行里面是没有任何问题的，在进入界面的时候，也不跳转，后面去看了自己配置的路由，找到解决方法首先，我的正常路由配置{ path: '*', redirect: '/userhome'...
2018-06-01 09:38:23
144598
5
原创 前端规范之Jacascript代码规范
Javascript代码规范所有的 JavaScript 项目适用同一种规范。 JavaScript 代码规范 代码规范通常包括以下几个方面:· 变量和函数的命名规则· 空格，缩进，注释的使用规则。· 其他常用规范……规范的代码可以更易于阅读与维护。代码规范一般在开发前规定，可以跟你的团队成员来协商设置。变量名变量名推荐使用驼峰法来命名(camelCase): firstName = "John...
2018-04-27 15:55:26
273
原创 前端规范之CSS代码规范
CSS编码规范语法· 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。· 为选择器分组时，将单独的选择器单独放在一行。· 为了代码的易读性，在每个声明块的左花括号前添加一个空格。· 声明块的右花括号应当单独成行。· 每条声明语句的 : 后应该插入一个空格。· 为了获得更准确的错误报告，每条声明都应该独占一行。· 所有声明语句都应当以分号结尾。最后一条声明语句后...
2018-04-27 15:54:03
198
原创 前端规范之HTML代码规范
HTML代码规范(简称HTML5)使用正确的文档类型文档类型声明位于HTML文档的第一行：<!DOCTYPE html>如果你想跟其他标签一样使用小写，可以使用以下代码：<!doctype html>使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母：· 混合了大小写的风格是非常糟糕的。· 开发人员通常使用小写 (类似 XHTML)。· 小写风格看起来...
2018-04-27 15:53:20
545
原创 echarts里面点击饼图的板块能进行跳转（或者有点击）
// 封装饼图代码 Publicshape:function(publicJsonArray,publicId){ // 展示上边的行数据 var sale = publicJsonArray.map(function(item,index){ return pu
2018-03-29 18:24:44
10043
原创 echartjs怎么设置环形图或者饼图每个板块之间有间隔
如图，第一张图是没有间隔的，全部封闭的第二张图是我的目标图片，需要有间隔那么实现的方法很简单，就是设置整个的背景颜色与边框颜色一致就可以了代码：app.title = '环形图';option = { backgroundColor:'#fff', tooltip: { trigger: 'item', formatter: "{a} <br/>.........
2018-03-29 15:35:53
27915
16
原创 动态变化的按钮，按钮渐变色，动态变化颜色
效果如图：.transparent.header {background: #333;}section[role="main"] {background: #333;color: #fff;}section[role="main"] h1 {color: #fff;}section[role="main"] h2
2018-03-14 11:13:01
1531
原创 修改指定的input框，textarea的placeholder样式
修改全局的input，textarea的placeholder样式input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #b3b3b3;}input:-moz-placeholder,textarea:-moz-placeholder { color:#b3
2018-01-26 10:06:57
31675
原创 jquery生成二维码怎么添加图片（两种方法）
github项目地址：https://github.com/fengliting/erweima注意：这里实现的是第一个方法自动生成二维码里面添加图片，有两种方法，一种是使用jquery原生的二维码插件，一种是别人有改动过的二维码插件，生成二维码的图片的时候有那么一些写的差别第一种：使用的是原生的qrcode.js生成二维码加上图片页面<div class="m...
2018-01-17 20:15:02
6975
原创 git快速拉取远程代码，不需要麻烦的配置用户名和密码
使用HTTPS协议，有一种简单粗暴的方式是在远程地址中带上密码。git remote set-url origin http://yourname:[email protected]/yourname/project.gitgit clone （在http：//后加上自己的用户名和密码）项目地址例如：（后面跟的链接是我随意乱编的，根据自己的项目地址写上用户名和密码即可）git clone
2018-01-17 19:46:53
8315
2
转载 运用d3和d3_top实现折现的方法
昨天和今天一直在弄如何把折线倒置// 模拟数据var dataset = [ {x: 0, y: 11}, {x: 1, y: 35}, {x: 2, y: 23}, {x: 3, y: 78}, {x: 4, y: 55}, {x: 5, y: 18}, {x: 6, y: 98}, {x: 7, y: 100}, {x: 8, y: 22}, {x: 9, y: 65}];// 创建
2018-01-17 19:40:30
362
原创 自定义echarts曲线图里边展示的较小的数据放大
var data1 = [12, 24, 35, 42, 56, 69, 85];var data2 = [1.25,1.55, 1.10, 2.98, 1.45, 2.58, 3.10];var data3 = [150, 232, 201, 154, 190, 330, 410];var data4 = [320, 332, 301, 334, 390, 330, 320];v
2018-01-05 17:42:32
3171
2
原创 vue2.x自定义组件上使用v-model指令
我们都知道v-model是双向数据绑定经常用到的指令，今天学习到在组件上使用v-model指令，感觉还挺不错的，分享一下总数{{total}}Vue.component('my-component',{template:'+1',data:function(){return {counter:0}},methods:{handleClick:
2017-12-13 14:47:02
2458
原创 如何去掉button、img、a点击时的边框
在做页面的时候，有时候会发现点击一些按钮会自带一些边框，这是浏览器添加的，但是自己并不想要，那么很简单，就是在给这些有按钮的地方去掉边框css添加：outline：none有时候发现点击img的时候也会有，但是添加这个css并没有解决，怎么回事？其实img本身是点击没有任何边框的，基本是自己添加了有点击效果的标签，例如a，看看自己写的时候是不是这样：这时候点击图片的时候就会
2017-12-13 10:42:54
11818
原创 使用vuejs获取两个数组id，如果某一个数组id成功匹配另一个数组内id，那么就勾选
这篇文章是使用vuejs获取数组，其中一个数组里面包含全部的数值，另一个数组只有一部分数值，要做的就是第二个数组去匹配第一个数组，匹配相同的情况下，给这个相同的数值打上钩，如下图项目地址：https://github.com/fengliting/vue-array，后续代码解说就不会全部都打上html是遍历全部的数组{{item.value
2017-12-08 16:06:10
22432
1
原创 vuejs2实现全选和反选，不使用id
使用vuejs2实现全选和反选，其实网上都有很多的教程了，这一次我写，主要是使用index，而不是使用id，因为有些时候，如果数据传输过多，后端不会给id的，这时候，就需要使用index来进行全选的功能，其实都大同小异，大家可以根据自己的需求进行修改github的项目地址：https://github.com/fengliting/vue-checked，如果喜欢给本文一个赞！
2017-12-06 17:41:20
2250
原创 用vuejs写一个分页组件
今天记录用vuejs2来写一个分页组件有些注解定义我说的并不是很准确，主要是方便自己理解写的，请大家包涵 ...代码的github网址 : https://github.com/fengliting/vue-page，里面给了详细的注解和补充一些方法，如果喜欢给颗星星吧页面的html>解释：@on-bottompage="bottompage"：点击提交分页
2017-12-06 14:39:04
2117
element-plus的input的复合型slot怎么用render展示出来
2022-05-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人