- 博客(44)
- 收藏
- 关注
转载 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
295
转载 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
1385
转载 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
1503
转载 JSFUCK — 一个很有意思的JAVASCRIPT特性
零、介绍jsfuck源于一门编程语言brainfuck,其主要的思想就是只使用8种特定的符号来编写代码。而jsfuck也是沿用了这个思想,它仅仅使用6种符号来编写代码。它们分别是(、)、+、[、]、!。一、从示例开始将下面这段神奇的代码贴到控制台试试看 1 [][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]...
2019-11-25 13:30:41
1564
转载 在浏览器加载完毕后,自动播放视频:出现play() failed because the user didn't interact with the document first.错误
解决方法:给video标签加入<video muted></video> 静音即可。Chrome 66为了避免标签产生随机噪音。
2019-09-15 17:23:52
11665
转载 URL编码转换函数:escape()、encodeURI()、encodeURIComponent()
函数出现时间: escape() javascript 1.0 encodeURI() javascript 1.5 encodeURIComponent()...
2019-07-17 16:55:36
270
原创 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
4512
3
转载 VUE 复制内容至剪切板(两种使用方法)
原文:https://blog.csdn.net/fengjingyu168/article/details/81015200复制内容至剪切板使用的是插件’vue-clipboard2’,通过官方文档会发现共有两种使用方式。第一种方式与大多数文章类似,只粘贴代码:<template> <div class="container"> <in...
2019-06-04 12:03:39
13432
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
406
转载 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
4330
转载 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
250
转载 HTML语义化标签
首先对W3C的HTML5其进行大概的分类,随意看看(可以这样回答面试官,说你归纳过): 1:定义上的: <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <html>定义 HTML 文档。 <body> 定义文档的主体。 <script>定义客户端脚本。 <...
2019-04-29 13:18:23
152
转载 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
583
转载 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
216
原创 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
4499
1
转载 js将带有日期格式的数组对象按时间降序重新排列,最后打印数组对象的日期
原文:https://blog.csdn.net/a419419/article/details/83546233需求:后台将一个带有日期格式(不是时间戳)的数组对象给到前端,前端打印这个数组对象的日期时需要按时间降序排列思路:1.先将对象中的日期字段变成时间戳,然后通过sort()来排序,接着将对象中的时间戳变成日期; 2.先给对象增加一个字段publishTimeNew,用来保存...
2019-03-19 16:27:31
401
转载 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
1371
转载 CSS | width、height中auto与100%与固定值有什么不同
由于多次在设置width及height处出错导致不显示,总结了一篇固定值与auto、100%的差别,举例对比部分有基础的同学可以略过直接看总结。总结:(1)width、height使用固定值是一定会显示的,但是除非是小型项目或是特殊情况,最好不要使用固定值。不利于响应式开发,当从移动端看页面就会非常不美观。(2)不设置width、height时默认为auto,当position不同时显...
2019-03-15 13:47:36
675
转载 利用JS实现图片的缓存
web页面使用HTML的<img>元素来嵌入图片,和所有HTML元素一样,<img>元素也是可以通过脚本来操控的(设置元素的src属性,将其指向一个新的URL会导致浏览器载入并展示一张新的图片)。为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,...
2019-03-15 09:58:39
4750
转载 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
424
转载 全局安装 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
381
原创 css3中 百分比宽度减去固定宽度的写法
div{ /*实现了宽度为父容器宽度减去固定的100像素*/ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px);}
2019-03-13 09:30:21
1456
转载 y-image: web端图片加载库
https://blog.csdn.net/sinat_20623345/article/details/87740884
2019-03-12 15:13:52
190
转载 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
4306
原创 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
1578
原创 mockjs的使用
参考文献https://github.com/nuysoft/Mock/wikimock.js 的用处前后端分离 :让前端攻城师独立于后端进行开发。 增加单元测试的真实性 :通过随机数据,模拟各种场景。 开发无侵入 :不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。 用法简单 :符合直觉的接口。 数据类型丰富 :支持生成随机的文本、数字、布尔值、日期、邮箱、链...
2019-03-05 14:24:44
394
转载 vue中文件在assets与static的区别
相同点:资源在html中使用,都是可以的。不同点:使用assets下面的资源,在js中使用的话,路径要经过webpack中file-loader编译,路径不能直接写。assets中的文件会经过webpack打包,重新编译,推荐该方式。而static中的文件,不会经过编译。项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。简单来说,static中建议放一些外部第...
2019-02-28 17:35:02
2425
转载 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
2716
转载 JS正则表达式大全(整理详细且实用)
原文地址:http://www.jb51.net/article/43190.htmJS正则表达式大全(整理详细且实用)。需要的朋友可以过来参考下,希望对大家有所帮助正则表达式中的特殊字符字符 含意\ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"...
2019-02-26 11:19:58
165
转载 WebStorm常用快捷键总结
在使用WebStorm的过程中,常用快捷键整理:1. 必备快捷键Ctrl+/:注释当前行 Ctrl+Shift+/:当前位置插入注释 Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的 Ctrl+Shift+A:选择当前标签前后,修改标签用的 F11:全屏 Shift+F11:全屏免打扰模式,只编辑当前文件 Alt+F3:选择所有相同的词 Alt+.:闭合标签...
2018-09-27 15:12:10
2660
原创 禁止图片img拖动
js原生解决方法 :document.getElementsByTagName('img')[0].onmousedown = function(e){ e.preventDefault()};
2018-09-19 18:54:37
3050
原创 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
1740
转载 js+css实现树状图
看到一款树形结构,比较喜欢它的样式,就参照它的外观自己做了一个,练习一下CSS。 做出来的效果如下:拉莫小学 一年级 一班 二班 二年级 三年级 一班 二班 三班 树的dom结构: <div class="tree"> <ul> <li> &...
2018-08-24 13:59:35
13445
转载 常用的语义化标签
语义化HTML:用最恰当的HTML元素标记的内容。 优点:1. 提升可访问性; 2. SEO; 3. 结构清晰,利于维护; (html5旧的行内元素都被归类为短语内容) 通用容器:div——块级通用容器;span——短语内容无...
2018-08-10 09:53:26
321
原创 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
2863
转载 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
128
转载 验证数字的正则表达式集
验证数字的正则表达式集验证数字:^[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
213
转载 Vuex 使用详解
Vuex 使用详解说明Vuex 是一个专门为 Vue 应用程序开发的状态管理模式,适合开发大型单页应用, 它能够更好的在组件外部管理状态重要文件版本“vue”: “^2.5.2”, “vuex”: “^3.0.0”特点每一个 Vuex 应用的和兴就是 store(仓库)。store 基本上就是一个容器,它包含着应用中大部分的状态(state) Vuex 和单纯的全局对...
2018-07-17 17:49:21
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人