- 博客(44)
- 收藏
- 关注
RSS订阅转载 tsconfig.json配置说明
官方文档：http://www.typescriptlang.org/docs/handbook/tsconfig-json.html一切教程以官方文档为准初始化一个tsconfig.json配置文件tsc --init默认的配置如下，只配置了四个关键参数，target/module/strict、esModuleInterop，其他的都注释掉了。target默认是es5，如果你的代码中有一些es6的语法，如：Object.assign，编辑器可能会报错，所有可以修改为es6(es2015).
2021-11-09 19:27:59
280
转载 h5文字超出，两行显示，超出显示省略号
h5文字超出，两行显示，超出显示省略号最近接到一个需求，要求商场导航里的文字最多显示两行，超出两行的省略号显示，查一些资料，又根据自己的需求，改了很多，直接上代码吧 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
2020-07-06 10:07:09
1319
转载 CSS改变鼠标样式（图片）
下面就来介绍下步骤方法：首页把鼠标图标格式转换成.ico格式，大小为32*32转换格式网址为：https://www.easyicon.net/covert/然后在CSS样式中增加代码：*{ cursor:url(../images/shubiao.ico),auto;}大功告成啦~~~说明：图片大小最好是32*32的大小Css中的cursor属性不仅仅需...
2019-12-26 17:31:12
1462
转载 JSFUCK — 一个很有意思的JAVASCRIPT特性
零、介绍jsfuck源于一门编程语言brainfuck，其主要的思想就是只使用8种特定的符号来编写代码。而jsfuck也是沿用了这个思想，它仅仅使用6种符号来编写代码。它们分别是(、)、+、[、]、!。一、从示例开始将下面这段神奇的代码贴到控制台试试看 1 [][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]...
2019-11-25 13:30:41
1504
转载 在浏览器加载完毕后，自动播放视频：出现play() failed because the user didn't interact with the document first.错误
解决方法：给video标签加入<video muted></video> 静音即可。Chrome 66为了避免标签产生随机噪音。
2019-09-15 17:23:52
11546
转载 URL编码转换函数：escape()、encodeURI()、encodeURIComponent()
函数出现时间： escape() javascript 1.0 encodeURI() javascript 1.5 encodeURIComponent()...
2019-07-17 16:55:36
258
原创 vue canvas画框调大小
感谢作者写出这么好的文章：https://www.cnblogs.com/wff9342/p/10563068.html<template> <div ref="tagcanvasbox" class="tagcanvasbox"> <canvas ref="tagcanvas" width='844' height='475' ...
2019-06-27 10:38:06
4441
3
转载 VUE 复制内容至剪切板(两种使用方法)
原文：https://blog.csdn.net/fengjingyu168/article/details/81015200复制内容至剪切板使用的是插件’vue-clipboard2’,通过官方文档会发现共有两种使用方式。第一种方式与大多数文章类似，只粘贴代码：<template> <div class="container"> <in...
2019-06-04 12:03:39
13381
1
转载 数据结构常见的八大排序算法（详细整理）
https://www.jianshu.com/p/7d037c332a9d?utm_campaign=hugo&utm_medium=reader_share&utm_content=note&utm_source=weixin-friends八大排序，三大查找是《数据结构》当中非常基础的知识点，在这里为了复习顺带总结了一下常见的八种排序算法。常见的八大排序算...
2019-05-30 10:45:23
396
转载 js 检查dict对象的长度
Object.keys是用来获取到dict的键的数组，再通过length获取dict的长度const dict = {a: 'aa', b: 'bb', c: 'cc'}Object.keys(dict).length
2019-05-27 16:24:24
4251
转载 JS简单的日期格式化转换方法
为字符串插入字符 其中soure为原字符串,start为将要插入字符的位置，newStr为要插入的字符function insertStr(soure, start, newStr){ return soure.slice(0, start) + newStr + soure.slice(start);}示例：var str = 20190513182110; /...
2019-05-14 14:47:44
235
转载 HTML语义化标签
首先对W3C的HTML5其进行大概的分类，随意看看(可以这样回答面试官，说你归纳过)： 1：定义上的： <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <html>定义 HTML 文档。 <body> 定义文档的主体。 <script>定义客户端脚本。 <...
2019-04-29 13:18:23
129
转载 js判断一个数组是否包含一个指定的值
有好几种方法 总结一下1：array.indexOf 此方法判断数组中是否存在某个值，如果存在返回数组元素的下标，否则返回-1let arr = ['something', 'anything', 'nothing', 'anything'];let index = arr.indexOf('nothing');console.log(index) //结果是22. a...
2019-04-24 16:04:40
574
转载 vue的传参方式和router使用技巧
vue传参方法一1，路由配置 { path: '/describe/:id', name: 'Describe', component: Describe }2，使用方法// 直接调用$router.push 实现携带参数的跳转 this.$router.push({// 这个id是一个变量,随便是什么值都可以 path...
2019-04-01 15:54:27
200
原创 Vue.js 解析token 方法
引入jwt-decode 包npm install jwt-decode --save在vue中引入jwt-decodeimport jwtDecode from 'jwt-decode'jsconst decode = jwtDecode(token);console.log(decode);
2019-03-25 14:52:43
4410
1
转载 js将带有日期格式的数组对象按时间降序重新排列，最后打印数组对象的日期
原文：https://blog.csdn.net/a419419/article/details/83546233需求：后台将一个带有日期格式（不是时间戳）的数组对象给到前端，前端打印这个数组对象的日期时需要按时间降序排列思路：1.先将对象中的日期字段变成时间戳，然后通过sort()来排序，接着将对象中的时间戳变成日期； 2.先给对象增加一个字段publishTimeNew，用来保存...
2019-03-19 16:27:31
385
转载 js获取当前时间函数
// 获取当前时间函数 timeFormate(timeStamp) { let year = new Date(timeStamp).getFullYear(); let month = new Date(timeStamp).getMonth() + 1 < 10 ? "0" + (new Date(timeStamp...
2019-03-18 18:56:12
1359
转载 CSS | width、height中auto与100%与固定值有什么不同
由于多次在设置width及height处出错导致不显示，总结了一篇固定值与auto、100%的差别，举例对比部分有基础的同学可以略过直接看总结。总结：（1）width、height使用固定值是一定会显示的，但是除非是小型项目或是特殊情况，最好不要使用固定值。不利于响应式开发，当从移动端看页面就会非常不美观。（2）不设置width、height时默认为auto，当position不同时显...
2019-03-15 13:47:36
641
转载 利用JS实现图片的缓存
web页面使用HTML的<img>元素来嵌入图片，和所有HTML元素一样，<img>元素也是可以通过脚本来操控的(设置元素的src属性，将其指向一个新的URL会导致浏览器载入并展示一张新的图片)。为了让图片缓存起来，客户端JS定义了一个API，首先利用Image()构造函数来创建一个屏幕外图片对象，之后将该对象的src属性设置 期望的URL，由于图片元素并没有添加到文档中，...
2019-03-15 09:58:39
4710
转载 node 中 安装 yarn
Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具快速安装//在NPM 中安装npm install -g yarnMacOS在Mac上安装比较方便，使用初始化脚本即可 1 curl -o- -L https://yarnpkg.com/install.sh | ba...
2019-03-13 16:22:40
400
转载 全局安装 Vue cli3 和 继续使用 Vue-cli2.x
官方链接：https://cli.vuejs.org/zh/guide/installation.html安装Vue cli3关于旧版本Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vu...
2019-03-13 16:19:39
375
原创 css3中 百分比宽度减去固定宽度的写法
div{ /*实现了宽度为父容器宽度减去固定的100像素*/ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px);}
2019-03-13 09:30:21
1434
转载 y-image: web端图片加载库
https://blog.csdn.net/sinat_20623345/article/details/87740884
2019-03-12 15:13:52
171
转载 CSS 清除默认样式
通常有以下几句就够了：*{margin:0;padding:0}li{list-style:none}img{vertical-align:top;border:none}如果你想写全也可以：/*清除内外边距*/body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/*structuralelements结构元素*...
2019-03-06 17:59:09
4291
原创 js 将Unix时间戳转换为普通日期格式
Unix时间戳（例：1551857636）转换 普通日期格式（例：1970年 01 月 01日 00:00:00）function timeCycle(time){ let unixtime = time; let unixTimestamp = new Date(unixtime * 1000); let Y = unixTimestamp.getF...
2019-03-06 15:36:37
1517
原创 mockjs的使用
参考文献https://github.com/nuysoft/Mock/wikimock.js 的用处前后端分离 ：让前端攻城师独立于后端进行开发。 增加单元测试的真实性 ：通过随机数据，模拟各种场景。 开发无侵入 ：不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 用法简单 ：符合直觉的接口。 数据类型丰富 ：支持生成随机的文本、数字、布尔值、日期、邮箱、链...
2019-03-05 14:24:44
365
转载 vue中文件在assets与static的区别
相同点：资源在html中使用，都是可以的。不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中file-loader编译，路径不能直接写。assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第...
2019-02-28 17:35:02
2406
转载 JS的常用正则表达式 验证密码（转载自用）
JS的正则表达式强：字母+数字+特殊字符&nbsp;&nbsp;^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$&nbsp;&nbsp;&...
2019-02-26 12:37:03
2691
转载 JS正则表达式大全(整理详细且实用)
原文地址:http://www.jb51.net/article/43190.htmJS正则表达式大全(整理详细且实用)。需要的朋友可以过来参考下，希望对大家有所帮助正则表达式中的特殊字符字符 含意\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"...
2019-02-26 11:19:58
156
转载 WebStorm常用快捷键总结
在使用WebStorm的过程中，常用快捷键整理：1. 必备快捷键Ctrl+/：注释当前行 Ctrl+Shift+/：当前位置插入注释 Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的 Ctrl+Shift+A：选择当前标签前后，修改标签用的 F11：全屏 Shift+F11：全屏免打扰模式，只编辑当前文件 Alt+F3：选择所有相同的词 Alt+.：闭合标签...
2018-09-27 15:12:10
2531
原创 禁止图片img拖动
js原生解决方法 ：document.getElementsByTagName('img')[0].onmousedown = function(e){ e.preventDefault()};
2018-09-19 18:54:37
3015
原创 css禁止html标签被选中和复制
moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;...
2018-09-19 18:53:02
1718
转载 js+css实现树状图
看到一款树形结构，比较喜欢它的样式，就参照它的外观自己做了一个，练习一下CSS。 做出来的效果如下：拉莫小学 一年级 一班 二班 二年级 三年级 一班 二班 三班 树的dom结构： <div class="tree"> <ul> <li> &...
2018-08-24 13:59:35
13377
转载 常用的语义化标签
语义化HTML：用最恰当的HTML元素标记的内容。 优点：1. 提升可访问性； 2. SEO； 3. 结构清晰，利于维护； （html5旧的行内元素都被归类为短语内容） 通用容器：div——块级通用容器；span——短语内容无...
2018-08-10 09:53:26
301
原创 JS保留一位小数(不四舍五入)，向下取偶数
function numFloat（num）{ num = num.toFixed（2）; num = num.substr（0，num.length-1）; var lastStr = num.charAt（num.length-1）; if（lastStr％2 == 0）{ return num; } else { r...
2018-08-08 20:42:57
2810
转载 vue常见前端UI库
vue常见前端UI库VUE资源汇总：https://github.com/RuMengkai/awesome-vue VUX（移动端）项目文档：https://vux.li/#/github地址：https://github.com/airyland/vux移动端采用vux的单页面应用：https://github.com/rumengkai/vue-spa.git ...
2018-07-23 16:25:53
122
转载 验证数字的正则表达式集
验证数字的正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+...
2018-07-18 15:22:14
196
转载 Vuex 使用详解
Vuex 使用详解说明Vuex 是一个专门为 Vue 应用程序开发的状态管理模式，适合开发大型单页应用， 它能够更好的在组件外部管理状态重要文件版本“vue”: “^2.5.2”, “vuex”: “^3.0.0”特点每一个 Vuex 应用的和兴就是 store（仓库）。store 基本上就是一个容器，它包含着应用中大部分的状态(state) Vuex 和单纯的全局对...
2018-07-17 17:49:21
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人