摘要：
内容更新 Angular 配置文件 angular.json 可以修改。 projects.<projectName>.architect.serve.options 属性添加 port 属性 { "$schema": "./node_modules/@angular/cli/lib/config/ 阅读全文
摘要：
对复选框自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :checkbox 来实现。 如果直接对复选框设置样式，那么这个伪类并不实用，因为没有多少样式能够对复选框起作用。不过，倒是可以基于复选框的勾选状态借助组合选择符来给其他元素设置样式。 很多时候，无论是为了表单元素统一，还是为 阅读全文
摘要：
有这样一个需求： 1. 有一个列表，将每一个列表项左滑动出现删除按钮； 2. 右滑动隐藏删除按钮； 3. 点击这个删除按钮删除该列表项。 完成以后的效果： 这是微信网页端的页面，使用的是 zepto 库。于是我按照这个需求，写好了html结构，样式和脚本，感觉没问题了，去调试，结果交互没效果，然而自 阅读全文
摘要：
公司的新项目要启动了，需要使用 Angular 4.0，并且使用 webpack 工具进行打包。所以就需要安装 node。node 的安装很简单，在 node 的官网 nodejs.org 去下载 msi 安装包，目前 node 最新的版本是 v8.1.2(打开这个官网，会根据你的系统为你推荐最合适 阅读全文
摘要：
[attribute |= value] 与 [attribute ^= value] 的联系与区别： 一、联系： 1. 两个选择器的 attribute 属性值等于 value 时都可以匹配 2. 两个选择器的 attribute 属性值以 value 开头且后面都跟上"-"时都可以匹配 它们的结 阅读全文
摘要：
ECharts 是百度出品，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数 阅读全文
摘要：
最近公司官网是使用 DedeCMS 做的，这个项目中要使用到为导航栏目添加英文标题，就查找资料把它实现了。 根据设计图写成静态页面后是这样的效果： 操作步骤如下： 1. 修改数据表，添加英文字段 影响该导航字段类型的是数据表 dede_arctype(我的数据表为zx_arctype)，所以该表中需 阅读全文
摘要：
网页设计中常常有一些重复性的工作需要我们去处理，为了避免不重复造轮子，我把一些常用的功能保存下来，以供日后使用。 一、菜单关闭与打开 很多情况下，为了不让菜单占用网页太多的空间，通常都是把菜单隐藏起来。当用户点击打开按钮时菜单显示，关闭时隐藏。 这样看起来很简单，当用户的要求可不止这些： 1. 点击 阅读全文
摘要：
15年自学了 less ，可是一直没用，就忘记了。后来抱着提高 css 开发速度的目的，又去学习了 less ，学完马上用，效果立竿见影，记得也牢了。刚开始学习前，我们总会问自己一个问题，学习它有什么用。就拿这个 less 来说，学习它有什么用，分明就有了 css 用来编写样式，我还要花时间来研究 阅读全文
摘要：
总结了一些canvas绘制2d图形的方法，记录在博客中，以便需要的同学参考，也便于日后加深记忆。 1. 圆角矩形： 如上图:w表示矩形的宽，h表示矩形的高，r表示矩形圆角的半径。整个矩形在画布中，(0,0)点相对于画布的位置平移了(x,y)的距离。 方法： 1. 分别先算出每一段圆弧的圆心的位置、起 阅读全文
摘要：
面试时被问到太多次浏览器兼容性问题，可是每次都不能回答得让面试官满意，要么回答得太简单，要么回答得自己都不知道自己说了什么。面试就是这样，平时很熟悉的东西，面试时就变得不熟悉了，平时了解的东西，面试时就变得一点都不懂了。 写这篇兼容性总结参照了 http://www.qdfuns.com/notes 阅读全文
摘要：
一、响应式和自适应的区别： 联系(相同点)： 响应式设计(responsive design)和自适应设计(adaptive design)都是用来解决网页在不同分辨率的屏幕和设备上展示的一项技术(或者说一种方法)。 区别： 响应式设计：通过CSS Media Queries(css媒体查询)，Co 阅读全文
摘要：
DOM 节点中对于获取文本易混淆的属性，innerText, innerHTML, outerHTML, textContent, nodeValue。 一个实例： 结果： ie9 及以上版本下的结果： ie8 及以下版本下的结果： 其它主流浏览器下的效果基本一致： 从结果可知： 1. IE8 及以 阅读全文
摘要：
这几天在面试，面试的题型繁多，问到的很多问题自己都不会。将面试中被问到频率较高的且容易忽视的问题总结一下： 1. 图片的格式 这个问题被问成图片的类型，我回答图片和背景图片。 图片的格式在前端一般会用到 gif, png, jpg。 gif 用于动态图 png 用于具有透明、阴影的图片 jpg 用于 阅读全文
摘要：
这篇文章仅供自己以后翻阅加深记忆，要系统的学习 git 教程(中文版)，请移步到 liaoxuefeng.com 学习 git 教程部分。 pull, fetch, clone, push, checkout, commit, add 之间的区别如下，图片来源于：http://www.ruanyif 阅读全文