-
[综合] HTML5添加背景音乐 3种方法个人推荐audio
这里推荐两种方法，就是两个标签<embed>或者<audio>常用<audio>+css布局隐藏播放器做网站比较实用！ <!DOCTYPEhtml> <html> <head><title>html5添加音乐<...
26
热度 -
[综合] 解决移动端click点击问题
1，为什么移动端点击会有300ms的延迟呢？ 从点击屏幕上的元素到触发元素的click事件，移动浏览器会有大约300毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击(doubletap)操作。 2，兼容性 iOS3及更高版本的移动Safari iOS5及更高版本的Chrome Android...
107
热度 -
25
热度 -
[综合] vue项目移动端、pc端适配方案
vue项目移动端、pc端适配方案 vue项目移动端、pc端适配方案 lib-flexible根据屏幕宽度，自动设置html的font-size postcss-px2rem自动将px单位转换成rem 一、第一步先安装flexible和postcss-px2rem(命令行安装) npmilib-f...
59
热度 -
[综合] vue3.0中使用postcss-pxtorem
postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。 前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem...
63
热度 -
[综合] Android部分webview rem计算误差记录
上周做了一个原生H5小游戏页面，使用rem来布局，然后在三星和华为的部分机型里面出现了rem计算出现误差的情况，截图如下 在页面rem计算完成后，用两种方式获取font-size。然后结果不一样，导致某些元素通过rem计算后的值，产生了误差 修复 通过比较document.documentE...
91
热度 -
[综合] vue里自定义封装axios
前言 今天研究了一下公司pc端封装的axios，主要配合element以及js-cookie，自己跟着搞了一遍，在这里记录一下。 代码 importaxiosfrom'axios'; import{Loading}from'element-ui'; importCookiesfrom'js-coki...
103
热度 -
[综合] git-将dev代码合并到test
1.在dev分支上刚开发完项目，执行以下命令： gitadd gitcommit-m‘dev’ gitpush-uorigindev 2.切换到test分支上 如果是多人开发，先把远程代码pull下来 gitpullorigintest 如果是单人开发，就没必要了，但为了保险起见，还是先pull一下...
37
热度 -
[综合] MySQL OOM 故障应如何下手
引言 前阵子处理这样一个案例，某客户的实例MySQLd进程内存经常持续增加导致最终被OOMkiller。作为DBA肯定想知道有哪些原因可能会导致OOM(内存溢出)。 此篇文章叙述个人的一些拙见~ 先介绍下这位朋友：OOM-killer OOMKiller(OutofMemoryKiller)是当系统...
66
热度 -
94
热度 -
[综合] 伪元素的妙用–单标签之美
:before和::before的区别 在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实CSS对这两个是有区分的。 CSS2及css3伪类区分 CSS3伪元素单双冒号区分 有时你会发现伪类元素使用了两个冒号(::)而不是一个冒号(:)，这是CSS3...
102
热度 -
[综合] 15个精美的 HTML5 单页网站作品欣赏
HTML5是现在Web开发领域的热点，更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏。今天，本文收集了15个精美的HTML5单页网站作品，让大家感受一下HTML5的魅力，一起欣赏。 Digitalhands Hellocarbon Morehazards ...
46
热度 -
[综合] CSS基础：z-index详解
概念z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 对于同级元素，position不为static且z-index存在的情况下z-inde...
76
热度 -
[综合] Web前端开发的四个阶段
第一阶段：HTML的学习 超文本标记语言(HyperTextMark-upLanguage简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML的学习...
22
热度 -
[综合] Web 前端开发代码规范
一、引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。 二、HTML/CSS规范 2.1浏览器兼容 根据公司业务要求而定，一般： 主流程测试：Chrome30+、IE9+； 完...
69
热度 -
[综合] 前端常见的6种HTML5错误用法
一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码： <!--HTML4-stylecod...
52
热度 -
[综合] JS实现div块的拖放，调换位置
主要是HTML5的拖放(Drag和Drop) 例子(不需要对div设置ID)： <!DOCTYPEHTML> <html> <head><scripttype="text/javascript"> functionallowDrop(ev) { ev....
25
热度 -
58
热度 -
[综合] 自定义封装axios
前言 今天研究了一下公司pc端封装的axios，主要配合element以及js-cookie，自己跟着搞了一遍，在这里记录一下。 代码 importaxiosfrom'axios'; import{Loading}from'element-ui'; importCookiesfrom'js-coki...
61
热度 -
[综合] meta标签强制客户端浏览器为google内核+兼容+双核
meta代码： //强制客户端浏览器为Google内核<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">//设置谷歌内核<metaname="renderer"content="webkit"> 360浏...
78
热度