- 博客(250)
- 收藏
- 关注
RSS订阅原创 在vue.js中mixin和页面执行顺序问题
打个总结：1. 对于creaetd，mounted 等生命周期函数mixin中的代码先执行，单文件中的后执行。2. 对于同名的变量和方法，只执行page中的代码。示例如下：1.两边同名的变量，获取后取得的是Page那边的值。2.两边同时定义test()方法，只执行了page这边的方法。...
2019-07-03 19:28:09
4611
原创 vue-admin-template 把默认英文版改回中文
在vue-admin-template项目中，随便使用一个element-ui的控件，效果是这样。好吧，走向国际化，于是默认英文版！但是客户需要的是中文版。。。怎么破？处理方法如下：改成：...
2018-11-09 15:38:10
18841
18
转载 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
455
原创 如何关闭vue中的ESLint?
找到 “config文件夹–>index.js文件”中的useEslint，配置值改为false。然后重启服务器npm run dev 就可以了。
2018-10-30 10:05:24
1221
原创 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
221
原创 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
1122
原创 如何查看到chrome缓存真实的内容？
1、缓存的路径：C:\Users\你的用户名\AppData\Local\Google\Chrome\User Data\Default\Cache。然而当你打开它时，会发觉文件夹里都是些不知所云的文件。然而我是想看到缓存文件本尊，比如图片，视频，js。像这样：2、可以在浏览器中输入chrome://cache，可以查看缓存（我的谷歌不给力没法查看），据说根据链接点出来的东西也是二进制码的...
2018-10-15 18:30:39
21859
原创 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
3480
原创 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
2109
原创 总结下JSON 和 对象字面量的区别 及字面量在es6中的简洁表示法
一、类型的区别 JSON 值可以是：数字（整数或浮点数），字符串（在双引号中），逻辑值（true 或 false），数组（在方括号中），对象（在花括号中），null。 对象字面量 值可以是任何类型，而且函数，undefined或者是正则都是可以的 。二、语法 JSON 要求严格，名称/值对都必须在双引号中！！数据在名称/值对中，数据由逗号分隔，花括号保存对象，方括号...
2018-09-07 14:22:12
850
原创 专业书籍阅读打卡
近两年保持了阅读专业书籍的习惯。重点在前端类的书籍或者资料，对有些内容还会反复看多次。 今天想到要不要做个记录吧。回头看看，还有点成就感，哈哈哈~~~~2018.6.29 《ES6标准入门》（整章）第14章，Iterator和for…of循环。...
2018-06-29 11:26:49
456
原创 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
9418
原创 如何让html标签在vue中不被解析的显示在html页面上
<!doctype html><html lang="en"><head> <meta charset="UTF-8&
2018-05-23 18:27:01
13454
1
原创 如何在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
16312
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
7868
原创 vue中的<template>标签是什么？
在非单组件文件的vue.js的程序里，常会剪刀一个标签，似乎在官网上也没有专门讲到这个标签。 那这个到底是什么玩意？实际上 元素是被当做一个不可见的包裹元素，主要用于分组的条件判断和列表渲染。具体情况见官方文档： 1、“条件渲染”，其中的章节——在元素上使用v-if条件渲染分组 2、“条件渲染”——用key管理可复用的元素 3、“条件渲染”——v-show 4、“...
2018-05-18 16:52:03
22539
1
原创 获取盒子模型的宽高，获取元素的宽高示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取盒子模型的宽高 </title> <style> #dv1 {
2018-04-27 16:31:44
2119
1
原创 css中外边距叠加问题的代码示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .dv1 { width:
2018-04-27 16:13:44
361
原创 document.body元素上的clientHeight, offsetHeight, scrollHeight
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html, body { height: 100%
2018-04-27 12:42:12
2896
原创 javascript中数组常用方法总结(未更新完毕)
1、some，判断数组中是否有符合条件的项。返回一个boolean值。 eg: let nums=[1,2,3,4,5,4,3,2,1];let ret = nums.some((item,index,array)=>{ return (item>2)})console.log(ret); //true2、every，与之相对的是every方法，判断数组中是...
2018-04-23 17:10:37
211
原创 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
3276
原创 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
551
原创 内网穿透工具体验
一、首先用了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
1139
原创 ES6 中 Promise的各种典型例子(ing)
一、Promise中的参数传递原理。 resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected），在异步操作失败时调用，并将异步操作报出的错误，
2018-01-13 12:02:51
1389
转载 2018前端值得关注的技术
再来一篇更全的。1.前言 2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎
2018-01-11 21:33:28
2881
转载 2018给自己准备的前端食粮
面向2018年，我觉得前端有这么三个方向可以突破前端逻辑层（包括三大框架，webpack，前端数据管理） 前端交互层（包括css3，canvas，svg，vr等，以及对应性能优化） node服务器层 （即服务器领域，以及前端开发工具的开发） 当然还可以说，有electron这样开发桌面应用的，但是我觉得大部分人的规划还是在web领域范畴的。一、前端逻辑层前端逻辑层解决的问题：前端
2018-01-11 21:27:11
432
原创 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
440
转载 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
982
原创 为什么要用git stash
git stash 是什么，以及为什么要用stash？ 这个文档会告诉你， https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137602359178794d966923e5c4134bc8bf98dfb03aea3000?t=1512708326664#comments
2017-12-08 12:52:34
3547
1
转载 notepad 记事本的问题
首先这里再明确一下，所有的版本控制系统，其实只能跟踪文本文件的改动，比如TXT文件，网页，所有的程序代码等等，Git也不例外。版本控制系统可以告诉你每次的改动，比如在第5行加了一个单词“Linux”，在第8行删了一个单词“Windows”。而图片、视频这些二进制文件，虽然也能由版本控制系统管理，但没法跟踪文件的变化，只能把二进制文件每次改动串起来，也就是只知道图片从100KB改成了120KB，但到底
2017-12-07 10:47:03
831
原创 关于git与github的 小结（持续更新）
一、最让初学者纳闷的，git 与 github 到底是什么，是什么关系。 它们完全是名字相近，但确又的确是不一样的两种东西，就像鱼香肉丝和鱼肉的关系，夫妻废片和夫妻的关系，java与javascript的关系。 git：是版本管理工具。跟suv一样。 github：是一个网站，托管代码的网站。且github存放着经过git管理的有版本控制的代码。 二、github 中的 wa
2017-12-05 14:06:33
295
原创 Vue学习过程中的问题记录本（持续更新）
一、父组件异步获取的数据传给子组件，如何保证子组件能取到？ 二、如何查看一个组件被哪些组件调用？ 三、css中的transform-origin 四、再复习生命周期 五、filter、compute、method区别
2017-11-30 20:28:23
377
原创 用代码说明height, clientHeight, offsetHeight, scrollHeight 区别 及 为什么height值有时取不到
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #d1 {
2017-11-30 16:34:21
1420
转载 让浏览器格式化显示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
5466
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
10972
原创 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;gt;{ console.log(this);
2017-09-25 12:13:38
5858
2
原创 <!DOCTYPE> 知识点回顾
一、用处： 1、此标签告知浏览器，页面使用了哪种 HTML 或 XHTML 规范，从而来解析它。 2、所以，要总是给你的 HTML 文档添加 声明，确保浏览器能够预先知道文档类型；如果不声明，则浏览器会使用的默认dtd。 3、所有主流浏览器都支持 声明。 二 、html4.01 和 html5之间的差异 1、HTML5 中仅规定了一种声明。<!DOCTYPE html>2、而H
2017-09-15 19:38:16
363
原创 前端er对一些PS常用技法的总结
一、图层选中 a. 在第二行工具栏中“自动选择”，换成“图层”选项。于是，用鼠标左建选中图层的时候（或者按住ctrl再点鼠标），在右边的图层区，对应的图层会被高亮选中。b.选中图层中的像素内容 在图层列表中选中图层，并按“ctrl”+鼠标左键单击。练习：图层选中和选区练习。 画奥林匹克五环旗。 二、只显示选中图层，隐藏其它图层 按住alt+关闭眼睛。三、去掉选中选区部分的画面，并补充背景
2017-08-25 15:14:16
474
转载 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
1045
转载 JavaScript单线程和异步机制
转自：http://www.cnblogs.com/sxz2008/p/6513619.html总括： Javascript 本身是单线程的，并没有异步的特性。由于 Javascript 的运用场景是浏览器，浏览器本身是典型的 GUI 工作线程，GUI 工作线程在绝大多数系统中都实现为事件处理，避免阻塞交互，因此产生了 Javascript 异步基因。此后种种都源于此。随着对JavaScript学
2017-08-09 18:23:40
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人