h5聊天工具的开发过程及思路
摘要：这个产品的主要技术栈有，网易nim即时通信，vue-cli，muse-ui 1、在拿到这个需求时，脑袋里空的，什么想法都没有，完全懵逼，进了网易云通信的官网api查看，由于我做的是客户端的，所以重点看了客户端的api，当然，服务端的也看了一点，自己用nodejs实现的接口，后面也会贴出来。这个是ap
阅读全文
posted @ 2018-01-31 14:48
随笔分类 - html css
localstorage在safri下的坑
摘要：在ios10.2中的safri浏览器里无痕模式会导致localstorage不能正常使用 具体解决办法如下： 后来点击右下角小框框发现有个无痕浏览的模式。MD，关闭后一切正常
阅读全文
posted @ 2018-01-11 15:09
2017移动前端的一些总结
摘要：web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳，有新的知识点会一直更新 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移
阅读全文
posted @ 2017-12-27 11:22
移动端上传图片
摘要：<!DOCTYPE html> <html> <head> <title>pc和手机端的图片上传处理</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> </head> <bod
阅读全文
posted @ 2017-12-15 16:49
前端命名规范化
摘要：(1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航
阅读全文
posted @ 2017-08-23 09:59
checkbox的常见问题
摘要：1、在使用checkbox时，最好不要阻止他原有的事件，要利用它原有的事件进行控制 2、尽量使用label for属性，不要对input元素的父元素或者input本身绑定事件，这样不能有效的避免冒泡事件， 3、如果想扩大选择区，可以选择扩大label的高度和宽度，不要选择扩大父元素的宽高。 4、如果
阅读全文
posted @ 2017-03-30 14:17
ie11强制兼容模式打开
摘要：<meta http-equiv="X-UA-Compatible" content="IE=edge">
阅读全文
posted @ 2017-03-23 19:08
sass或scss入门
摘要：1、sass环境搭载： 安装ruby 安装sass 安装compass 配置webstorm 如果只是使用sass的话，就配置sass命名监听就好了 如图： sass目录如下： 如果配置了compass要监听compass命令，如图： compass目录如下： 2、基本语法： 编译之后： 重点是五个
阅读全文
posted @ 2017-03-23 16:27
z-index失效的原因
摘要：在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况（z-index
阅读全文
posted @ 2017-03-02 16:35
解决子元素用css float浮动后父级元素高度自适应高度
摘要：1、在最后一个子元素后面清除浮动 2、父元素加over-flow:hidden;(副作用：子元素定位不能超出父元素的范围) 3、父元素也一样浮动(最笨的方法)； 4、子元素使用inline-block;代替浮动；
阅读全文
posted @ 2017-03-01 17:23
css3动画知识点
摘要：杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 <!DOCTYPE html><html><head><style> div{width:100px;height:100px;background:red;animation:myfirst 5s;-moz-animation:myfirst 5s; /*
阅读全文
posted @ 2017-02-17 15:58
文字换行
摘要：1、首先文字换行和display属性是没有关系的 2、影响文字换行不起作用的有可能是white-space属性 .div{ width:100px;//必须要设置的 white-space:normal; word-break:break-all; }
阅读全文
posted @ 2017-02-15 10:16
iphone与安卓的兼容性问题汇总
摘要：1.日期问题 当使用yyyy-mm-dd格式时，iphone不认，安卓没问题 解决办法：new Date(res.data[i].inventoryDate.replace(/-/g, "/")); 2.title问题 如果title是动态加载的，在dom加载完之后通过js改变title的值，在安卓
阅读全文
posted @ 2017-02-13 18:29
line-height属性总结
摘要：line-height属性的继承性： 子元素不设置line-height时， 在父元上设置带单位的值和百分比时会先计算父元素的line-height大小然后继承过来，在父元素上设置无单位的数值时，子元素会继承这个值，然后将这个值乘以子元素的font-size，得到line-height line-h
阅读全文
posted @ 2017-02-09 11:36
placeholder的字体样式改变，滚动条的颜色改变，ios日期兼容
摘要：new Date(res.data[i].inventoryDate.replace(/-/g, "/"));
阅读全文
posted @ 2017-02-06 18:21
浙公网安备 33010602011771号