
HTML5
行者向阳
为了巅峰的技术,就要付出非凡的努力
展开
-
让body、Div占满整个浏览器的窗口
让HTML标签铺满整个浏览器的窗口,让DIV标签占满整个浏览器的窗口,让父级元素占满整个浏览器的窗口原创 2016-08-21 23:57:04 · 61135 阅读 · 8 评论 -
从盒模型到BFC的深入理解
盒模型的基本概念盒模型是描述DOM元素位置的一种模型,它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成, CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度,包括content + height + border...原创 2018-07-08 16:30:11 · 1836 阅读 · 0 评论 -
vue实现autoComplete组件
需要掌握的技术点 1、采用mock服务器 2、实现下拉自动匹配,和其他列表的自动匹配 3、在输入法输入的时候,页面的输入框不监听输入法中的内容研究方法: 1、查看开源代码如何实现 2、记录研究过程中的知识点知识补充: 1、compositionstart 事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需...原创 2018-04-29 22:31:36 · 9606 阅读 · 0 评论 -
理解前端尺寸 rem ,vh , vw , %的本质
rem、百分比、vh、vw各种布局方式,在兼容不同分辨率的时候,究竟采用哪种方式比较好呢?名词介绍:百分比:就是元素相对于父级的宽度或高度的百分比,比较常用,宽度和高度都可以rem:本身是百分比的一种变形,但是这个单位只是基于宽度的百分比,不是基于高度的百分比vh、vw:基于视口的尺寸,1vh = 1% viewportHeight , 1wh = 1% viewportWid...原创 2018-05-02 09:45:26 · 6476 阅读 · 0 评论 -
构建前端团队的私有npm仓库
有一点规模的团队,都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia,可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时,遇到的问题,以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了,我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题:2.1. 外网无法访问私有sinopia服务...原创 2018-05-08 22:44:04 · 13412 阅读 · 4 评论 -
vue+cordova创建Hybird混合应用(二)----签名(生成秘钥)
上一节中我们提到了怎么打包出一个混合应用。那么当我们打包后,就需要发布了,发布需要使用不同的key,那么做这些key怎么生成呢?1.使用JDK中提供的keytool命令来生成一个签名证书当然当你使用这条命令的时候,请把keytool加入到环境变量中。 还有看到这些xxx了吗?他们其实是你的包名,在我们创建应用时,会提示你命名。如果没有及时命名,叫做Hello World也无所谓,可以...原创 2018-04-22 10:34:31 · 807 阅读 · 0 评论 -
vue+cordova创建Hybird混合应用(一)----从安装到输出第一个应用
为什么写这篇文章呢?因为这是一种构建简单跨平台移动应用的便捷方式。个人认为这比React Native简单的多,很容易上手。解决小型应用绰绰有余。1、安装java2、安装node.js4、安装android studio安装android studio用360软件管家会非常快。记得安装各种sdk。如果打开android studio的时候很慢,很可能是gradle加载不出来,可...原创 2017-10-28 18:23:50 · 1623 阅读 · 0 评论 -
CSS2/CSS3 垂直水平居中
CSS垂直水平居中,CSS3垂直水平居中原创 2016-08-22 00:21:47 · 1504 阅读 · 0 评论 -
获取网站或标签页的favicon.ico
获取网站或标签页的favicon.ico的正确姿势。原创 2016-11-30 08:35:06 · 11727 阅读 · 0 评论 -
借助cryptoJS , jsonp跨域,请求心知天气API ,获取天气信息
详细介绍了探索使用心知天气的API的过程。详细介绍了jsonp的原理,以及使用方式。详细介绍了web页面使用cryptoJS的过程。原创 2016-11-26 16:41:42 · 4130 阅读 · 1 评论 -
使用Data url base64编码 将图片嵌入到页面之中
之前公司有一个需求,后台希望前端尽可能的减少请求,我考虑到将雪碧图以及其他图片转化为base64嵌入到页面之中,这样就可以较少至少一个雪碧图的请求。其原理是,将页面中需要的图片转译成base64的编码,然后植入到css的图片引用位置,或者植入到img标签中的src中。http://tool.css-js.com/base64.html原创 2016-09-03 03:21:41 · 12793 阅读 · 0 评论 -
清除浮动的几种方式
清除浮动的几种方式一般来说清除浮动有如下的几种方式1.额外标签法 2.使用:after 伪元素3.给父元素定高4.利用overflow:hidden;属性5.父元素浮动6.父元素处于绝对定位转载 2016-10-23 12:24:35 · 500 阅读 · 0 评论 -
理解box-sizing属性border-box,content-box
普通盒模型与怪异盒模型对比。box-sizing:content-box,box-sizing:border-box;对比。如何使用普通盒模型与怪异盒模型,如何让浏览器只支持标准盒模型。原创 2016-09-16 10:54:58 · 28257 阅读 · 8 评论 -
将markdown格式的changeLog转换为HTML文件
将markdown格式的changeLog转换为HTML文件主要是用marked.js来实现markdown文本的解析1.安装marked.jsnpm install marked --save 2.需要转换成HTML的markdown文件<a name="1.1.4"></a>## 1.1.4 (2018-05-15)### Bug...原创 2018-07-09 17:47:56 · 769 阅读 · 0 评论