【重拾基础】耐人寻味的CSS属性white-space

2019-10-13
阅读 2 分钟
4.5k
《耐人寻味的CSS属性white-space》,本文说的white-space是一个控制换行和空白处理的CSS属性。我曾经被这个属性烦死,一直没记住,今天决定还是写下来好好琢磨下。

【重拾基础】块级元素和行内元素

2019-09-26
阅读 2 分钟
2k
最近给自己定了一个小目标,一周温习一个基础知识点,并输出一篇手记。看自己是否能坚持下去。^_^ 块级元素 块级元素占据独立的空间,有以下特点: 独占一行或多行 宽度,高度,内外边距可以设置,且有效 宽度默认是父容器的100% 可以作为其他块级元素和行内元素的父容器(文本类块级元素不建议作为其他块级元素的容器,...

即将是史上最全的meta大全

2019-09-24
阅读 5 分钟
5.5k
本文的目的是搜集当前主流的meta配置,方便开发者快速开发调试。在这里不会做各种meta的深入分析,只是简单的介绍,让大家知道有这个东西。 meta简述 meta用于描述 HTML 文档的元数据。通常用于指定网页的描述,关键词,作者及其他元数据。 元数据可以被使用浏览器(如何显示内容或加载页面),搜索引擎(关键词),或其...

发布一个简单的npm包

2019-09-21
阅读 3 分钟
1.2k
本文简单地记录了发布一个简单npm包的过程,以便后续参考使用。 初始化npm init 通过npm init创建一个package.json文件 {代码...} 其中main字段是入口文件 写好README 一个完备的README文件是必要的,以便别人了解你的包是做什么用途。 确认registry 一般我们开发时会修改npm registry为https://registry.npm.taobao.org...

Gerrit常见命令及最佳实践

2019-09-16
阅读 2 分钟
5.3k
概述 本文记录了笔者在使用Gerrit(一种免费、开放源代码的代码审查软件)过程中的一些微小的经验,在这里做个简单的分享。 克隆工程 {代码...} 如果使用了Git代理,请将xx.xx.cn:29428换成代理后的ip:port {代码...} 创建develop分支 一般我们不会将代码直接提交到master分支,而是会选择在develop分支进行开发 {代码.....

拥抱webpack4,有效缩减构建时间57%+

2019-09-11
阅读 8 分钟
3.3k
最近有感觉到,随着系统模块数量的增加,wepack编译打包的速度越来越慢,于是我想给项目做一下优化升级,也借此机会系统地学习一下webpack4。

可能是最详细的UMD模块入门指南

2019-08-29
阅读 5 分钟
11.3k
学习UMD 介绍 这个仓库记录了一些关于javascript UMD模块规范的demo,对我学习UMD规范有了很大帮助,希望也能帮助到你。 回顾 之前也写了几篇关于javascript模块的博客,链接如下: 回头再看JS模块化编程 回头再看JS模块化编程之AMD sea.js的同步魔法 近几天准备总结一下javascript模块的知识点,所以建了这个Git仓库,...

Chrome远程调试手机端UC浏览器

2019-08-28
阅读 2 分钟
5.2k
接着要确认手机USB驱动程序是不是正常,可以在设备管理器中查看,如果设备左侧没有黄色感叹号,则说明正常。 如果不正常就需要手动安装了,给个链接:获取 Google USB 驱动程序

sea.js的同步魔法

2019-08-26
阅读 2 分钟
1k
前些时间也是想写点关于CMD模块规范的文字,以便帮助自己理解。今天看到一篇知乎回答,算是给了我一点启发。 同步写法却不阻塞? 先上一个sea.js很经典的模块写法: {代码...} 按道理加载模块,就是需要等jquery.js加载完毕才能使用,应该是一个异步的过程,为什么可以写成同步的形式呢?这是用了什么黑科技? 原来作者...

在Linux和Windows系统中输出目录结构

2019-08-15
阅读 1 分钟
1.6k
前言 一直以来就想在写文章时,能以文本形式(而不是截图)附上项目的目录结构,今天终于知道怎么操作了,在这分享一下。 Linux 首先说下Linux上输出目录结构的方法。 yum安装tree 需要支持tree命令,首先是要安装tree包的。 {代码...} 然后在你的项目目录下执行tree命令即可 还可以输出带颜色的结构 {代码...} Windows ...

从部署上做到前后端分离

2019-08-06
阅读 2 分钟
1.6k
记得在让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)一文中提到了HTML5的History Mode。然而在最近的使用过程中发现connect-history-api-fallback这个包效果并不是那么理想,用一段时间就会报错。而且本身我的博客项目前后端并未完全分离,虽然开发时是独立的工程,但是前端工程打包后还是放在了...

一种在地图中处理曲线的通用方法

2019-07-12
阅读 5 分钟
2k
本文分享一种可以用于处理曲线的算法,是本人在百度地图开源库基础上改造的,可以用于其他地图场景中处理点数据,只要两个以上的点,就可以得到平滑的曲线。例如小程序,将处理后得到的点赋值给polyline的points即可。

vue项目中引入iconfont

2019-07-10
阅读 5 分钟
16.6k
对于前端而言,图标的发展可谓日新月异。从img标签,到雪碧图,再到字体图标,svg,甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲的了,只是简单地利用了background-position来做图标定位。今天咱们先聊聊怎么使用字体图标和svg图标。其实字体图标也不陌生了,bootstrap,font-awesome,elemen...

一张图带你了解webpack的require.context

2019-07-10
阅读 2 分钟
12.1k
很多人应该像我一样,对于webpack的require.context都是一知半解吧。网上很多关于require.context的使用案例,但是我没找到可以帮助我理解这个知识点的,于是也决定自己来探索一下,下面以网上流行的svg图标方案为例说明。对了,本文的重点是require.context,并不会去解释svg symbol方案svg-sprite-loader。

vue全家桶版本升级排错

2019-06-28
阅读 5 分钟
2.5k
如果你使用了element-ui的el-tabs组件,并且想要单独升级element-ui至2.10.0,你会发现,使用了el-tabs组件的页面只要打开就卡死。原因是element-ui~2.10.0采用了不兼容vue~2.5.10的写法。于是我尝试系统性升级vue全家桶,这也是为系统赋予更多能力做准备。结果遇到一些报错,这里记录一下。

解决npm install卡住不动的小尴尬

2019-06-21
阅读 1 分钟
27.2k
安装angular cli工具时,发现进度条一直卡住不动,相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢,甚至很多东西都无法下载安装。那么如何解决这个问题呢?

让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)

2019-05-30
阅读 5 分钟
2.7k
本文主要是对connect-history-api-fallback库进行一次源码分析。connect-history-api-fallback是一个用于支持SPA History路由模式的nodejs库。阅读本文前,应对HTML5 History模式有一定程度的了解!

VSCode缩进方式转换

2019-05-30
阅读 1 分钟
7.2k
首先要明确的是,一般我们推荐的是采用空格进行缩进,因为tab不是一个标准的东西,如果使用tab缩进,可能在不同的系统中表现有差异。我个人还是喜欢4空格缩进,所以对于某些2空格缩进的代码,我还是有必要去做下转换的。下面以2空格缩进转4空格缩进为例进行说明。