随笔分类 -  html css

h5聊天工具的开发过程及思路
摘要:这个产品的主要技术栈有,网易nim即时通信,vue-cli,muse-ui 1、在拿到这个需求时,脑袋里空的,什么想法都没有,完全懵逼,进了网易云通信的官网api查看,由于我做的是客户端的,所以重点看了客户端的api,当然,服务端的也看了一点,自己用nodejs实现的接口,后面也会贴出来。这个是ap 阅读全文

posted @ 2018-01-31 14:48 杨龙飞 阅读(779) 评论(0) 推荐(0)

利用natapp穿透内网,实现移动端调试本地代码
该文被密码保护。

posted @ 2018-01-25 18:11 杨龙飞 阅读(31) 评论(0) 推荐(0)

localstorage在safri下的坑
摘要:在ios10.2中的safri浏览器里无痕模式会导致localstorage不能正常使用 具体解决办法如下: 后来点击右下角小框框发现有个无痕浏览的模式。MD,关闭后一切正常 阅读全文

posted @ 2018-01-11 15:09 杨龙飞 阅读(256) 评论(0) 推荐(0)

iphone真机测试
该文被密码保护。

posted @ 2018-01-11 14:00 杨龙飞 阅读(3) 评论(0) 推荐(0)

2017移动前端的一些总结
摘要:web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳,有新的知识点会一直更新 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移 阅读全文

posted @ 2017-12-27 11:22 杨龙飞 阅读(224) 评论(0) 推荐(0)

移动端上传图片
摘要:<!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 杨龙飞 阅读(188) 评论(0) 推荐(0)

前端命名规范化
摘要:(1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center (2)导航 阅读全文

posted @ 2017-08-23 09:59 杨龙飞 阅读(173) 评论(0) 推荐(0)

文字两端对齐
该文被密码保护。

posted @ 2017-04-12 15:55 杨龙飞 阅读(15) 评论(0) 推荐(0)

checkbox的常见问题
摘要:1、在使用checkbox时,最好不要阻止他原有的事件,要利用它原有的事件进行控制 2、尽量使用label for属性,不要对input元素的父元素或者input本身绑定事件,这样不能有效的避免冒泡事件, 3、如果想扩大选择区,可以选择扩大label的高度和宽度,不要选择扩大父元素的宽高。 4、如果 阅读全文

posted @ 2017-03-30 14:17 杨龙飞 阅读(197) 评论(0) 推荐(0)

微信web开发者工具使用
该文被密码保护。

posted @ 2017-03-30 14:02 杨龙飞 阅读(106) 评论(0) 推荐(0)

ie11强制兼容模式打开
摘要:<meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文

posted @ 2017-03-23 19:08 杨龙飞 阅读(1113) 评论(0) 推荐(0)

共通css初次尝试
该文被密码保护。

posted @ 2017-03-23 16:40 杨龙飞 阅读(17) 评论(0) 推荐(0)

sass或scss入门
摘要:1、sass环境搭载: 安装ruby 安装sass 安装compass 配置webstorm 如果只是使用sass的话,就配置sass命名监听就好了 如图: sass目录如下: 如果配置了compass要监听compass命令,如图: compass目录如下: 2、基本语法: 编译之后: 重点是五个 阅读全文

posted @ 2017-03-23 16:27 杨龙飞 阅读(869) 评论(2) 推荐(0)

z-index失效的原因
摘要:在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。 1.第一种情况(z-index 阅读全文

posted @ 2017-03-02 16:35 杨龙飞 阅读(2739) 评论(0) 推荐(0)

解决子元素用css float浮动后父级元素高度自适应高度
摘要:1、在最后一个子元素后面清除浮动 2、父元素加over-flow:hidden;(副作用:子元素定位不能超出父元素的范围) 3、父元素也一样浮动(最笨的方法); 4、子元素使用inline-block;代替浮动; 阅读全文

posted @ 2017-03-01 17:23 杨龙飞 阅读(1641) 评论(0) 推荐(0)

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 杨龙飞 阅读(400) 评论(0) 推荐(0)

文字换行
摘要:1、首先文字换行和display属性是没有关系的 2、影响文字换行不起作用的有可能是white-space属性 .div{ width:100px;//必须要设置的 white-space:normal; word-break:break-all; } 阅读全文

posted @ 2017-02-15 10:16 杨龙飞 阅读(206) 评论(0) 推荐(0)

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 杨龙飞 阅读(631) 评论(0) 推荐(0)

line-height属性总结
摘要:line-height属性的继承性: 子元素不设置line-height时, 在父元上设置带单位的值和百分比时会先计算父元素的line-height大小然后继承过来,在父元素上设置无单位的数值时,子元素会继承这个值,然后将这个值乘以子元素的font-size,得到line-height line-h 阅读全文

posted @ 2017-02-09 11:36 杨龙飞 阅读(315) 评论(0) 推荐(0)

placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容
摘要:new Date(res.data[i].inventoryDate.replace(/-/g, "/")); 阅读全文

posted @ 2017-02-06 18:21 杨龙飞 阅读(370) 评论(0) 推荐(0)

导航

Fork me on GitHub