一个耕耘在后端的前端-CSDN博客

原创函数优先法则

众所周知，在ES5的规则下，使用var声明变量，变量会提升，函数亦是如此，但是如果碰到函数名和变量名是同一个的情况下，代码会如何执行呢？先看下面的例子foo(); //1var foo;//这是一个函数声明function foo(){ console.log(1);};// 这是一个函数表达式，不会提升，如果是一个函数声明则会提升foo = function(){ ...

2019-06-20 20:47:27 666

原创数组对象，将某个属性值相同的对象合并成一个对象

var arr = [{ name:"1", type:"data", default:"1", relation:[{ id:"1", text:"2" }] },{ name:"2", type:"filter", ...

2019-06-17 13:20:54 5131 1

原创 H5实现手写电子签名

最近的一个项目有关于用户电子合同签名的问题，话不多说直接上代码<template> <div class="page-content"> <mf1-header title="用户需求签名"> <mf1-button slot="right" @tap="handelClearEl()" type="dan...

2019-05-23 15:56:17 11394

原创使用本地的json数据实现省市县三级联动效果

最近做项目，需要实现一个省市县三级联动的效果示意图，因为是使用自己公司内部研发的移动组件，但是这个组件研发的例子并没有给出。<mf1-popup v-model="showAddr" position="bottom" class="mf1-popup"> <div class="page-picker-wrapper"> &l...

2019-04-15 21:03:27 1216

转载 _proto_、constructor、prototype三者的关系

function Person(){ this.name = "dog", this.age = "18"};var obj = new Person();// 从这里可以看出 obj._proto_ 的值就等于 Person.prototypeconsole.log(obj.__proto__ === Person.prototype); // true 对象a的_...

2019-03-04 15:27:15 239

转载 JavaScript 实现汉字按拼音首字母分组拼序

单纯只需要对中文汉字进行排序，可以使用 String.prototype.localeCompare()函数var array = ['武汉', '北京', '上海', '天津'];array.sort( function compareFunction(param1, param2) { return param1.localeCompare(param2); ...

2019-02-16 09:37:55 1748

原创 js 中中文、空格、数字、字符串混合排序

最近有个需求，需要对后台的数组对象按照某个属性进行排序，属性值可能是中文、字符串、数字、特殊字符、空字符串，网上大部分都只是针对某一个类型进行排序，在参考这篇博客的基础之上https://blog.csdn.net/qq_39643614/article/details/81588170增加了对于空字符串的判断这种混合排序的比较少见，话不多说，直接上代码// 调用：var goods =...

2019-02-16 09:33:27 13154 1

原创检查一个对象是否是 json对象

最近一个项目有一个需求，就是后台返回的数据格式不一定是json格式(确实很奇葩但是谁让前端是弱势群体，一把老泪)，言归正传，没办法只能自己动手丰衣足食/检查obi是否为json格式function isJson(obj) { var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj...

2019-01-15 15:05:52 902

转载 ES6之函数解构赋值

最近浏览博客看到一个 es6 函数解构赋值的例子 function move({x = 0,y = 0} = { }){ return [x,y]; }console.log(move({x : 3,y : 4})); //[3,4]console.log(move({x : 3})); //[3,0]console.log(move({})); //[0,0]consol...

2019-01-10 09:36:09 855

转载 git 报错 gitThere is no tracking information for the current branch. Please specify which branch you w

新建本地分支后将本地分支推送到远程库, 使用git pull 或者 git push 的时候报错gitThere is no tracking information for the current branch.Please specify which branch you want to merge with.See git-pull(1) for details git...

2019-01-07 13:56:34 173

原创 yarn install 过程中 node-sass安装不上的方案解决

今天老大让我安装打包环境，使用yarn install 的时候一直报错，node_modules\node-sass: Command failed然后就使用 yarn add node-sass，但是依然报错（报错截图就不贴上了），随后网上各种找教程，包括重新安装 ptyhon 2.7版本（本人是windows 系统）解决方案：1、先上https://github.com/s...

2019-01-03 14:29:07 9485 1

转载微信小程序radio点选框，再次点击取消

<view class="page"> <view class="page__hd"> <text class="page__title">radio</text> <text class="page__desc">单选框</text&

2019-01-02 15:10:03 3654

原创前端算法之找出某个数组中的两个数之和跟目标值相等，并获取这两个数在数组中的位置

此函数，规避了数组中的某个数值被重复使用的问题，譬如说传入的数组为[2,2,3,4,5]目标值是4，得到值不会是[0,0]而是[0,1]var twoSum = function(nums, target) { let ayy = []; for (let i=0; i<nums.length; i++) { let initAry = nums....

2018-12-15 13:31:28 768

转载 html2canvas 将网页保存为图片

最近做数据可视化项目，需要用到截图功能，在网上搜了一圈，发现 html2canvas 不错，奈于没用过，只能各种搜，最后发现下面这篇通俗易懂的文章：scale：是用来调整生成图片屏幕分辨率的，其实设置成1再iphone上生成的图片清晰度没啥问题，但是再有些android手机上就很模糊，所以为了兼顾这部分手机就把scale设置成了2; useCROS：这个参数是用来设置是否允许使用跨域的图...

2018-12-12 11:37:59 376

原创 echarts 修改 X轴、Y轴及图例的文字样色及大小

最近做数据可视化，一直跟图表打交道，遇到了一个修改图例（legend）及轴上文字的颜色及大小的需求legend: { left: 'left', data: ['2的指数', '3的指数'], textStyle: { color: 'red', fontSize: 18 }...

2018-11-19 10:08:44 28579 2

原创 es6 箭头函数的this 指向问题

箭头函数体内的this，就是定义时，函数所在的对象，而不是调用时所在的对象。var foo = () => { console.log(this.id);}var id = 1;foo(); // 输出1 // this 的指向一直是指向 windowfoo.call({ id: 2 }); // 输出1 // this 的指向一直是指向 window普通函数...

2018-11-16 14:36:02 132

转载 vue中引入echarts的两种方式

全局引入1. main.js中配置import echarts from 'echarts' //引入echartsVue.prototype.$echarts = echarts //引入组件2. echarts在vue中的引用<div id="myChart" :style="{width: ‘300px‘, height: ‘300px‘}"></d...

2018-11-16 11:41:40 921 1

转载 js 中关于浮点数的计算

项目中遇到浮点数的计算，开始想当然的当做int类型去做计算，计算过后才发现并不是如此，于是在网上找到了一个很好的方法//加法函数function accAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { ...

2018-11-15 18:15:56 548 1

转载原生js的一些方法总结

内置对象与原生对象内置（Build-in）对象与原生（Naitve）对象的区别在于：前者总是在引擎初始化阶段就被创建好的对象，是后者的一个子集；而后者包括了一些在运行过程中动态创建的对象。原生对象（New后的对象）ECMA-262 把原生对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。包括如下：Object、Functio...

2018-11-15 15:25:53 287

转载关于 json对象合并问题

对象的合并需求：设有对象 o1 ,o2,需要得到对象 o3 1 2 3 var o1 = { a:'a' }, o2 = { b:'b' }; // 则 var o3 = { a:'a', b:'b' } 方法1：使用JQuery的extend方法 **方法定义**：jQuery.extend([de...

2018-10-13 12:15:25 927

翻译实现容器内部拖拽 ---- drag.js

上一篇文章介绍了 sortable.js 实现拖拽，这里在介绍一种实现拖拽的方法话不多说直接上代码<!DOCTYPE html><HTML><HEAD> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="sty

2018-10-10 14:34:13 3198

翻译简单实现拖拽的方法 sortable.js

最近做BI项目频繁用到拖拽，心累呀，后来发现了一款好用的拖拽插件 sortable.js 真心好用，使用也特别方便,不依赖jq，可以在vue、ng、react中使用<ul id="foo"> <li>老子天下第一</li> <li>老子天下第二</li> <li>老子天下第三<

2018-10-10 13:52:50 1933

原创使用 es6 class类创建对象在其他页面用vue引用报错 is not a constructor

最近项目中使用 es6 新语法class创建对象，在 vue 文件中导入以后，在new的时候报错，很是郁闷然后启动项目，打开浏览器刷刷报错明明是是引入了为嘛报错呢？最后发现是因为命名的问题所以小伙伴们，引入的时候别刷刷名字全部一通复制，let的定义名字千万不能和 import 定义的名字一样...

2018-09-14 10:26:04 29494

原创 vue 多选、全选和选中删除问题

<div id="vueContainer"> <div> <input type='checkbox' class='input-checkbox' :checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选 <div v-for='(fru...

2018-09-06 16:47:39 7362

原创 hasOwnProperty 的使用

hasOwnProperty：官方解释：如果 object 具有带指定名称的属性，则 hasOwnProperty 方法返回 true，否则返回 false。此方法不会检查对象原型链中的属性；该属性必须是对象本身的一个成员。一开始没理解看了官方的例子如下：var s = new String("Sample");console.log(s.hasOwnProperty("split...

2018-09-04 18:37:04 4246

原创使用 vue 实现拖拽的简单案例，不会超出可视区域

实现拖拽之前，先了解几个小常识：这两种获取鼠标坐标的方法，区别在于基于的对象不同：pageX和pageY获取的是鼠标指针距离文档（HTML）的左上角距离，不会随着滚动条滚动而改变； clientX和clientY获取的是鼠标指针距离可视窗口(不包括上面的地址栏和滑动条)的距离，会随着滚动条滚动而改变；clientX : 是用来获取鼠标点击的位置距离当前窗口左边的距离 client...

2018-09-04 16:46:24 21618 6

原创 lodash 方法之 _.difference(array, [values])

_.difference(array, [values])：是找到给定数组中（array）其他参数数组（ [values]）没有的元素，然后将这些元素组成新数组返回_.difference([1,2,3],[2,3,4]) // [1]简言之：就是挑选出给定数组与其他检测数组不同的元素，然后将这些不同的元素放到一个新的数组中...

2018-09-04 11:16:59 3206

原创 HTML DOM nodeType 属性

nodeType ：属性返回节点类型（只读）如果节点是一个元素节点，nodeType 属性返回 1。如果节点是属性节点, nodeType 属性返回 2。如果节点是一个文本节点，nodeType 属性返回 3。如果节点是一个注释节点，nodeType 属性返回 8。 ...

2018-08-28 16:37:15 171

转载利用JS输出ul下li的index索引值

如何利用原生JS输出ul下li的index索引值，如果按以下的写法写，则每次点击输出的都是最后一个元素的索引。 function(e){}的匿名函数，在执行时，每一个都会创建一个新的作用域。这些匿名函数不会立即执行，仅仅是被定义，只有在点击时才执行，被当做参数传入addEventListener函数。所以在执行时i的值已经变为最后一个索引值。<!DOCTYPE html>&l...

2018-08-28 14:53:21 285

原创使用 mui 遇到的小坑

在做项目的时候，需要导入一个支付宝的小图标发现按照文档导入了 css 和 mui-icon-extra.ttf文件，但是还是出不来图标很是郁闷，后来的原因是：导入的 icons-extra.css 文件的引入顺序必须放在 mui.min.css 后面，不然扩展的小图标就出不来...

2018-08-03 22:48:31 421

原创 js 中常见的字符串操作

1、indexOf(): 从左往右搜索indexOf() 方法对大小写敏感！大小写是有区别的如果要检索的字符串值没有出现，则该方法返回 -1。var a = "hello,word";// indexOf() 检测有某个字符则返回这个字符的位置，没有检测出这个字符则返回 -1a.indexOf('W');// -1a.indexOf('w');// 62、lastIn...

2018-07-30 18:28:47 113

原创 ES6 中数组新增的方法小结

ES6中新增的方法有：Array.isArray(): 判断是否是一个数组 forEach(): 对数组进行遍历操作 map(): 遍历数组，可以对数组的每一项做相关的操作，并且会返回一个新数组，不会改变原来数组 filter(): 遍历数组的每一项，如果数组中某个元素满足某个条件，将当前的元素push到一个新数组中 some(): 把数组的每一项和某个条件进行对比，如果有一个符合条...

2018-07-30 17:38:28 1567

转载原生 js 实现ajax

原生 js 实现ajax的方法：var ajax= { get: function(url,fn) { // XMLHttpRequest 对象用于后台与服务器交换数据 var xhr = new XMLHttpRequest(); xhr.open('GET', url, true);//true异步请求，false同步 ...

2018-07-30 15:09:18 186

原创 webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

我们在main.js 中个导入 vue 文件：在配置文件中，配置处理规则配合结束以后运行 npm run dev ，发现报错了，报的错就是：webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin 参考官方文档 http...

2018-07-29 19:52:52 426

翻译在 webpack 中导入 vue 报错

1、咱们在main.js 中导入 vue// 用 import 导入的 vue 构造函数功能不完整，只提供了 runtime-only 并没有提供像网页中的方式import Vue from 'vue'var vm = new Vue({ el: "#app", data: { msg: "123" }});在 index.html文件...

2018-07-29 19:07:11 2024

翻译 ES6 与ES5 不同的地方小计（含如何将 es6 转化为 es5 的详细步骤）

1、定义对象的方式，es6 用的是 class 关键字 es5 用的是 function ps: 实例属性和静态属性 function people (name){ this.name = name};people.name = "李四"// 这里就是通过 new 方法 new了一个实例var a = new people ("张珊");// 这是静态属...

2018-07-29 15:49:54 370

转载 vue 生命周期

写在前面：vue 生命周期总共有 8 个钩子函数，分别是：beforeCreate created beforeMount mounted beforeUpdate updated beforeDestory destoryed一、先来一段代码<!DOCTYPE html><html lang="en"><head> ...

2018-07-27 22:15:56 116

翻译配置 webpack的打包路径

在 src 目录下面新建一个 webpack.config.js 文件按照图示设置需要打包的文件，配置打包后输出到哪个文件及路径配置完成以后，直接在终端输入 webpack 就会实现自动打包，小伙伴赶紧动手试一下如果说我们想要我们一修改文件，不用我们手动打包，就想让我们修改的文件生效1、可以在 package.json 文件中配置 dev: webpa...

2018-07-27 12:07:32 16628 1

转载 webpack打包错误 ERROR in multi ./runoob1.js bundle.js

转载自https://blog.csdn.net/lplife/article/details/80875815 之前写的有些零散,现在一步步再重新写.记住: 如果你步骤对,但是始终没成功, 那么请不要烦心, 因为webpack版本4以上, 语义更加严格,命令有一些已经发生改变了,所以并不是你的问题!一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下...

2018-07-27 11:41:43 2099

转载 uci 命令

uci 命令:uci help:Usage: uci [<options>]<command> [<arguments>] Commands: batch export [<config>] 导出配置文件 import ...

2018-07-24 18:28:38 750

空空如也

空空如也