![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
时间在飞飞
联系方式:18501080314 有2年音乐艺术教育行业工作经验,3年电商行业工作经验。热爱思考和实践,有4年多前端开发经历,其中3年旅游服务电商行业开发经验。性格开朗,热爱技术,有责任心,工作能力强。
展开
-
Google浏览器保存记住密码默认样式修改,自动填充后input的背景色和color默认样式去除
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background...原创 2021-08-26 10:19:30 · 800 阅读 · 0 评论 -
echarts图表宽度设置100%,结果echarts宽度只有100px,解决图表自适应宽度问题
问题我的echarts在tab选项卡中显示,为了自适应,用来渲染图表的div的宽度为100%,但是charts渲染出来以后默认设置为了100px。原因图表的父容器 li 是隐藏的,我默认设置 display:none,图表在执行js初始化的时候找不到这个元素,所以自动将“100%”转成了“100”,最后计算出来的图表就成了100px解决方法有两种(一种是切换tab以后,li显示以后再初始化图表,二是给li中渲染图表的div提前设置好width 宽度)第一种可以把图表的实例...原创 2021-08-11 11:44:27 · 8461 阅读 · 0 评论 -
aes.js JS实现 加密 解密
用到的库:aes-js 官方地址:https://github.com/ricmoo/aes-js原本在小程序中是计划使用 CryptoJS 的,但是考虑到aes-js也可以满足并且size也小。//秘钥var pass = "25bc2e22f4da436422ec6a428bdf4db1";//秘钥转成字节var key = aesjs.utils.utf8.toB...原创 2019-11-08 12:08:29 · 3593 阅读 · 0 评论 -
H5新增标签 css图标库 web 前端 字体 问题
1.<header>用在页面的头部或者版块的头部</header>2.<nav><a href="#">链接</a><a href="#">链接</a></nav><nav>//用在导航,具体用法仁者见仁智者见智,有几种原创 2018-04-09 20:14:47 · 943 阅读 · 0 评论 -
CSS渐变之CSS3 gradient在Firefox3.6下的效果兼容使用
这是最近在公司做一个产品的官网遇到的。这是谷歌显示效果。这是兼容之后火狐的效果。贴上代码: <ul class="wifi-device"> <li><img id="wifi-watch" src="img/mkl_watch.png" alt=""></li> <li&am原创 2018-04-19 13:40:57 · 388 阅读 · 0 评论 -
使用h5标签需要兼容,不使用没有标签进行语义化,如何取舍?兼容IE6,7,8,canvas,video
HTML5已向开发人员提供了很多新的标签,如section,nav,article,header和footer等。这些标签语义化程度高,会被经常使用,但在IE6,IE7,IE8和Firefox 2等老式浏览器中却不能识别和正常使用。很多浏览器(比如Firefox 3.6和Safari4)解析的时候都会将div作为最外层的元素,然后div里面是一个识别不了的元素(section),它会在DOM中创建...原创 2018-04-20 10:17:03 · 221 阅读 · 0 评论 -
移动端 样式重置 设置字体
因为移动端都没有微软雅黑,没有宋体,在移动端的默认字体都是无衬线字体,使用系统默认的字体所达到的视觉效果跟使用微软雅雅黑没有明显差别./* 移动端定义字体的代码 */body{font-family:Helvetica;}...原创 2018-05-28 16:09:46 · 999 阅读 · 0 评论