自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 常用JS正则

1.正数(不包含0)^0{1}(\.\d*)|(^[1-9][0-9]*)+(\.\d*)?$2.正数(包含0)^\d+(\.\d+)?$

2021-11-30 15:45:49 226

转载 利用safe-area-inset-*兼容iPhone刘海屏

分别创建屏幕上边框,右边框,下边框,左边框安全距离:safe-area-inset-top,safe-area-inset-right,safe-area-inset-bottom,safe-area-inset-left使用:iOS 11padding-top: constant(safe-area-inset-top);padding-right: constant(safe-area-inset-right);padding-bottom: constant(safe-area-in

2021-10-18 14:37:25 26

原创 中文文本长度转换

let length = (str) => {var r = /[^\x00-\xff]/greturn str.replace(r, 'mm').length}

2021-08-23 14:10:34 9

原创 js日期格式化

这里以yyyy-MM-dd格式为例例:调用format函数获取当前日期new Date(new Date().toLocaleDateString()).format('yyyy-MM-dd')

2021-07-09 14:07:16 221

原创 el-input输入框只能输入正整数

el-input输入框只能输入正整数onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"

2021-03-23 15:47:48 471

原创 vue 页面数据重新加载完成之后回到之前位置

一、先拿到当前滑动距离二、再次请求完成之后获取到当前页面元素并给scrollTop赋值

2020-12-02 17:18:16 348 1

原创 标准时间格式转换(正则写法)

new Date(parseInt( Date.parse(new Date(‘2020-08-31T03:30:41.000+0000’)))).toLocaleString().replace(/:\d{1,2}$/,’ ')

2020-08-31 11:47:25 551

原创 git 提交代码步骤

第一种方法:(简单易懂)1、git add .(后面有一个点,意思是将你本地所有修改了的文件添加到暂存区)2、git commit -m""(引号里面是你的介绍,就是你的这次的提交是什么内容,便于你以后查看,这个是将索引的当前内容与描述更改的用户和日志消息一起存储在新的提交中)3、git pull origin 远程分支名 这是下拉代码,将远程最新的代码先跟你本地的代码合并一下,如果确定远程没有更新,可以不用这个,最好是每次都执行以下,完成之后打开代码查看有没有冲突,并解决,如果有冲突解决完成以后再次

2020-06-13 13:37:13 87

原创 vs code自动添加头部注释扩展(koroFileHeader)

一、先下载koroFileHeader扩展。二、修改用户设置settings.json文件在文件中添加如下代码:"fileheader.customMade": { "Author": "",//自定义,作者名字(创建者) "Date": "Do not edit", // 文件创建时间(不变) "LastEditors": "", // 文件最后编辑者 "LastEditTime": "Do not edit", // 文件最后编辑时

2020-06-11 14:48:30 720

原创 ESLint自动格式化

一、打开设置搜索ESLint二、修改settings.json文件完整代码:{ "files.autoSave": "afterDelay", "debug.node.autoAttach": "off", "powermode.enabled": true, "powermode.enableShake": false, "git.path": "D:\\git\\Git\\cmd\\git.exe", "sync.gist": "d7e513a6eb5feb156f299

2020-06-11 14:39:35 1930

原创 vue 对data数据的深度监听(多层嵌套数据)

watch和computed配合使用 watch:{ startValue: {     handler:function(newValue, oldValue) { console.log(newValue,oldValue) } }, endValue:{ handler:functio...

2020-02-26 10:59:33 3060 1

原创 Vue组件动态刷新

功能说明:事件触发时,使需要刷新的组件动态刷新。代码:App.vue<template> <div id="app"> //需要动态刷新的组件 <From v-if="isRouterAlive"></From> </div></template><script>i...

2019-12-28 17:00:55 524

原创 Vue.js优缺点(个人理解)

vue在国内能被广泛使用的首要原因是它是基于mvvm框架做开发的,mvvm是前端开发中一种很有影响力的模式,在mvvm中,m代表model 即模型,model中集中粗出变量以及变量的值,v代表view 即视图,集中存储html和css,vm是二者名字的结合,viewmodel,我猜测这样命名应该是找不到合适的名字替代了~~,很多人沿用mvc的controller对mvvm的vm进行中文命名,mvc...

2019-11-26 15:40:46 340

原创 sort()根据对象值排序

一:根据对象值(数字大小)var arr = [{ 'name': 'abc', 'age': 20 }, { 'name': 'cde', 'age': 19 }, { 'name': 'dfc', 'age': 25 }, { 'na...

2019-11-15 20:14:26 197

转载 性能优化——异步加载js文件

异步加载js文件

2019-11-12 18:43:53 65

原创 使用vue-echarts异步数据加载,不能重新渲染页面问题。

一、问题说明我是用的是官方示例中的这个饼状图。结果在应用到项目中后发现利用axios请求到的数据无法渲染到页面中去。并且其中value值已经改变。二、解决办法用$set改变value的值,并且重新绘制一遍表格。$set是全局 Vue.set 的别名。$set用法:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为...

2019-11-04 21:40:19 2399

原创 Vue兄弟组件之间传值——bus事件车

第一步:在assert文件夹下创建一个eventBus.js文件第二步:在components文件夹下创建一个文件,用来传递数据。(触发自定义函数)第三步:在components文件夹下创建一个文件,用来接收数据(监听自定义函数)第四步:在addshop.vue里使用这两个组件。...

2019-11-01 20:57:50 260

原创 1122. 数组的相对排序——leetcode

题目:给你两个数组,arr1 和 arr2,arr2 中的元素各不相同arr2 中的每个元素都出现在 arr1 中对 arr1 中的元素进行排序,使 arr1 中项的相对顺序和 arr2 中的相对顺序相同。未在 arr2 中出现过的元素需要按照升序放在 arr1 的末尾。示例:输入:arr1 = [2,3,1,3,2,4,6,7,9,2,19], arr2 = [2,1,4,3,9...

2019-10-24 18:40:25 67

原创 mouseover,mouseout和mouseenter,mouseleave的区别

mouseover和mouseenter两个事件的区别二者的本质区别在于,mouseenter不会冒泡,简单的说,它不会被它本身的子元素的状态影响到.但是mouseover就会被它的子元素影响到,在触发子元素的时候,mouseover会冒泡触发它的父元素.(想要阻止mouseover的冒泡事件就用mouseenter)共同点:当二者都没有子元素时,二者的行为是一致的,但是二者内部都包含子元素时...

2019-10-21 21:45:34 59

原创 Vue.js框架入门经典项目TodoMVC

1. 介绍项目地址:http://todomvc.com/github模板下载地址:https://github.com/tastejs/todomvc-app-template可通过git和npm下载。下载完毕之后主要修改app.js和index.html这两个文件。2. index.html代码:<!doctype html><html lang="en"&...

2019-10-16 14:12:45 229

原创 Vue学习(监听属性watch)

Vue.js 监听属性Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。watch中可以使用异步代码。示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2019-10-14 21:11:16 72

原创 Vue学习(计算属性computed)

Vue.js 计算属性关键词:computed。我们可以使用 computed 来替代 methods,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 methods 属性。computed 属性...

2019-10-14 21:01:18 99

原创 Vue购物车案例

Vue实现购物车案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

2019-10-14 20:50:29 104

原创 Vue学习(样式绑定)

class动态绑定样式class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。1. 对象方式<!DOCTYPE html><html lang="en"><hea...

2019-10-14 20:32:11 52

原创 Vue学习(过滤器和template标签)

过滤器Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"指示, 格式如下:<!-- 在两个大括号中 -->{{ message | capitalize }}<!-- 在 v-bind 指令中 --><div v-bind:id="rawId | formatId"></div>过滤器函数接受表达式的值作为第一...

2019-10-14 20:09:02 120

原创 Vue学习(事件修饰符和按键修饰符)

事件修饰符Vue.js通过由点(.)表示的指令后缀来调用修饰符。综合示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...

2019-10-14 19:40:26 136

原创 Vue学习(表单)

表单复选框:以下实例中演示了复选框的双向数据绑定:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2019-10-14 18:37:22 50

原创 ES6——async函数

async函数async 是 ES7 才有的与异步操作有关的关键字,和 Promise , Generator 有很大关联的。1.语法:async function 函数名(参数){}2.注意点:若发现函数前有async,说明这是一个异步函数。await 关键字 只能出现在async函数内部。await 操作符用于等待一个 Promise 对象。如果一个 Promise 被传递...

2019-10-12 16:52:44 231

原创 Vue数据双向绑定原理

defineProperty(定义属性)示例一 var obj={} Object.defineProperty(obj,'name',{ value:'123', writable:false//不可写 }) obj.name="456";//set操作 console.log(...

2019-10-11 21:29:13 38

原创 promise实现ajax封装

封装代码:function ajax(method,url,parms){ return promise=new Promise((resolve,reject)=>{ var xhr=new XMLHttpRequest(); if (method == "GET" || method == "get"&&!parms) {...

2019-10-11 21:07:17 67

原创 Vue学习(安装和基本指令)

1. 介绍Vue是什么?Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API...

2019-10-11 17:33:15 83

原创 node.js连接mysql(登录)

1. html 页面(fetch请求)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-10-10 20:51:28 139

原创 Less笔记

概览less 是一门 css 预处理语言,它扩展了 css 语言,增加了变量,混合,函数等特征,使css 更易维护和扩展,less可以运行在Node或浏览器。Koala可以把less文件编译为css文件。1. 注释示例:/*编译后显示*///编译后不显示2. 变量示例://变量//定义变量@width:100px;@height:100px;//引用变量.one{ ...

2019-10-10 19:56:08 63

原创 node.js连接mysql(注册)

1. html页面(ajax请求)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...

2019-10-09 22:19:13 67

原创 941. 有效的山脉数组——leetcode

题目描述:给定一个整数数组 A,如果它是有效的山脉数组就返回 true,否则返回 false。让我们回顾一下,如果 A 满足下述条件,那么它是一个山脉数组:A.length >= 3在 0 < i < A.length - 1 条件下,存在 i 使得:A[0] < A[1] < … A[i-1] < A[i]A[i] > A[i+1] &...

2019-09-29 16:15:45 76

原创 JavaScript严格模式

JavaScript严格模式说明在JS开发中,有严格模式和非严格模式,默认是非严格模式 。严格模式:在严格模式下会做更加严格的语法检查,有些在非严格模式下可以使用的代码在严格模式会直接报错或者抛出异常。1. 开启严格模式:<script> "use strict";//开启严格模式</script>说明:这种语法做了向后兼容处理,支持严格模式的引擎会开启严...

2019-09-27 21:56:03 60

原创 JavaScript异常处理机制

错误处理在处理程序设计中的重要性是毋庸置疑的,任何有影响力的web应用程序都需要一套完善的错误处理机制。1. try-catch 语句引言:ECMA-262第3版引入了try-catch语句,作为JavaScript中处理异常的一种标准方式。基本的语法如下所示,显而易见,这与Java中的try-catch语句是完全相同的:示例:try { //可能会导致错误的代码} catch...

2019-09-27 19:13:16 72

原创 LCP 1. 猜数字——leetcode

猜数字题目描述:小A 和 小B 在玩猜数字。小B 每次从 1, 2, 3 中随机选择一个,小A 每次也从 1, 2, 3 中选择一个猜。他们一共进行三次这个游戏,请返回 小A 猜对了几次?输入的guess数组为 小A 每次的猜测,answer数组为 小B 每次的选择。guess和answer的长度都等于3示例:输入:guess = [1,2,3], answer = [1,2...

2019-09-26 22:12:32 191

原创 ES6(五)

set类似于数组,但是成员都是唯一的,没有重复值。set是构造函数,使用时需要new。方法:add(item)作用:向set结构中新增成员,一次只能加一个,返回值为set。 let set=new Set(); set.add(1).add(2).add(3).add(1); console.log(set);//Set(3) {1, 2,...

2019-09-26 16:01:29 48

原创 ES6(四)

遍历接口新增在ES6中新增了一个遍历接口for…in可用来遍历字符串,数组。let str="hello";for(let i for str){console.log(i);//可以得到字符串的每个元素字符串新增方法includes(item) 作用:判断母串是否包含子串item,返回值为布尔类型。let str="hello";console.log(str.includ...

2019-09-26 15:02:27 53

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除