WEB前端

JS对象深拷贝

WEB前端 JS开发 2018年11月23日

Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接。在有些特定的时候，我们希望修改数据，并不影响原数据的时候。因为对象是引用类型，我们就要用深拷贝复制一个变量。深拷贝是能拷贝对象中的对象，而不会对原对象产生影响。下面雷雪松就详细的介绍一下JS对象深拷贝的两种方法。
阅读原文 »

TortoiseSVN全局忽略文件或文件夹

WEB前端 Vue.js、版本控制 2018年11月21日

在我们做VueJS的前端项目开发时，经常会使用npm intsall安装依赖，这个命令执行完以后会在项目的根目录生成一个node_modules文件夹。node_modules文件很多，占用空间比较大。一般node_modules这个文件夹我们不用提交到SVN中做版本控制。这个项目文件很多，很大。而且有的时候别人电脑环境不一样，下载下来也不能正常使用。下面雷雪松就详细的讲解一下TortoiseSVN如何全局忽略文件或文件夹。
阅读原文 »

强烈推荐优秀的Vue2 UI组件库

WEB前端 Vue.js 2018年8月17日

Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。下面雷雪松详细的给大家介绍一下强烈推荐优秀的Vue2 UI组件库。
阅读原文 »

Vue中style的scoped属性以及穿透方法

WEB前端 Vue.js 2018年8月9日

在Vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，局部有效。如果一个项目中的所有vue组件style标签全部加上了scoped，相当于实现了样式的私有化。如果引用了第三方组件，需要在当前组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过穿透scoped的方式来解决，选择器>>>。下面雷雪松详细的介绍一下vue中style的scoped属性以及穿透方法。
阅读原文 »

Nativefier将web页面打包为桌面应用

WEB前端 Nodejs学习 2018年6月30日

有些特殊场景需要实现把任意一个网站打包成一个桌面可执行应用。手机端有PhoneGap等打包工具制作WebApp。今天给大家推荐一个很好的桌面应用打包工具-Nativefier。Nativefier可以只需要执行两行命令三分钟内就可以把任意一个网站打包成一个桌面应用。下面雷雪松详细讲解一下如何使用Nativefier将web页面打包为桌面应用。
阅读原文 »

搜索、 排序、 筛选的Js插件-List.js

WEB前端 JS插件 2018年6月28日

List.js是为纯HTML 列表，表格或任何其他内容添加了搜索，排序，过滤和灵活性的Js插件。List.js非常的小巧，并且简单，但是功能却非常强大。下面雷雪松详细的介绍一下搜索、 排序、 筛选的Js插件-List.js。
阅读原文 »

Gulp教程之图片压缩

WEB前端 Gulp教程、Nodejs学习 2018年5月3日

Gulp.js 是一个自动化构建工具，Gulp 配置起来非常简单，可以利用Gulp实现很多功能，比如说配合gulp-imagemin实现图片压缩。下面雷雪松详细的介绍一下使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片）。
阅读原文 »

Vue.js教程

WEB前端 Vue.js 2018年4月17日

最近一段时间学习了一下主流框架Vue.js，并用Vue.js的框架vux开发手机端项目，整体开发还是比较顺利，效率还是挺高的。说说使用Vue.js的感受，学习起来比较快，需要记的很少，Vux提供的组件很全，可以完成大部分的业务，自己需要单独写的代码很少。在项目开发的过程中，遇到的问题都能在网上找到解决方案。学习Vue.js的时候一定要放空自己，千万不要用JQuery那一套思路来学习。下面雷雪松结合自己实际使用情况总结一下Vue相关知识点分享给大家。

阅读原文 »

HTML转图片的JS插件-rasterizeHTML.js

WEB前端 JS插件 2017年11月3日

在WEB前端工作中，有时需要实现对页面生成缩略图的功能。rasterizeHTML.js就可以将HTML渲染到浏览器的canvas中，直接用JS插件达到生成图片的效果。rasterizeHTML.js为我们提供了三个方法：rasterizeHTML.drawURL( url [, canvas] [, options] )根据URL生成canvas，rasterizeHTML.drawHTML( html [, canvas] [, options] )根据HTML代码生成，rasterizeHTML.drawDocument( document [, canvas] [, options] )根据文档生成。下面雷雪松详细的介绍一下HTML转图片的JS插件-rasterizeHTML.js。
阅读原文 »

npm搭建PhoneGap环境

WEB前端 Nodejs学习 2017年10月24日

PhoneGap是一款开源的创建跨平台移动应用程序的框架，PhoneGap官网宣传语：使用开放Web技术就能开发令人惊异的移动App。PhoneGap使开发者能够在网页中调用IOS，Android和Blackberry等主流智能系统手机的核心功能——包括电池状态，网络状信息，相机，设备信息，地理定位，指南针，加速器，联系人，提醒（声音和振动），文件系统，文件传输等。此外PhoneGap还拥有丰富的插件，PhoneGap是目前做WebAPP的首选。下面雷雪松详细的讲解下使用NodeJS下的npm搭建PhoneGap环境。
阅读原文 »