html5
关注
分享
扫一扫
DauntLess_FYQ
做好自己!比什么都强!
展开
-
AVUE + element-ui 项目使用搜集
#收集项目难点##常用点1.关闭当前tag 并跳转到新页面```javascriptthis.$store.dispatch('tagsView/delView', this.$route)this.$router.push('/research/topic/list')```2.对话框提示配置```javascript this.$msgbox.confirm('确定要将这些人添加到课题吗?', '提示', { callback: (action) => { .原创 2020-06-03 16:13:21 · 1156 阅读 · 1 评论 -
移动web适配之rem
前言提到rem，大家首先会想到的是rm，px这类的词语，大多数人眼中这些单位是用于设置字体的大小的，没错这的确是用来设置字体大小的，但是对于rem来说它可以用来做移动端的响应式适配哦。 兼容性先看看兼容性，大部分主流浏览器都支持，可以安心的往下看了。 rem设置字体大小rem是（font size of the root element），官转载 2016-09-12 15:21:14 · 5671 阅读 · 0 评论 -
webstorm scss 自动编译添加css3前缀
sass或者scss编译为css时，webstorm配置如下：（http://www.cnblogs.com/phoenix-smile/p/5063216.html）如果没有安装ruby则先安装，下载地址：http://rubyinstaller.org/downloads安装注意：1.安装ruby，此步骤只需留意勾选Add Ruby executables to your PATH这个选原创 2016-09-14 10:16:00 · 2800 阅读 · 2 评论 -
scss 使用例子
参考文档：http://www.w3cplus.com/sassguide/syntax.htmlhttp://www.w3cplus.com/preprocessor/sass-advanced-application.html原创 2016-09-18 14:47:01 · 1121 阅读 · 0 评论 -
微信浏览器缓存问题
移动端缓存问题1.html5 解决方案如下： 在每个页面头部添加禁止缓存代码http-equiv="pragma"content="no-cache"/>http-equiv="expires"content="0"> 禁止缓存效果不明显 2.通过修改文件名称（加版本号）达到文件加载项目整体文件加载效果明显 优点：A.能解决缓存问题，原创 2016-09-27 14:55:09 · 6508 阅读 · 0 评论 -
IScroll.js 最新版本 v5.1.2
IScroll.js 最新版本 v5.1.2修复了输入框无法输入和横向滚动时无法上下滚动页面的问题var myScroll = new IScroll('#wrapper', { disableMouse: true, disablePointer: true});官网：http://iscrolljs.comgithub： https://gith转载 2017-06-06 23:16:34 · 17373 阅读 · 3 评论 -
meta 的使用
原创 2017-07-31 16:40:52 · 584 阅读 · 0 评论 -
HTTP状态码
HTTP状态码(响应码)用来表明HTTP请求是否已经成功完成.HTTP响应类型一共分五大类:消息响应,成功响应,重定向,客户端错误,服务器端错误.下表列出了所有HTTP状态码,以及他们各自所代表的含义:状态码原因短语代表含义HTTP 版本消息响应100Continue(继续)客户端应原创 2017-12-14 18:29:57 · 233 阅读 · 0 评论 -
软件版本比较大小：1.0.9 和1.0.10比较大小
软件版本比较大小：字符串比较和转换后大小比较的区别var version = "1.0.9";var ocxWebVersion = "1.0.10";<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2018-08-22 10:55:41 · 2749 阅读 · 0 评论 -
HTML5 meta 的使用
html>使用 HTML5 doctype，不区分大小写 -->lang="zh-cmn-Hans">更加标准的 lang 属性写法 http://zhi.hu/XyIa --> 声明文档使用的字符编码 --> charset='utf-8'> 优先使用 IE 最新版本和 Chrome --> http-equiv="X-UA-Compatible" content="I原创 2016-08-02 15:53:39 · 297 阅读 · 0 评论 -
html 头文件 meta的使用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是descripti转载 2016-07-04 14:19:30 · 1729 阅读 · 0 评论 -
《HTML5从入门到精通》中文学习教程
转载 2015-08-27 10:54:15 · 757 阅读 · 0 评论 -
彻底弄懂css中单位px和em,rem的区别
彻底弄懂css中单位px和em,rem的区别 国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的转载 2015-09-07 11:45:50 · 596 阅读 · 0 评论 -
时间，日期格式化以及 格式化时间戳
// 格式化日期方法Date.prototype.format = function(format) {var o = {"M+": this.getMonth() + 1, //month"d+": this.getDate(), //day"h+": this.getHours(), //hour"m+": this.getMinutes(), //minute"s原创 2016-04-01 10:46:16 · 2293 阅读 · 0 评论 -
前端开发静态文件自动添加版本号解决方案
前端开发中不可避免的会遇到缓存问题，那么如何使给这些静态自动给添加版本号使修改后的内容立即生效呢？下面讲下我找到的两种方法:一、通过获取文件最后修改时间原理：通过服务器端语言读取文件最后一次修改修改时间，然后将获取的时间作为版本号。以php为例：使用：" type="text/css" />如果文件存在，就会生成类似于下面代码：另外，可以转载 2016-03-10 17:00:21 · 7230 阅读 · 0 评论 -
前端CSS3选择器
前端CSS3选择器本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。1、*：通用元素选择器* { margin: 0; padding: 0; }*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除默认CSS样式方法*选择器转载 2016-04-29 16:02:17 · 655 阅读 · 0 评论 -
移动端web前端的那些坑
1.移动端文件名不要用game等，以防被合作服务器劫持插入广告，从而影响项目运行2.红米手机，ua返回iphone，需要结合platform判断，但是还不准确，导致需要ios和android区别对待的时候就坑了。3.是fixed的问题。这个解决办法是尽量不要用，不过ios7及以下才会出现这个问题。某些情况下红米也会有这个问题。4.如果你想要使用css3的动画，那原创 2016-05-04 10:39:31 · 6606 阅读 · 1 评论 -
移动端性能优化
方法原创 2016-04-20 15:57:51 · 455 阅读 · 0 评论 -
html5 文字特效
上一篇的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果，其中3d文字效果最为流行，限于篇幅仅仅展示了其3D实现原理，没有考虑代码的复用性和可移植性，今天来补充下，顺便领略sass的强大功能，请大家摩摩拳擦擦掌，开工咯！案例效果还是在codepen，在线研究点这里，下载收藏点这里。1.单单纯纯的效果一为了简化操作，我们使用和上一篇文章《纯CSS3文字效转载 2014-08-28 17:00:06 · 1009 阅读 · 0 评论