杂文
文章平均质量分 67
小蟹蟹蟹蟹
这个作者很懒,什么都没留下…
展开
-
模板字符串
es6 的模板字符串,使用更简洁语法://模板字符串拼接let str = `He is ${name},he is a ${occupation}`;插入变量的时候也不需要再使用加号(+)了,而是把变量放入${ }即可。${}中可以放js任意的表达式1、运算表达式2、可以是对象的属性3、可以是函数的调用标签模板tagFn`他叫${name},身高${height}米。`;//标签+模板字符串//定义一个函数,作为标签 function tagFn(arr,v1,v2原创 2020-09-30 17:48:29 · 147 阅读 · 0 评论 -
路由守卫作用
守卫作用当我们路由切换到一个组件里面,如果没有权限,不让进入,有权限可以进入组件内部守卫1.beforeRouteEnter(to,from,next)当进入组件前 执行函数// to 去哪个路由// from 从哪个路由// next() true 允许进入 / false 不允许 / '/user' 进入user地址// beforeRouteEnter守卫不能访问this,通过 `vm` 访问组件实例 next(vm=>{})2.beforeRouteLeav.原创 2020-09-30 17:47:50 · 3258 阅读 · 0 评论 -
执行字符串javascript
1.平时底层是给JSON数据,但不排除给字符串js数据,这时候字符串代码就必须解析执行了,常用有俩种方法分别是eval()和new Function()2.new Function()和eval()的区别是,前者把传入的字符串封装为一个function对象的语句返回,直到调用这个返回的函数时,才会执行字符串所要执行的操作;后者则是直接把字符串当做js代码执行例: 底层如果只给js的一些变量数据,使用new Function 函数好一点,可以返回需要的数据模仿底层数据 var a = new Fun原创 2020-09-30 17:43:44 · 1644 阅读 · 0 评论 -
项目解构赋值
使用es6可以优化精简代码,未优化前,底层给的值还需每个命名,来进行赋值原创 2020-09-30 17:42:39 · 118 阅读 · 0 评论 -
组件的check
1.在修复问题时发现,项目中基础组件可以从父组件传递数据到子组件,来控制子组件的check,可以用来简化多余check2.使用公共函数validInputBox 来检测组件input中的的内容, 调用check函数检测3.子value 双向绑定数据,根据单项父传子的validate中的规则来过滤value值是否合格,在把结果传回父async function validInputBox() { for (let i = 0; i < arguments.length; i++) {原创 2020-09-30 17:40:06 · 202 阅读 · 0 评论 -
正则基本写法
1.常用的\ 是转义,和标记为特殊字符,无特殊匹配后面的字符 例:\- \* \- \+ 等,有特殊字符 例:\n 匹配换行符 \r 匹配回车符2.常用的* 是贪婪的,匹配前面子表达式 零次或后面所有3.常用的? 非贪婪,匹配前面子表达式,限制匹配,零次或一次,例:/^[0-9]?$/ 匹配一个0-9的数字4.^和$ 正则的开始和结束5.| 两项之间的一个选择,前面匹配到,后面就不起作用。¶正则使用,常见方法:replace(/\'/g,'-') 作用:一些字符替换另一些字符,或者替换一个与正则原创 2020-09-30 17:32:06 · 129 阅读 · 0 评论 -
简述js中 for in 与 for of 区别
for in是ES5标准,遍历key. 就是下角标for of是ES6标准,遍历value.原创 2020-09-25 11:17:48 · 171 阅读 · 0 评论 -
es6 的模板字符串,使用更简洁
语法://模板字符串拼接let str = `He is ${name},he is a ${occupation}`;插入变量的时候也不需要再使用加号(+)了,而是把变量放入${ }即可。${}中可以放js任意的表达式1、运算表达式2、可以是对象的属性3、可以是函数的调用标签模板tagFn`他叫${name},身高${height}米。`;//标签+模板字符串//定义一个函数,作为标签 function tagFn(arr,v1,v2){ conso原创 2020-08-13 16:31:30 · 211 阅读 · 0 评论 -
获取本地ssh密钥
1.在当前用户c盘中的Administrator 下创建.shh文件夹,在.shh中在创建一个无后缀文件名,名字自己定义2.在当前页面,执行ssh-keygen 第一项填写刚才定义的文件地址3.在.ssh中创建config文件,里面填写host cameo_gituser githostname 172.22.102.205identityfile ~/.ssh/自己定义的文件名...原创 2020-07-27 16:42:55 · 1347 阅读 · 0 评论 -
vue的内置组件slot
vue的内置组件slotvue有很多内置的组件,有component,transition, transition-group, keep-alive, slot;其中slot(插槽)官方文档的解释为内容分发的出口,官方解释很抽象,我们不如直接来根据名字插槽来理解,即留出一个位置,你可以插入任何你想显示的东西例如文本或者hml标签为什么要用slot?vue最大的特性就是组件化,在实际项目开发中都会封装公用组件,增强代码复用性。而公用组件就是要可以在多处引用,这就要求网站多处的渲染解构或效果要完全原创 2020-07-27 16:35:11 · 171 阅读 · 0 评论 -
Vue 优化
一、vue代码层面1、路由懒加载当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。2、代码模块化咱们可以把很多常用的地方封装成单独的组件,在需要用到的地方引用,而不是写过多重复的代码,每一个组件都要明确含义,复用性越高越好,可配置型越强越好,包括咱们的css也可以通过less和sass的自定义css变量来减少重复代码。3、for循环设置key值在用v-for进转载 2020-06-22 15:16:27 · 164 阅读 · 0 评论 -
常见的浏览器内核
1.Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]2.Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等3.Presto内核:Opera7及以上。 [Opera内核原为:Presto,现为:Blink;]4.Webki...原创 2020-02-08 00:46:38 · 161 阅读 · 0 评论 -
`data-`属性的作用是什么?
`data-`为H5新增的为前端开发者提供自定义的属性,这些属性集可以通过对象的`dataset`属性获取,不支持该属性的浏览器可以通过`getAttribute`方法获取:需要注意的是:`data-`之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格。所有主流浏览器都支持 data-* 属性。即:当没有合适的属性和元素时,自定义的data属性是能够存储页面...原创 2020-02-05 21:58:36 · 530 阅读 · 0 评论 -
cookies,sessionStorage 和 localStorage 的区别?
sessionStorage和localStorage是HTML5 Web Storage API提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”...原创 2020-02-05 21:43:08 · 84 阅读 · 0 评论 -
cookie的使用
// 取得cookiefunction getCookie(name) { var nameEQ = name + '=' var ca = document.cookie.split(';') // 把cookie分割成组 for (var i = 0; i < ca.length; i++) { var c = ca[i] // 取得字符串 while (...原创 2020-02-04 00:06:52 · 169 阅读 · 0 评论 -
通用的事件侦听器函数
1.事件侦听示例var EventUtil = { //根据情况分别使用dom2 || IE || dom0方式 来添加事件 addHandler: function(element,type,handler) { if(element.addEventListener) { element.addEventListener(typ...原创 2020-02-02 21:11:48 · 445 阅读 · 0 评论 -
如何避免原型链上面的对象共享
1.利用原型来继承,通过增加一个空的函数来避免原型链上的对象共享 var a = {name:“小明”}; var b = cloneObj(a); function cloneObj(obj){ var f = function(){}; f.prototype = obj;...原创 2020-02-01 23:08:29 · 704 阅读 · 0 评论 -
使用文字隐藏 flex布局 失效的问题
解决办法:给包含文字元素的父元素设置min-width: 0总结:white-space:nowrap会影响flex布局下未设定宽度的元素,而只要对元素的宽度有一个下限设定就可以解决这个问题,不管是最小宽还是直接的宽度都ok...原创 2019-12-24 09:50:22 · 387 阅读 · 0 评论 -
一文看懂 区块链底层技术 及其 架构设计(附图谱)
前言 区块链作为一种架构设计的实现,与基础语言或平台等差别较大。区块链是加密货币背后的技术,是当下与VR虚拟现实等比肩的热门技术之一,本身不是新技术,类似Ajax,可以说它是一种技术架构,所以我们从架构设计的角度谈谈区块链的技术实现。无论你擅长什么编程语言,都能够参考这种设计去实现一款区块链产品。与此同时,梳理与之相关的知识图谱和体系,帮助大家系统的去学习研究。 基本概念 ...转载 2018-11-01 15:26:37 · 18569 阅读 · 0 评论 -
css3 背景颜色从内往外缩放
button{ position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) ...原创 2018-10-18 15:10:44 · 1321 阅读 · 0 评论 -
appcan 开发步骤
appCan是基于HTML5技术的Hybird跨平台移动应用开发工具。可以用前端技术开发安卓和ios,一套代码运行在多个设备,页面加载是基于webview的。优点和缺点不细说了,从我用这个工具来说,在国内现在不算最优秀,个人其实并不是很喜欢,公司有用,我也没办法。1,要使用appcan,必须要注册账号 ,才能使用线上功能等。2.开发代码有俩种方式,一种就是传统开发方式,使用jq和ap...原创 2018-08-13 16:56:38 · 690 阅读 · 0 评论 -
深度学习
编者按:本文来自微信公众号“清脑”(ID:QingNao_),作者 周岭。36氪经授权转载。胡适的英语老师、民国时期自学成才的出版家王云五先生在年轻的时候是这样自学英语写作的:找到一篇英文的名家佳作,熟读几次以后,把它翻译成中文,等过了一星期之后,再依据中文反过来翻译成英文,这个期间绝不查阅英语原文。翻译后再与原文比对,找出自己翻译的错误、失误和不够精良之处。如此反复练习,王云五先生练...转载 2018-08-15 16:19:28 · 290 阅读 · 0 评论