自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 在vue.js中mixin和页面执行顺序问题

打个总结:1. 对于creaetd,mounted 等生命周期函数mixin中的代码先执行,单文件中的后执行。2. 对于同名的变量和方法,只执行page中的代码。示例如下:1.两边同名的变量,获取后取得的是Page那边的值。2.两边同时定义test()方法,只执行了page这边的方法。...

2019-07-03 19:28:09 2201

原创 vue-admin-template 把默认英文版改回中文

在vue-admin-template项目中,随便使用一个element-ui的控件,效果是这样。好吧,走向国际化,于是默认英文版!但是客户需要的是中文版。。。怎么破?处理方法如下:改成:...

2018-11-09 15:38:10 13646 13

转载 ping和telnet的区别

内容主要转自:https://www.cnblogs.com/Jtianlin/p/4045021.htmlhttp://jingyan.baidu.com/article/8065f87fc3b31123312498e5.htmlhttp://zhidao.baidu.com/link?url=OTYxJvIZHi6UQhFs2mzCc21_qDdide_x-N2CTCOPD1n8H0T6...

2018-11-05 20:35:17 174

原创 如何关闭vue中的ESLint?

找到 “config文件夹–>index.js文件”中的useEslint,配置值改为false。然后重启服务器npm run dev 就可以了。

2018-10-30 10:05:24 950

原创 base64 相关资料

维基百科base64https://zh.wikipedia.org/wiki/Base64阮一峰base64笔记http://www.ruanyifeng.com/blog/2008/06/base64.html为什么要使用base64编码,有哪些情景需求? https://www.zhihu.com/question/36306744Base64编码方式在通信中的实际应用http...

2018-10-16 11:50:38 120

原创 JavaScript 的Image对象、图像渲染和浏览器缓存 系列文章集合

JavaScript 的Image对象、图像渲染和浏览器缓存https://blog.csdn.net/h1534589653/article/details/77528367Web图片资源的加载与渲染时机https://segmentfault.com/a/1190000010032501彻底理解浏览器缓存机制https://www.cnblogs.com/shixiaomiao112...

2018-10-16 10:19:03 717

原创 如何查看到chrome缓存真实的内容?

1、缓存的路径:C:\Users\你的用户名\AppData\Local\Google\Chrome\User Data\Default\Cache。然而当你打开它时,会发觉文件夹里都是些不知所云的文件。然而我是想看到缓存文件本尊,比如图片,视频,js。像这样:2、可以在浏览器中输入chrome://cache,可以查看缓存(我的谷歌不给力没法查看),据说根据链接点出来的东西也是二进制码的...

2018-10-15 18:30:39 9126

原创 vue.js路由的几种传参方式及特点,包括router-link,$router.push,动态路由匹配,params和query

最近vue用的比较多,就想对各种知识做一个小结,比如这个就是路由导航的一个小总结。具体内容如下:一、<router-link><router-link>标签中的to属性用来指定路由路径。to的类型:string | Location。可以是字符串或者是个目标位置对象。用法如下:to的本质其实就是调用了编程式导航的router.push

2018-09-21 11:17:06 2087

原创 Vue中的$attrs及$listeners属性, Vue2.4组件间通信新姿势

参考:https://blog.csdn.net/sinat_17775997/article/details/76889647https://www.jb51.net/article/132371.htmhttps://cn.vuejs.org/v2/api/#vm-attrshttps://cn.vuejs.org/v2/api/#vm-listeners做出的示例代码:https:...

2018-09-20 12:27:48 1809

原创 总结下JSON 和 对象字面量的区别 及字面量在es6中的简洁表示法

一、类型的区别 JSON 值可以是:数字(整数或浮点数),字符串(在双引号中),逻辑值(true 或 false),数组(在方括号中),对象(在花括号中),null。 对象字面量 值可以是任何类型,而且函数,undefined或者是正则都是可以的 。二、语法 JSON 要求严格,名称/值对都必须在双引号中!!数据在名称/值对中,数据由逗号分隔,花括号保存对象,方括号...

2018-09-07 14:22:12 568

原创 专业书籍阅读打卡

近两年保持了阅读专业书籍的习惯。重点在前端类的书籍或者资料,对有些内容还会反复看多次。 今天想到要不要做个记录吧。回头看看,还有点成就感,哈哈哈~~~~2018.6.29 《ES6标准入门》(整章)第14章,Iterator和for…of循环。...

2018-06-29 11:26:49 241

原创 vue.js 中 data和computed 区别

一、data是响应式的。官网对data的说明:1. 选项 / 数据https://cn.vuejs.org/v2/api/#data Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对):浏览器 API 创建的原生对象,原型上的属性会被忽略。大概来说,...

2018-06-24 15:37:16 6517

原创 如何让html标签在vue中不被解析的显示在html页面上

<!doctype html><html lang="en"><head> <meta charset="UTF-8&amp

