Lonely,lonelyBurning

2017年4月10日

摘要： vsCode 添加浏览器调试和js调试的方法 1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件）在launch.json文件中的配置如下： { "version": "0.2.0", "configurations": [{ "name": "谷歌浏览器", // 阅读全文

posted @ 2017-04-10 19:05 Lonely,lonelyBurning 阅读(36517) 评论(1) 推荐(2)

使用Visual Studio Code打开浏览器查看HTML文件

摘要：使用Visual Studio Code打开浏览器查看HTML文件 vscode出来之前一直使用sublime，后者在编写HTML文件时可以通过点击鼠标右键，找到open in browser来启动系统默认浏览器，而vscode却没有这个功能，调试和预览起来比较麻烦。不过可以通过配置tasks.js 阅读全文

posted @ 2017-04-10 18:38 Lonely,lonelyBurning 阅读(8679) 评论(0) 推荐(0)

怎么使用Less/Sass编译工具koala

摘要：怎么使用Less/Sass编译工具koala 怎么使用Less/Sass编译工具koala 如何使用Less/Sass编译工具koala 一、SASS调试插件的方法如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工阅读全文

posted @ 2017-04-10 14:17 Lonely,lonelyBurning 阅读(309) 评论(0) 推荐(0)

2017年4月7日

Sass：初识Sass与Koala工具的使用

摘要： Sass：初识Sass与Koala工具的使用一、下载 Koala（找到合适的系统版本）并安装二、先新建一个css文件夹，并在里面新建一个文本文档(.txt)，将其命名为demo.scss 三、打开Koala，将css文件夹拽进来，可以修改一下输出方式【扩展】SASS提供四个编译风格的选项： n 阅读全文

posted @ 2017-04-07 18:38 Lonely,lonelyBurning 阅读(206) 评论(0) 推荐(0)

css 优先级的bug

摘要：对于前端而言，了解css样式的优先级，对开发或处理bug有着事半功倍的效果，今天在做项目的时候，突然碰到一个优先级的小问题，刚开始不知道所因，后来才发现这个问题是由优先级造成的。先描述下问题，鼠标悬停在父容器时，子容器显示，移开消失。看到这个问题，可能有些人要喷了，这和优先级有毛线关系，看起来的确没阅读全文

posted @ 2017-04-07 16:15 Lonely,lonelyBurning 阅读(293) 评论(0) 推荐(0)

js 数组去重

摘要： 2、阅读全文

posted @ 2017-04-07 16:11 Lonely,lonelyBurning 阅读(156) 评论(0) 推荐(0)

ng-class中的if else判断

摘要： ng-class中的if else判断来自于stackoverflow的一个问题，自己刚好用到，搬过来做个标记。原问题链接在使用ng-class时，有些时候会碰到根据是否满足条件来设置元素的样式，使用以下方法可以达到这样的目的。（1）使用运算符 [html] view plain copy p 阅读全文

posted @ 2017-04-07 15:17 Lonely,lonelyBurning 阅读(682) 评论(0) 推荐(0)

2017年4月6日

Sass 的使用

摘要： sass的使用前言之前一直听说过sass和less。以为自己没用过，其实曾经的时候还是用过sass的。只不过是在别人搭好的结构上直接使用的以至于印象不深刻。然后也纠结过用sass还是less。两个框架在语法上大体上是相同的，主要的不同就是实现方式。less是基于javascript，而sass是阅读全文

posted @ 2017-04-06 15:17 Lonely,lonelyBurning 阅读(196) 评论(0) 推荐(0)

pre 标签的使用

摘要： 1、在 div为contenteditable = true 中；换行显示；就使用了pre 标签；避免了/n 和空格的转换；实现了ctrl + enter 换行；显示的问题； 2、如何超过了div显示省略号；项目中是定义公共类；阅读全文

posted @ 2017-04-06 11:18 Lonely,lonelyBurning 阅读(291) 评论(0) 推荐(0)

jquery之stop()的用法

摘要： jquery之stop()的用法目的：为了了解stop()的用法，举个例子，直观的方式看看。实物：一个id="animater"的div包含了一段文字。(以下用animator表示实物) 动画最终的完整效果： animater向右移动800px（这个完整的过程是动画1），然后，字体逐渐变大（这阅读全文

posted @ 2017-04-06 11:14 Lonely,lonelyBurning 阅读(244) 评论(0) 推荐(0)

Lonely existence, lonely burning

每天都在前行！

公告