此文针对mac或linux,Windows下可能透明支持性不好,不提供解决方案
最终效果像下面这样:
也有老兄整成下面这个样子:
这个敲代码久了眼不瞎吗。
废话不多说了上重点。
1、
安装vs 扩展
“Custom CSS and JS Loader”
2、
a)创建一个样式文件:custom.css,负责整个编辑器的样式
html {
b……继续阅读 »
Torry.Yao
7个月前 (05-15) 558浏览
3个赞
程序员的迷茫不仅仅是面对技术繁杂的无力感,更重要的是因为长期埋没于软件世界的浩大的分工体系中,无法看清从业务到软件架构的价值链条,无法清楚定位自己在分工体系的位置,处理不好自身与技术、业务的关系所致。很多程序员打心底不喜欢业务,这一点我曾经也经历过,我更宁愿从事框架工具、技术组件研究的相关事情。我有个朋友经常吐槽我说:”你们天天加班加点写了那么多代码,……继续阅读 »
Torry.Yao
1年前 (2018-08-31) 637浏览
3个赞
在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari… 为了能获得更佳的开发体验,大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。
Chrome Extensions
OneTab
当您发现自己有太多的标签页时,单击OneTab图标……继续阅读 »
Torry.Yao
2年前 (2017-11-28) 758浏览
2个赞
一直忍着webstorm的卡,自从接触了vscode,就开始琢磨要不要抛弃webstorm。先纠结一阵,熟悉下vscode。
主命令框
F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:
按一下 Backspace 会进入到 Ctrl+P 模式
在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式……继续阅读 »
Torry.Yao
2年前 (2017-11-21) 854浏览
3个赞
综合类
综合类
地址
前端知识体系
http://www.cnblogs.com/sb19871023/p/3894452.html
前端知识结构
https://github.com/JacksonTian/fks
Web前端开发大系概览
https://github.com/unruledboy/WebFrontEndStack
……继续阅读 »
Torry.Yao
3年前 (2017-02-21) 3576浏览
1个赞
代码头部装逼专用注释,用了之后才发现,写代码顺畅多了。。。
//////////////////////////////////////////////////////////////////////////////////////
//
// .::::.
// ……继续阅读 »
Torry.Yao
3年前 (2016-09-14) 2168浏览 0评论
5个赞
此版本包含功能有:实时刷新,sass编译,css压缩,js压缩,图片压缩,html压缩等
用法
github地址
这个脚手架是用node-sass来编译sass文件的,so,得先安装node-sass模块。如果使用npm安装不成功,可以试试淘宝的cnpm。这里就不过多介绍如何安装了。
安装完node-sass
1、 在项目目录clon……继续阅读 »
Torry.Yao
3年前 (2016-08-12) 1397浏览 0评论
0个赞
对于简单的网站或者说是传统网站来说,我们交付给phper或java的代码都应该是未压缩版的。那么好多gulp的插件我们是用不到的,这里我们只用browser-sync来实现自动刷新的功能,来快速搭建我们的开发环境。
如何安装gulp这里就不介绍了。
基础版
github地址
用法
1、 在项目目录clone上面的地址
git c……继续阅读 »
Torry.Yao
3年前 (2016-08-11) 997浏览 0评论
2个赞
jQuery插件
1、swiper – 滑动插件
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端
2、Layer – 弹出层
Layer一个让你想到即可做到的web弹出层,是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作……继续阅读 »
Torry.Yao
3年前 (2016-07-13) 1027浏览 0评论
3个赞
2015-2016前端知识体系
总结了下前端这两年的主流技术,大部分技术在我的博客里有较深入的研究学习,对应技术博客地址:http://ouvens.github.io ,博客持续更新中,欢迎大家关注~
一、框架与组件
bootstrap等UI框架设计与实现
伸缩布局:grid网格布局
基础UI样式:元素reset、按钮、图片、菜单、表单
组件UI样……继续阅读 »
Torry.Yao
4年前 (2016-05-30) 1428浏览 0评论
2个赞