- 博客(473)
- 收藏
- 关注
RSS订阅原创 vue组件mixins和extends的使用
一、mixin全局混入全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入，向组件注入自定义的行为。不推荐在应用代码中使用。全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器and so on）1、在src目录下新建一个mixins目录，在mixins目录下新建一个index.js文件。写一个供全部vue实例使用的跳转方法。export d...
2019-05-31 12:01:01
1538
转载 2019.05.29工作日志
如何在前端圈体现出自己的一个价值呢？（1）搭建前端工程首先，我们要学会如何在一个项目中去搭建工程。因为现在前端变得越来越复杂，不像是以前我们前端开发一个页面，开发一个模板，一个简单的DOM交互的动画，一些CSS样式，这些东西我们写好之后交给后端，他们去填数据就可以了。那现在不一样，现在的前端业务逻辑都在我们的工作范畴之内，我们要去做很多的东西，比如说数据缓存，这时候我们必须要考虑一个工...
2019-05-29 14:33:52
473
原创 git bash常用的操作命令
#在当前目录新建一个Git代码库git init#下载一个项目和它的整个代码历史git clone [url]添加删除文件#添加指定文件到暂存区git add [file1] [file2]#删除工作区文件，并将这次删除放入暂存区git rm [file1] [file2]#改名文件，并将这次改名放入暂存区git mv [file-origin] [file-renamed]代码...
2019-05-29 13:41:33
358
转载 2019.05.29面试题： var、let、const 的区别及实现原理？
一、var声明的变量会挂载在window上，而let和const声明的变量不会var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log(c,window.c); // 1...
2019-05-29 11:49:17
4135
1
转载 javascript内存管理（堆和栈）及运行机制详解
一、内存基本概念内存的生命周期：1、分配所需的内存2、内存的读与写3、不需要时将其释放所有语言的内存生命周期都基本一致，不同的是最后一步在低级语言中很清晰，但是在像JavaScript 等高级语言中，这一步是隐藏的、透明的。js的内存生命周期：1、定义变量时就完成了内存分配2、使用值的过程实际上是对分配内存进行读取与写入的操作。读取与写入可能是写入一个变量或者...
2019-05-29 10:38:56
574
原创 ES6、7、8、9、10常用新特性总结(更新中)
1、变量声明let && const，增加新的词法作用域（ES6）2、解构赋值（ES6）数组解构赋值：let[a, b,c] = [1,2,3];//等同于leta =1;letb =2;letc=3;让代码看起来更优美，有种python赋值的既视感。对象的解构赋值：var{ StyleSheet, Text } =React; 等同于v...
2019-05-28 19:04:24
1611
原创 2019.05.28工作日志
第17章 事件处理1、通过HTML属性注册的事件处理程序被转换为能存取全局变量的顶级函数而非任何变量。因此在使用的时候必须显式地写window.open()而不是open()。2、通过HTML属性注册的事件处理程序的返回值为布尔类型，用于告诉浏览器要不要执行这个事件相关的默认操作。3、事件处理调用顺序：通过对象属性或HTML属性注册的处理程序 > 使用addEventListen...
2019-05-28 12:01:44
521
原创 2019.05.27工作日志
Q2绩效《JavaScript权威指南》第13章：web浏览器中的JavaScript1、在URL中使用JavaScript，特定协议类型 + 任意字符串 会被JavaScript解释器运行<a href="javascript:new Date().toLocaleTimeString()"> what time is it?</a><!-...
2019-05-27 13:35:26
302
转载 .md即markdown文件的基本常用编写语法（图文并茂）
序言:很久没有写博客了，感觉只要是不写博客，人就很变得很懒，学的知识点感觉还是记不住，渐渐地让我明白，看的越多，懂的越少（你这话不是有毛病吗？应该是看的越多，懂的越多才对），此话怎讲，当你在茫茫的前端知识库里面东看看，西看看的时候，很快就被海量的知识给淹没了，根本就不知道哪些是对的，哪些是错的，感觉好像这个也懂了，那个也懂了，但是真正写起来，脑子又一片空白，又好像什么都不懂，这种状态时有发生，...
2019-04-11 10:49:15
246
转载 史上最全JavaScript数组去重的十种方法（推荐）
这篇文章主要介绍了JavaScript数组去重的十种方法,利用元素的属性和特性进行不同的去重方法，并实例演示如何测试去重超大数组，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。一、前言：我们在实际工作中，或者在面试找工作时，都会用到或者被问到一个问题，那就是“数组如何去重”。是的，这个问题有很多种解决方案，看看下面的十种方式吧！二、数组去重方式大汇总：M...
2019-03-22 18:11:25
236
转载 webpack4 optimization总结
optimization总结minimize默认为true，效果就是压缩js代码。minimizer可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin//比如在构建的时候,希望新增css的压缩minimizer: mode === "development" ? [] : [ ne...
2019-03-20 10:42:42
2014
转载 clipboard.js源码解析-复制到剪切板插件
1.前言公司项目有用到clipboard.js，由于好奇心顺手点开了源码看看其究竟是如何实现的，本以为是九曲十八弯错综复杂，其实还是挺容易看懂的，所以就分享下读后感哈哈。本篇读后感分为五部分，分别为前言、使用、解析、demo、总结，五部分互不相连可根据需要分开看。前言为介绍、使用为库的使用、解析为源码的解析、demo是抽取源码的核心实现的小demo，总结为吹水，学以致用。建议跟着源...
2019-03-19 09:57:18
1779
原创 前端的价值
1、前端工程化考虑数据缓存、ES62、网络优化理解HTTP请求、网络优化、HTTP缓存3、API定制了解后端4、node.js层node.js层作为前端和后端之间，做数据的转发，数据处理...
2019-03-07 10:08:15
391
原创 前端知识点杂记
<1>、clip剪裁被称为“最佳可访问隐藏”的另一个原因是，clip: rect(0 0 0 0)，它具有更强的普遍适用性，任何元素、任何场景都可以无障碍地使用。出自----《css世界》p197<2>、clip隐藏仅仅是决定那一部分可见，非可见部分无法响应点击事件；然后虽然视觉上隐藏，但元素的尺寸还是原来的尺寸，在ie和Firefox浏览器下抹掉了不可见尺寸对布局...
2019-03-04 09:07:38
217
转载 通过Fiddler工具进行接口代理 - 用本地接口代理线上接口运行
Fiddler是抓取请求的工具的一种，类似的还有Charles等，使用Fidder之前应先关闭其他的代理工具 需求如下：网站前端和服务端配合开发了一个页面，会调取接口A的数据并在页面上呈现，现在由于业务要求需要开发新的接口B，在原有的前端逻辑下正常展示。那么，在开发的过程中，在没有前端配合的情况下，服务端如何让这个页面调取B的接口并呈现呢？ 解决方案是这样：以去哪儿的...
2019-02-26 10:55:08
1000
原创 常用class 样式总结
清除浮动// Clearfix@mixin clearfix { &:before, &:after { content: " "; // 1 display: table; // 2 } &:after { clear: both; }}滚动条样式(隐藏)@mixin scrollHide { &...
2019-02-17 22:05:27
635
转载 CSS-清除浮动
什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。引用W3C的例子，news容器没有包围浮动的元素。...
2019-02-17 21:47:24
219
转载 gulp使用小结
这篇文章不会介绍 gulp 的起源、发展；不会去一个个讲解 gulp API；也不想出现大段大段的 gulpfile.js 代码；更木有帮你分析 gulp 实现原理，只有一些我自己对 gulp 的使用理解和总结。如何通过 gulp 让偶们的前端项目高大上的跑起来？gulp 能做什么，还能做什么？gulp套路能不能来几套？... 希望通过这篇文章你会找到答案写作风格的原因，劳资写的文章都...
2018-12-29 14:19:12
245
1
转载 终于讲清楚了nodejs中exports和module.exports的区别
最近正在学习nodejs，看到nodejs模块这块，发现nodejs模块有两种方式对外暴露方法exports和module.exports可是这两种使用起来到底有什么区别呢？？？看了很多文章，长篇大论，始终没有讲清楚区别，自己也是看了很多，终于搞清楚了，给大家分享一下根据使用方法来说通常exports方式使用方法是：exports.[function name] = [fun...
2018-12-29 11:42:46
575
转载 Nginx 启用gzip压缩
1. 网页压缩 网页压缩是一项由 WEB 服务器和浏览器之间共同遵守的协议，也就是说 WEB 服务器和浏览器都必须支持该技术，所幸的是现在流行的浏览器都是支持的，包括 IE、FireFox、Opera 等；服务器有 Apache 和 IIS 等。双方的协商过程如下： 首先浏览器请求某个 URL 地址，并在请求的头 (head) 中设置属性 accept-encoding 值为 gzi...
2018-12-27 13:01:00
2366
转载 Web性能测试工具推荐
WEB性能测试工具主要分为三种:一种是测试页面资源加载速度的；一种是测试页面加载完毕后页面呈现、JS操作速度的；一种是总体上对页面进行评价分析。~~~如果谁有更好的工具也请一起分享下1. Firebug2.HttpWatch 3.DynaTrace's Ajax Edition4.Speed Tracer5.Page Speed 6.yslow 7.webpagetest ...
2018-12-27 10:50:01
469
转载 前端构建工具gulp超详细配置, 使用教程(图文)
流程1. 输入命令(可以使用git bash或者命令控制台cmd) npm install -g gulp安装全局gulp命令2. 创建一个项目文件夹, 当前项目文件夹下输入命令npm init 配置package.json文件, 这一部分看情况自己决定是否填, 不想填也可以, 直接按回车 当前项目文件夹下输入命令npm install gulp --save-dev全局安...
2018-12-24 18:16:42
373
转载 JS前端创建html或json文件并浏览器导出下载
https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/ 侵删 一、HTML与文件下载如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用HTML5原生的download属性，例如：<a href="large.jpg" download>...
2018-12-14 11:08:47
4022
1
转载 jquery中ajax处理跨域的三大方式
一、处理跨域的方式：1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头： 1 2 3 header("Access-Control-Allow-Origin:*"); /*星号表示所有的域都可以接受，*/ hea...
2018-12-14 11:05:26
247
转载 我是这样学习前端的
前沿算算时间今年（2016年）是进入前端开发这个领域第五个年头，自从上次总结完《我的编程之路》后，还想从更细节的方向上写一写自己是如何学习前端开发，并且还能够保持进步和对技术的敏感。对于现在进入这个领域的朋友们来说，很多东西其实你都可以选择放弃了，因为你的起点比之以前要提高了不少，但相对来说知识点又多了很多。PS：至少你不用去兼容IE6了。 最流行的编程语言JavaScript...
2018-12-14 10:54:57
345
转载 $.proxy() 的妙用
$.proxy() 最主要就是用来修改函数执行时的上下文对象的。先看以下情景： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <div id="panel" style="display:none;"> ...
2018-12-14 10:50:20
1318
转载 xshell下载链接及安装步骤
xshell下载链接： http://www.netsarang.com/download/free_license.html 现今软件市场上有很多终端工具，比如：secureCRT、Putty、telnet、xshell\等等。secureCRT是一款很强大的终端工具，但是，它毕竟是收费软件，在公司里不允许使用。而且在自己的电脑里一旦输入大写，整个界面就乱了（原因未知，未...
2018-11-22 11:41:07
305
转载 webstorm设置babel，使用es6
网上有很多关于如何设置babel的。我学习着设置，但总差那么几步，没能满足我的需求。我使用的是webStorm2017.1版本。babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前，需要安装一些babel库全局安装babel-clinpm install -g babel-cli 网上有些教程让全局安装ba...
2018-09-19 22:45:21
286
转载 2018版本WebStorm注册码
转载自：https://blog.csdn.net/CherryLee_1210/article/details/806878578月21日补充 http://webstorm.autoseasy.cn/xixi https://s.tuzhihao.com:666 http://idea.toocruel.net 如果大家想看更多更新的注册码，可以访问 https://blog.csdn....
2018-09-07 09:07:58
4069
转载 HTML5 indexedDB前端本地存储数据库实例教程
by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6289本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。// zxx: 本文内容较多，有一定的深度，建议预留足够的时间阅读，或者可以先马后看~一、indexedDB为何替代了Web SQL Database？跟小朋友的教育从来没有什么“赢在...
2018-09-03 13:47:11
620
转载 vue-cli3.0搭建项目
最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。新建项目? 1 2 3 4 5 6 7 8 # 安装 npm install -g @vue/cli # 新建项目 vue create my-pr...
2018-07-23 16:48:58
10140
1
转载 快速了解vue-cli 3.0 新特性
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。 vue-cli 从 2.0 到 3.0 的升级有太多的新东西可以说了，但是不可能在本文中列举所有的内容，这篇文章作为一个对比 2.0 升级功能的导读，让你快速了解 3.0 更新的内容。一.创建项目：创建项目命令的变化。? 1 vu...
2018-07-23 16:44:07
8779
1
转载 gulp前端自动化构建工具：常用插件介绍及使用
Gulp是基于Node.js的一个构建工具（自动任务运行器），开发者可以使用它构建自动化工作流程（前端集成开发环境）。一些常见、重复的任务，例如：网页自动刷新、CSS预处理、代码检测、压缩图片、等等…… 只需用简单的命令就能全部完成。使用它，可以简化工作，让你把重点放在功能开发上；同时减少人为失误，提高开发效率和项目质量，让专注更为专注。如果你之前接触过Grunt，那上手Gulp就会觉得非常容易理...
2018-07-20 14:38:46
413
转载 linux下的find文件查找命令与grep文件内容查找命令
在使用linux时，经常需要进行文件查找。其中查找的命令主要有find和grep。两个命令是有区的。 区别：(1)find命令是根据文件的属性进行查找，如文件名，文件大小，所有者，所属组，是否为空，访问时间，修改时间等。 (2)grep是根据文件的内容进行查找，会对文件的每一行按照给定的模式(patter)进行匹配查找。 一.find命令 基本格式：find...
2018-07-16 10:44:21
229
原创 java helloworld提示“错误，找不到或无法加载主类”
代码如下， public class HelloWorld{ public static void main(String[] args) { System.out.println("Hello World!"); } } 用javac命令生成了class文件，但是输入java HelloWorld的时候就出现了这样的提示错误“错误，找不到或无法加载主类”...把HelloWorld类的路径加到c...
2018-06-24 03:16:53
2532
1
转载 windows下MongoDB的安装及配置
一、先登录Mongodb官网https://www.mongodb.com/download-center#community 下载 安装包。32、64位的都行。二、安装MongoDB下载后的安装包：安装比较简单，类似于普通QQ软件，中间主要是选择“Custom”自定义 安装路径修改下：D:\software\MongoDB然后不断“下一步”，安装至结束。安装比较容易。难点在启动Mongodb...
2018-06-23 21:56:20
398
转载 MongoDB下载与安装
nodejs什么的都已经处理好了，我们需要选择一个合适的数据库了，网上找了一些资料，都说mongodb最适合nodejs，所以就把我的安装经验分享一下下载MongoDB的官网是：http://www.mongodb.org/ 可以在官网下载，但是我试了一下特别麻烦，所有找了一个简单的方法，可以在这个地址直接下载zip，http://dl.mongodb.org/dl/win32/x86_64安装1...
2018-06-23 21:24:16
266
转载 写给小白的建站指南
六月初自己博客建站，后来又帮叁柒分建站，现把全过程整理成文，作为个人备忘，同时也供小白参考。购买虚拟服务器虚拟服务器（Virtual Private Server）就是通常说的 VPS，是网站驻留的位置。所谓虚拟服务器，指的是对于用户来说，它和一台实体的服务器一样，有 CPU 有硬盘有内存有操作系统等等，但实际上它是使用虚拟化技术实现的，在真正的一台实体服务器上，可能有成百上千台这样的虚拟服务器并...
2018-06-20 09:44:47
445
转载 如何使用SwitchyOmega.crx谷歌插件
此插件须在Chrome或者opera浏览器上使用，在此拿谷歌为事例，操作步骤如下：1，右上角谷歌浏览器 点自定义及控件→设置→扩展程序→开发者模式 点上；2，把SwitchyOmega.crx文件直接拖至上步骤打开的浏览器内；3，浏览器提示“要添加SwitchyOmega.crx吗？”，点击 添加扩展程序；4，弹窗提示框，可点 跳过教程；5，选择 导入\导出→从备份文件恢复（选择share.bak...
2018-06-20 09:27:12
6399
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人