WEB前端

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

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。
阅读全部 »

npm搭建PhoneGap环境

分类:WEB前端 时间:

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

非常实用的select下拉框-Select2.js

分类:WEB前端 时间:

Web开发中,Select下拉框是常用的输入组件。由于原生的Select几乎很难通过CSS样式控制。一些好看的Select下拉框就只能通过模拟来实现。PHP程序员雷雪松给大家推荐一筐款不错的Select下拉框插件:Select2。Select2可以支持搜索、标签、远程数据、无限滚动、和许多其他非常优秀的选项,Select2还可以非常方便的自定义样式,基本可以实现所有的Select效果。下面PHP程序员雷雪松就详细的讲解一下Select2.js的用法。
阅读全部 »

Gulp入门教程

分类:WEB前端 时间:

Gulp是一个前端构建工具,API也非常简单,学习起来很容易,Gulp使用的是NodeJS中pipe()管道来读取和操作数据,速度更快。Gulp上手非常快,使用起来也非常的方便。Gulp的运行流程很简单:首先通过gulp.src()方法获取到我们想要处理的文件流,然后把文件流通过pipe方法导入到Gulp的插件中,最后把处理后的流再通过pipe方法导入到gulp.dest()。下面PHP程序员雷雪松详细的讲解下Gulp如何使用。
阅读全部 »

Gulp构建工具编译Less

分类:WEB前端 时间:

Gulp是一个基于Node.js的项目,用自动化构建工具增强你的工作流程。Less是一门CSS预处理语言,Less扩充CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。下面PHP程序员雷雪松详细的讲解下如何使用Gulp构建工具编译Less。
阅读全部 »

最值得拥有的免费Bootstrap后台管理模板

分类:WEB前端 时间:

PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能。使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间。下面PHP程序员雷雪松给大家分享一下最值得拥有的免费Bootstrap后台管理模板。
阅读全部 »

2017版最新中国省市区

分类:WEB前端 时间:

2017版最新中国省市区数据来源中华人名共和国国家统计局行政区划代码:http://www.stats.gov.cn/tjsj/tjbz/xzqhdm/201703/t20170310_1471429.html。在行政区划代码中城市和行政代码的基础上,并新加首字母,把数据做成了json格式和MySQL SQL文件,主要数据包括:邮政编码、省市区名称、首字母。下面PHP程序员雷雪松就把2017版最新中国省市区json文件和SQL文件分享给大家。
阅读全部 »

ExtJS5实战技巧

分类:WEB前端 时间:

ExtJS是一个用Javascript写的富客户端的AJAX框架,主要用于创建前端用户界面,是一个与后台语言无关的前端框架。ExtJS包含多达40种的常用组件,大致分成三大类,即基本组件、工具栏组件、表单及元素组件。下面PHP程序员雷雪松给大家分享一下使用ExtJS5开发的实战技巧。
阅读全部 »

Node+UglifyJS批量压缩js

分类:WEB前端 时间:

在前面PHP程序员雷雪松的博客中已经介绍了《WEB前端开发优化技巧》。JS文件压缩似乎成了最基础的优化药店之一了。现在JS使用的频率越来越高,JS文件越来越大,压缩所带来的性能提升也是越来越明显,下面PHP程序员雷雪松就详细介绍下如何使用NodeJs和UglifyJS来压缩JS代码。
阅读全部 »