2018-05-23 18:27:01 10146

原创 如何在html标签不被解析的显示在html页面上

有三样标签可以用:1、<xmp>2、<pre>3、<code>不过,MDN上这样说:Note: Do not use this element(<xmp>).It has been

2018-05-23 17:34:27 12162 1

原创 字符串转化json对象的三种方法

将字符串转化成json对象的方法:let json = JSON.parse(str);let json = (new Function(“return ” + str))();let json = eval(“(” + str + “)”);通过console.log()将json打印到控制台,不管是使用以上3种哪一种方法,都能在chrome控制台看到成功转化的结果。一、对于...

2018-05-23 15:56:17 2534

原创 vue中的<template>标签是什么?

在非单组件文件的vue.js的程序里,常会剪刀一个标签,似乎在官网上也没有专门讲到这个标签。 那这个到底是什么玩意?实际上 元素是被当做一个不可见的包裹元素,主要用于分组的条件判断和列表渲染。具体情况见官方文档: 1、“条件渲染”,其中的章节——在元素上使用v-if条件渲染分组 2、“条件渲染”——用key管理可复用的元素 3、“条件渲染”——v-show 4、“...

2018-05-18 16:52:03 18107 1

原创 获取盒子模型的宽高,获取元素的宽高示例

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;获取盒子模型的宽高 &amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; #dv1 {

2018-04-27 16:31:44 1121 1

