WEB前端

WEB前端包括HTML标签、CSS样式和JS编程等相关的知识。雷雪松的博客WEB前端栏目主要是分享作为WEB前端工程师在WEB前端开发的过程中WEB前端技巧,优秀的JS插件,有趣的JS效果,常用的CSS技巧以及HTML5最新技术。

JS中的值类型和引用类型详解

WEB前端

在我们web开发中,有时需要考虑数据的类型。JS中分为两种不同类型的值:基本数据类型和引用数据类型。基本数据类型指的是简单的数据,引用数据类型指的是有多个值构成的对象。当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值。下面PHP程序员雷雪松详细的讲解一下JS中的值类型和引用类型。
阅读原文 »

JS对象深拷贝

WEB前端

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

TortoiseSVN全局忽略文件或文件夹

WEB前端

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

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

WEB前端

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

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

WEB前端

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

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

WEB前端

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

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

WEB前端

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

Gulp教程之图片压缩

WEB前端

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

Vue.js教程

WEB前端

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

阅读原文 »

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

WEB前端

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] )根据文档生成。下面PHP程序员雷雪松详细的介绍一下HTML转图片的JS插件-rasterizeHTML.js。
阅读原文 »