- 博客(39)
- 收藏
- 关注
RSS订阅原创 trim 去除空格 both-默认值，去除两端空格，left-去除左边空格，right-去除右边空格，all-去除包括中间和两端的所有空格
function trim(str, pos = ‘both’) {if (pos == ‘both’) {return str.replace(/^\s+|\s+KaTeX parse error: Expected 'EOF', got '}' at position 11: /g, ""); }̲ else if (pos =…)/g, “”);} else if (pos == ‘all’) {return str.replace(/\s+/g, “”);} else {return
2021-03-24 11:50:28
455
原创 校验规则，如是否手机号，邮箱号，URL等
/** * 验证电子邮箱格式 */ function email(value) { return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value); } /** * 验证手机格式 */ function mobile(value) { return /^1[3-9]\d{9}$/.test(value) } /** * 验证URL格式 .
2021-03-24 11:47:30
579
原创 (雪花算法) 的JavaScript实现，生成唯一订单号
JavaScript实现，生成唯一订单号 //生成唯一订单号 雪花算法 export const bigInOrderNo=()=>{ var Snowflake = /** @class */ (function() { function Snowflake(_workerId, _dataCenterId, _sequence) { this.twepoch = 1288834974657n; //thi
2020-07-10 15:22:52
1224
原创 从零开始学Vue（一）—— Vue.js 入门
1、什么是vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。它的作者是位中国人–尤雨溪（EvanYou).它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的API。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。2、Vue的优点 1、 小而简...
2020-04-02 10:35:47
460
原创 网易中高级前端面试题
1、介绍Redux，主要解决什么问题 介绍redux： 官方解释：Redux是JavaScript状态容器，提供可预测化的状态管理， 个人认为：redux是为解决react组件间通信和组件间状态共享而提出的一种解决方案，主要包括3个部分 store+action+reducer store：用来存储当前react状态机（state）的对象，connect后，store的改变就会驱动re...
2020-03-24 16:05:32
529
原创 JavaScript 判断数组是否相等
1、JavaScript不能直接用"= =“或”==="判断两个数组是否相等,不然都会返回false []==[] //false []===[] //false2、 要判断数组是否相等，可以先转换为字符串 console.log([].toString()==[].toString());//true console.log([].toString()===[...
2020-03-23 16:57:56
723
原创 前端常用的数组操作
一、数组去重，1、利用ES6方法 set（） let array = [0,3,4,5,3,4,7,8,2,2,5,4,6,7,8,0,2,0,90]; console.log(... new Set(array),'数组去重') // 0 3 4 5 7 8 2 6 90 "数组去重"2、过滤， fliter let array=[0,3,4,5,3,4,7,...
2020-03-23 16:18:25
404
原创 typeScript入门一 （typeScript中的数据类型）
一、typeScript中的数据类型typeScript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typeScript中主要给我们提供了以下数据类型1、布尔类型（boolean）2、数字类型（number）3、字符串类型（string）4、数字类型 （array）5、元组类型 (tuple)6、枚举类型（enum）7、任意类型（any）8、nul...
2019-10-21 17:24:55
233
原创 从零开始搭建react全家桶+Antd+Axios+ES6+ +webpack 后台管理系统 (一、准备)
1、项目描述此项目为一个前后台分离的后台管理系统的SPA，包括前端PC应用和后端应用包括用户管理、商品分类管理、商品管理、权限管理等功能模板前端:使用react全家桶+antd+axios+es6+ +webpack等技术后端：使用node+express+Mongodb等技术采用模块化，组件化，工程化的模式开发。2、使用create-react-app（脚手架）搭建项目cr...
2019-10-14 11:27:10
663
翻译 JavaScript检测数据类型四种办法
1、typeof看看控制台输出了什么可以看到，typeof对于基本数据类型判断是没有问题的，但是遇到引用数据类型（如：Array）是不起作用的。2、instanceof暂且不考虑null和undefined（这两个比较特殊），看看控制台输出什么可以看到前三个都是以对象字面量创建的基本数据类型，但是却不是所属类的实例，这个就有点怪了。后面三个是引用数据类型，可以得到正确的结果。如果我...
2019-07-17 11:02:05
236
原创 JavaScript面试基础知识
JavaScript基础知识1、javascript的基本数据类型 1、undefined 2、null 3、Boolean 4、string 5、number2、JavaScript内置对象1、object是JavaScript中所有对象的父对象2、数据封装对象：object array boolean number string 3、其他对象：function ...
2019-07-15 11:43:33
423
原创 javascript严格模式下注意事项
一、变量1、不允许意外创建全局变量"use strict";string= 'hello world!';2、不能对变量调用delete操作符"use strict";var color = 'red';delete color;二、对象1、不能是只读属性赋值"use strict";var obj= { name:'leying'};Object.defin...
2019-05-13 09:51:03
488
原创 vue常用过滤器
1、四舍五入/** * 四舍五入 * @param value * @param decimal */export function round_money(value: any, decimal = 2) { let p = Math.pow(10, decimal) return Math.round(value * p) / p}2、向下取整 /**...
2019-04-24 16:53:08
438
原创 JavaScript 前端type类型判断工具类
使用方法如下;1、是否字符串 isString = o => Object.prototype.toString.call(o).slice(8, -1) === 'String',2、是否是数字isNumber = o => Object.prototype.toString.call(o).slice(8, -1) === 'Number', //是否数字3、是否对...
2019-04-24 16:48:39
823
原创 JavaScript 前端string字符串操作工具类
1、去除空格 /** * 去除空格 * @param {str} * @param {type} 1-所有空格 2-前后空格 3-前空格 4-后空格 * @return {String} */ trim = (str, type) => { type = type || 1 switch(type) { case ...
2019-04-24 16:38:12
509
原创 JavaScript 前端date（时间）工具类
1、格式化时间/** * 格式化时间 * * @param {time} 时间 * @param {cFormat} 格式 * @return {String} 字符串 * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}:{a}') // -> 2018/01/29 00:00:00:五 */ ...
2019-04-24 16:35:08
1241
原创 常用的数组操作工具方法封装
1、判断一个元素是否在数组内contains = (arr,val) => { return arr.indexOf(val) != -1 ? true : false }, 用法如下:2、数组排序 /** *数组排序 * @param {type} 1:从小到大 2:从大到小 3:随机 * @return {Array} */...
2019-04-24 16:29:48
201
原创 ES6新特性
1、字符串遍历 字符串可以被for...of循环遍历。2、 includes(), startsWith(),endsWith() includes() :返回布尔值，表示是否找到了参数字符串 startsWith() : 返回布尔值，表示参数字符串是否在原字符串头部 endsWith():返回布尔值， 表示参数字符串是否在原字符串的尾部3、repeat（） 表示将...
2019-04-24 16:11:12
114
原创 JavaScript数组方法（包括es6）
JavaScript提供了多种数组的方法，在此简单介绍一下。1、array.push() 从后面添加元素;}2、手机号校验正则 export const isPhoneNum = num => { const reg = /^1[345678]\d{9}$/...
2019-04-12 14:35:04
1972
1
原创 vue过滤器手机号带*****掩码
let formatPhone = p=>{ if(p){ return p.substring(0,3) + '*****' + p.substring(p.length-2); }}<div>{{13738384380 |formatPhone}}</div> //137****80
2019-04-11 15:37:19
4416
原创 使用 vue.directive（） 自定义全局的指令 v-focus v-color v-font-weight
<input type="text" v-model="value" v-focus v-color="'red'" > 1、 v-focus参数1： 指令的名称，注意，在定义的时候指令的名称前面 不需要加v-前缀， 但是：在调用的时候，必须在指令名称前面加上 v- 前缀来进行调用 参数2： 是一个对象，这个对象身上，有一些指令相关的函数， 这些函数可以在特定的阶段，...
2019-03-19 18:33:14
690
原创 JavaScript some() 方法与JavaScript findIndex() 方法
下面用点击数组中的某一项进行删除来举例子1、some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。 注意： some() 不会对空数组进行检测。 注意： some() 不会改变原始数组。2、findIn...
2019-03-19 16:45:01
1075
1
原创 JavaScript substring() 方法
1、substring() 方法用于提取字符串中介于两个指定下标之间的字符。 stringObject.substring(start,stop) start: 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop:可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如...
2019-03-19 11:10:25
258
原创 vue中 v-cloak，v-text，v-html的用法
1、 在vue.js中 v-cloak 这个指令是防止网络缓慢时页面加载时出现 {{}}闪烁v-cloak 的用法：但有时添加完毕后仍有部分变量会显示，这是怎么回事呢？通过控制台查看，原来是 v-cloak 的display属性被优先级别高的样式覆盖所导致，我的处理方案是添加 !important 2、v-text 没有闪烁问题3、v-html 可以包含html标签...
2019-03-19 10:33:51
183
原创 Vue 过滤器filters及基本用法
过滤器 vue中没有替换相关的内置过滤器，可以自定义过滤器 组件内的过滤器+全局过滤器1、 {{ message | testfilte}} 2、过滤器可以串联 {{ message | filterA | filterB }} 在这个例子中，filterA 拥有单个参数，它会接收 message 的值， 然后调用 filterB，且 filterA 的处理结果将会作为...
2019-03-01 18:24:31
1406
原创 移动端上下固定中间滚动的布局
html :代码如下 &amp;lt;header&amp;gt;&amp;lt;Header/&amp;gt;&amp;lt;/header&amp;gt; &amp;lt;!-- 中间滚动区域 --&amp;gt; &amp;lt;section&amp;gt; &amp;lt;keep-
2019-02-28 12:44:05
3984
1
原创 VUE 中配置生产环境和发布环境配置不同的接口地址 （运行npm run dev的时候，运行的是测试接口。npm run build打包项目的时候，打包的是服务器正式接口）
我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，可以通过config来进行相关的配置。1、在config里面分别设置不同的接口地址首先，我们分别找到下面的文件：/config/dev.env.js/config/p...
2019-02-27 18:17:09
3892
2
原创 在vue中使用vuex，修改state的值
1、 安装 vuex npm install vuex -S2、在目录下创建store文件3、 在store.js编辑一个修改state的方法然后在mian.js中全局引入最后在组件中使用这个的功能是运用mutations 修改state中的值...
2019-02-25 16:26:03
42410
2
原创 从零开始用webpack+vue+vuex 搭建前端工程的基本过程
1、下载nodehttps://nodejs.org/en/download/2、开始安装 npm install -g webpack //安装webpack npm install -g vue-cli //安装vue-cli 也叫vue脚手架3、 进入目标目录，执行vue init webpack myVueDome进入目标目录npm ...
2019-02-25 15:13:54
598
原创 react一些常用面试题
1、react生命周期及相关用法react的生命周期分为初始化阶段、运行阶段、销毁阶段。（1）初始化阶段 componentWillMount :实例挂载之前 Render ： 渲染组件 componentDidMount : 实例挂载完成 可以与后台进行初始化数据交互（2）运行阶段 componentWillReceiveProps : 父组件改变时调用 sholud...
2019-02-14 14:40:55
200
原创 es6常用数组操作技巧
常用方法 concat ()1. array.concat(array1, array2,...arrayN);合并多个数组，返回合并后的新数组，原数组没有变化。 2. array.every(callback[, thisArg]); 检测数组中的每一个元素是否都通过了callback测试，全部通过返回true，否则返回false。 function callback(elem...
2019-02-13 17:14:17
153
原创 JS数组去重
ES6的新方法实现数组去重ES6里新添加了两个很好用的东西，set和Array.from。set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。在这我们可以看见，重复的项目已经被去掉了，但是这里大家可以看到，set返回的是一个对象，但是我们想要的是数组啊。Array.from，它的作用，就是可以把类数组对象、可迭代对象转化为数组。JQ去重var...
2019-02-13 16:45:36
186
1
原创 JS常用小技巧
排序 data.sort((a, b) => a.doc_count - b.doc_count) 寻找数组 let arr1 = [1, 2, 3, 4, 7, 8] let arr2 = arr1.slice(0); arr2.splice(3, 0, 5, 6);字符串 name = leying，然后寻找数组 selectList.find(item=> ...
2019-02-13 15:53:41
186
原创 react常用面试题
react常用面试题1、描述对react理解？react是一个用于构建用户界面的JS库。react主要用于构建UI。很多人认为 React 是 MVC 中的 V（视图）。react起源于：Facebook的内部项目，用来架设instagram网站，于2013年5月。2、react特点？（1）声明式设计（2）高效：通过对DOM的模拟，最大限度的减少与DOM的交互。（3）灵活：可以与已...
2019-02-13 15:45:08
1282
原创 常用git命令
常用git命令 （使用频率最高的15个） 通过我多年的工作经验总结出Git版本管理常用的15个命令(命令详情，请点击命令的链接)如下：Git 命令 功能简介git clone 克隆现有的仓库git config 从几个特定的配置文件中读取和写入配置值，以便你可以从全局或者针对特定的仓库来进行设置git add 将内容从工作目录添加到暂存区（或称为索引（index）区）git statu...
2019-02-12 20:35:50
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人