- 博客(61)
- 收藏
- 关注
RSS订阅原创 JS复制功能实现
// 订单编号复制 orderNoCopy(){ let input = document.createElement('input'); input.value = '1111111';//要复制的文本 document.body.appendChild(input); input.select(); document.execCommand('Copy'...
2021-12-09 15:29:32
559
转载 利用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
621
原创 中文文本长度转换
let length = (str) => {var r = /[^\x00-\xff]/greturn str.replace(r, 'mm').length}
2021-08-23 14:10:34
137
原创 js日期格式化
这里以yyyy-MM-dd格式为例例：调用format函数获取当前日期new Date(new Date().toLocaleDateString()).format('yyyy-MM-dd')
2021-07-09 14:07:16
760
原创 el-input输入框只能输入正整数
el-input输入框只能输入正整数onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
2021-03-23 15:47:48
1276
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
960
原创 git 提交代码步骤
第一种方法：（简单易懂）1、git add .（后面有一个点，意思是将你本地所有修改了的文件添加到暂存区）2、git commit -m""(引号里面是你的介绍，就是你的这次的提交是什么内容，便于你以后查看，这个是将索引的当前内容与描述更改的用户和日志消息一起存储在新的提交中)3、git pull origin 远程分支名 这是下拉代码，将远程最新的代码先跟你本地的代码合并一下，如果确定远程没有更新，可以不用这个，最好是每次都执行以下，完成之后打开代码查看有没有冲突，并解决，如果有冲突解决完成以后再次
2020-06-13 13:37:13
261
原创 vs code自动添加头部注释扩展（koroFileHeader）
一、先下载koroFileHeader扩展。二、修改用户设置settings.json文件在文件中添加如下代码："fileheader.customMade": { "Author": "",//自定义，作者名字（创建者） "Date": "Do not edit", // 文件创建时间(不变) "LastEditors": "", // 文件最后编辑者 "LastEditTime": "Do not edit", // 文件最后编辑时
2020-06-11 14:48:30
1254
原创 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
2457
原创 vue 对data数据的深度监听（多层嵌套数据）
watch和computed配合使用 watch:{ startValue: { handler:function(newValue, oldValue) { console.log(newValue,oldValue) } }, endValue:{ handler:functio...
2020-02-26 10:59:33
3911
1
原创 Vue组件动态刷新
功能说明：事件触发时，使需要刷新的组件动态刷新。代码：App.vue<template> <div id="app"> //需要动态刷新的组件 <From v-if="isRouterAlive"></From> </div></template><script>i...
2019-12-28 17:00:55
1192
原创 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
628
原创 sort()根据对象值排序
一：根据对象值（数字大小）var arr = [{ 'name': 'abc', 'age': 20 }, { 'name': 'cde', 'age': 19 }, { 'name': 'dfc', 'age': 25 }, { 'na...
2019-11-15 20:14:26
770
原创 使用vue-echarts异步数据加载，不能重新渲染页面问题。
一、问题说明我是用的是官方示例中的这个饼状图。结果在应用到项目中后发现利用axios请求到的数据无法渲染到页面中去。并且其中value值已经改变。二、解决办法用$set改变value的值，并且重新绘制一遍表格。$set是全局 Vue.set 的别名。$set用法：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为...
2019-11-04 21:40:19
3396
原创 Vue兄弟组件之间传值——bus事件车
第一步：在assert文件夹下创建一个eventBus.js文件第二步：在components文件夹下创建一个文件，用来传递数据。（触发自定义函数）第三步：在components文件夹下创建一个文件，用来接收数据（监听自定义函数）第四步：在addshop.vue里使用这两个组件。...
2019-11-01 20:57:50
506
原创 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
177
原创 mouseover，mouseout和mouseenter，mouseleave的区别
mouseover和mouseenter两个事件的区别二者的本质区别在于,mouseenter不会冒泡,简单的说,它不会被它本身的子元素的状态影响到.但是mouseover就会被它的子元素影响到,在触发子元素的时候,mouseover会冒泡触发它的父元素.(想要阻止mouseover的冒泡事件就用mouseenter)共同点:当二者都没有子元素时,二者的行为是一致的,但是二者内部都包含子元素时...
2019-10-21 21:45:34
183
原创 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
420
原创 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
165
原创 Vue学习（计算属性computed）
Vue.js 计算属性关键词：computed。我们可以使用 computed 来替代 methods，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。可以说使用 computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性。computed 属性...
2019-10-14 21:01:18
298
原创 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
220
原创 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
148
原创 Vue学习（过滤器和template标签）
过滤器Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示, 格式如下：<!-- 在两个大括号中 -->{{ message | capitalize }}<!-- 在 v-bind 指令中 --><div v-bind:id="rawId | formatId"></div>过滤器函数接受表达式的值作为第一...
2019-10-14 20:09:02
283
原创 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
263
原创 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
153
原创 ES6——async函数
async函数async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。1.语法：async function 函数名(参数){}2.注意点：若发现函数前有async，说明这是一个异步函数。await 关键字 只能出现在async函数内部。await 操作符用于等待一个 Promise 对象。如果一个 Promise 被传递...
2019-10-12 16:52:44
368
原创 Vue数据双向绑定原理
defineProperty（定义属性）示例一 var obj={} Object.defineProperty(obj,'name',{ value:'123', writable:false//不可写 }) obj.name="456";//set操作 console.log(...
2019-10-11 21:29:13
136
原创 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
166
原创 Vue学习（安装和基本指令）
1. 介绍Vue是什么？Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API...
2019-10-11 17:33:15
196
原创 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
350
原创 Less笔记
概览less 是一门 css 预处理语言，它扩展了 css 语言，增加了变量，混合，函数等特征，使css 更易维护和扩展，less可以运行在Node或浏览器。Koala可以把less文件编译为css文件。1. 注释示例：/*编译后显示*///编译后不显示2. 变量示例：//变量//定义变量@width:100px;@height:100px;//引用变量.one{ ...
2019-10-10 19:56:08
148
原创 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
215
原创 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
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人