原创 css中外边距叠加问题的代码示例

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; .dv1 { width:

2018-04-27 16:13:44 212

原创 document.body元素上的clientHeight, offsetHeight, scrollHeight

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; html, body { height: 100%

2018-04-27 12:42:12 1475

原创 javascript中数组常用方法总结(未更新完毕)

1、some,判断数组中是否有符合条件的项。返回一个boolean值。 eg: let nums=[1,2,3,4,5,4,3,2,1];let ret = nums.some((item,index,array)=&amp;gt;{ return (item&amp;gt;2)})console.log(ret); //true2、every,与之相对的是every方法,判断数组中是...

2018-04-23 17:10:37 118

原创 javascript中如何判断一个属性是实例对象属性,还是原型对象属性

在写vue插件的时候,遇到一个问题:一、 在main.js中定义let obj = { install: function (Vue, options) { // 把方法定义在Vue原型对象上。 Vue.prototype.$myPlugin = { save(){}; get(){}; // console.log(Vue); ...

2018-04-19 18:17:08 2154

原创 node.js 中的 事件触发 EventEmitter 代码实例

let EventEmitter = require('events').EventEmitter;let e1 = new EventEmitter();function cb(who){ console.log('click:%s',who);}function cb2(){ console.log('connect successful!!')}// e1.o...

2018-02-09 18:44:03 336

原创 内网穿透工具体验

一、首先用了localtunnel。基于node.js,npm安装,优点,简单易用。缺点,巨大的缺陷,及其不稳定。下面是使用方法: 1.安装  npm install -g localtunnel2.运行  lt –port 8080   (your url is: http://xxxx.localtunnel.me ) 就实现了通过这个地址访问本地服务器8080端口的项目

2018-01-17 21:57:05 868

原创 ES6 中 Promise的各种典型例子(ing)

一、Promise中的参数传递原理。 resolve函数的作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject函数的作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,

2018-01-13 12:02:51 768

转载 2018前端值得关注的技术

再来一篇更全的。1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家起到一个参考作用!下面提及的技术,只是建议大家关注,也不是建议大家全部的都要学,而是建议大家按需学,自己觉得哪些需要学,对哪些有兴趣就学哪些!如果大家有什么工具,框架,库觉得可以推荐的,欢迎

2018-01-11 21:33:28 2734

转载 2018给自己准备的前端食粮

面向2018年,我觉得前端有这么三个方向可以突破前端逻辑层(包括三大框架,webpack,前端数据管理) 前端交互层(包括css3,canvas,svg,vr等,以及对应性能优化) node服务器层 (即服务器领域,以及前端开发工具的开发) 当然还可以说,有electron这样开发桌面应用的,但是我觉得大部分人的规划还是在web领域范畴的。一、前端逻辑层前端逻辑层解决的问题:前端

2018-01-11 21:27:11 325

原创 Generator Promise代码片段记录及理解

generator结合Promise使用的例子:/*Promise函数*/function getFoo(){ return new Promise(function(resolve,reject){ resolve('foo'); })}/*生成器函数*/var g = function* (){ try{ var foo =

2018-01-11 21:17:48 313

转载 koa中yield next的含义

先来一段代码:var koa = require('koa');var app = new koa();app.use(function *(next){ var start = new Date; yield next; var ms = new Date - start; console.log('X-Response-Time', ms + 'm

2018-01-10 12:28:54 594

原创 为什么要用git stash

git stash 是什么,以及为什么要用stash? 这个文档会告诉你, https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137602359178794d966923e5c4134bc8bf98dfb03aea3000?t=1512708326664#comments

2017-12-08 12:52:34 1068

转载 notepad 记事本的问题

首先这里再明确一下,所有的版本控制系统,其实只能跟踪文本文件的改动,比如TXT文件,网页,所有的程序代码等等,Git也不例外。版本控制系统可以告诉你每次的改动,比如在第5行加了一个单词“Linux”,在第8行删了一个单词“Windows”。而图片、视频这些二进制文件,虽然也能由版本控制系统管理,但没法跟踪文件的变化,只能把二进制文件每次改动串起来,也就是只知道图片从100KB改成了120KB,但到底

2017-12-07 10:47:03 484

原创 关于git与github的 小结(持续更新)

一、最让初学者纳闷的,git 与 github 到底是什么,是什么关系。   它们完全是名字相近,但确又的确是不一样的两种东西,就像鱼香肉丝和鱼肉的关系,夫妻废片和夫妻的关系,java与javascript的关系。   git:是版本管理工具。跟suv一样。   github:是一个网站,托管代码的网站。且github存放着经过git管理的有版本控制的代码。 二、github 中的 wa

2017-12-05 14:06:33 187

原创 Vue学习过程中的问题记录本(持续更新)

一、父组件异步获取的数据传给子组件,如何保证子组件能取到? 二、如何查看一个组件被哪些组件调用? 三、css中的transform-origin 四、再复习生命周期 五、filter、compute、method区别

2017-11-30 20:28:23 276

原创 用代码说明height, clientHeight, offsetHeight, scrollHeight 区别 及 为什么height值有时取不到

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; #d1 {

2017-11-30 16:34:21 838

转载 让浏览器格式化显示JSON数据之chrome jsonView插件安装

jsonView 用来让Chrome浏览器能格式化的显示JSON数据。步骤:1、打开 https://github.com ;2、搜索 jsonView 链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview;3、选择需要的插件(我是选这个gildas-lormeau/JSONView-for-Chrome);4、点击【Download Zip】

2017-11-14 11:41:24 4078 1

原创 数组、对象数组转化成JSON对象的情况

1、数组转化成JSON对象后,key值是索引,value是数组对应的值。 //数组也可以转化成JSON对象 var jStr3 = "[[10,20,30],40,50,60]"; var j3 = JSON.parse(jStr3); for(let key in j3){ console.log('key:',key); }// key

2017-10-24 13:16:53 9815

原创 setTimeout系列(1)----弄清setTimeout中this的指向问题及解决方案

示例1:function foo(){ setTimeout(function(){ console.log(this); },100);}var obj ={a:1};foo.call(obj);示例2:function foo(){ setTimeout(()=&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;{ console.log(this);

2017-09-25 12:13:38 3327

原创 <!DOCTYPE> 知识点回顾

一、用处: 1、此标签告知浏览器,页面使用了哪种 HTML 或 XHTML 规范,从而来解析它。 2、所以,要总是给你的 HTML 文档添加 声明,确保浏览器能够预先知道文档类型;如果不声明,则浏览器会使用的默认dtd。 3、所有主流浏览器都支持 声明。 二 、html4.01 和 html5之间的差异 1、HTML5 中仅规定了一种声明。<!DOCTYPE html>2、而H

2017-09-15 19:38:16 280

原创 前端er对一些PS常用技法的总结

一、图层选中 a. 在第二行工具栏中“自动选择”,换成“图层”选项。于是,用鼠标左建选中图层的时候(或者按住ctrl再点鼠标),在右边的图层区,对应的图层会被高亮选中。b.选中图层中的像素内容 在图层列表中选中图层,并按“ctrl”+鼠标左键单击。练习:图层选中和选区练习。 画奥林匹克五环旗。 二、只显示选中图层,隐藏其它图层 按住alt+关闭眼睛。三、去掉选中选区部分的画面,并补充背景

2017-08-25 15:14:16 333

转载 Vue.js 2.0 - Virtual DOM到底是什么样的

转自:http://www.cnblogs.com/lvyongbo/p/5931636.html引言你可能听说在Vue.js 2.0已经发布,并且在其中新添加如了一些新功能。其中一个功能就是“Virtual DOM”。Virtual DOM是什么在之前,React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的,就要先认清这几个概念:1.更新DOM是非常昂贵

2017-08-14 20:38:29 816

转载 JavaScript单线程和异步机制

转自:http://www.cnblogs.com/sxz2008/p/6513619.html总括: Javascript 本身是单线程的,并没有异步的特性。由于 Javascript 的运用场景是浏览器,浏览器本身是典型的 GUI 工作线程,GUI 工作线程在绝大多数系统中都实现为事件处理,避免阻塞交互,因此产生了 Javascript 异步基因。此后种种都源于此。随着对JavaScript学

2017-08-09 18:23:40 358

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