随笔分类 -  html css

本地git 添加多个远程仓库
摘要:1、在本地找到,~/.ssh 文件夹 2、执行 ssh-keygen -t rsa -C "Winseek" -f "id-rsa-github" 3、生成了id-rsa-github和id-rsa-github.pub,copy id-rsa-github.pub 4、登录github,在sett 阅读全文

posted @ 2019-06-17 23:06 杨龙飞 阅读(729) 评论(0) 推荐(0)

微信小程序一些总结
摘要:1、体验版和线上是啥区别,啥关系 在微信开发者工具里提交代码后进入体验版,在微信后台里点击版本管理,就可以看到线上版本,和开发体验版,描述里有提交备注。 在体验版里发布审核之后会进入到线上。他们两个可以是先后顺序,也可以不经过体验版直接发布上线。 2、微信的带参数的二维码,体验版和线上版怎样生成的? 阅读全文

posted @ 2019-04-26 00:15 杨龙飞 阅读(201) 评论(0) 推荐(0)

大屏数据展示之数字滑动动态显示
摘要:接到一个大屏数据的需求,要是实时展示用户数,并且动画效果是翻转显示,折腾了半个多小时,写了一个demo出来,上代码 阅读全文

posted @ 2019-03-25 16:58 杨龙飞 阅读(1661) 评论(0) 推荐(0)

h5文字超出,两行显示,超出显示省略号
摘要:最近接到一个需求,要求商场导航里的文字最多显示两行,超出两行的省略号显示,查一些资料,又根据自己的需求,改了很多,直接上代码吧 效果图如下: child主要是控制padding和背景颜色,浮动,itemwrap主要是为了垂直居中,item是真正的省略号实现; 注:在less里引入时,一定要记得不要编 阅读全文

posted @ 2019-03-22 11:37 杨龙飞 阅读(7449) 评论(0) 推荐(0)

axios跨域问题
摘要:最近遇到一个很奇怪的问题,在帮助测试妹子做一个小项目的时候,遇到了一个很棘手的问题,axios请求的时候报404,请求type是options,我当时的第一反应就是跨域问题,果然在console里面还是发现了跨域的错误,但是后台死活不承认是自己的跨域问题,我只好前台改了,好费劲啊 具体方法如下, 1 阅读全文

posted @ 2018-12-24 10:59 杨龙飞 阅读(390) 评论(0) 推荐(0)

react.js 结合 ant-design做数据报表
该文被密码保护。

posted @ 2018-11-01 17:41 杨龙飞 阅读(6) 评论(0) 推荐(0)

回归到jquery
摘要:最近在做一个公司的老产品的新功能,使用原来的技术框架,jquery和一堆插件,使用jquery的话,灵活性是有了,但是对于一个工作了3年多的我来说,很low,没什么成就感,技术本身比较简单,但是业务的话,用这个库很复杂,各种联动,因为,dom的变化和数据是分开的没有任何联系,导致我两边都要顾得来,一 阅读全文

posted @ 2018-09-10 14:40 杨龙飞 阅读(177) 评论(0) 推荐(0)

angular的一些思考
摘要:来公司做的第一个产品就是用angularjs来写的 我对整体这个产品架构的理解: 这套系统做的做的目的是实现所有的功能可配置化,使用MVC模型,有model层,view层,和controller层,model层的数据会注入到controller里进行数据初始化,然后,controller层会调用接口 阅读全文

posted @ 2018-07-24 19:58 杨龙飞 阅读(136) 评论(0) 推荐(0)

移动端一个奇怪的触摸bug
摘要:这两天遇到一个很奇怪的bug,在移动端,一个页面里所有的input框都不能点击,我查了一下,里面的没有设置readonly属性,只要页面滚动一下就可以用了,而且,只要我在真机测试的时候,f12开发者模式下,一旦选中这个元素也可以点击了,很奇怪,结果我就去公共样式里排查,home.css。结果定位到了 阅读全文

posted @ 2018-06-11 21:03 杨龙飞 阅读(137) 评论(0) 推荐(0)

使用webpack打包vue工程
摘要:记得去年十月份的时候,自己在研究webpack,当时只是知道大致的用法,写了一个简单的demo,现在,经过了7个月对公司产品架构的使用,以及对vue-cli的使用,在了解了实际应用中各种需求之后,我自己写了一套适合开发的vue-cli 为了满足业务需要我这里配置了四套环境,打包的时候可以自己根据不同 阅读全文

posted @ 2018-05-11 15:19 杨龙飞 阅读(6273) 评论(0) 推荐(0)

css中的block与none
摘要:*{ display:none; } div{ display:block; } div 会正常显示粗来吗?不会 因为*代表所有元素,包括div的父级元素html,body 父级元素都不显示了,子元素怎么会显示 坑!!! 阅读全文

posted @ 2018-03-08 17:41 杨龙飞 阅读(2099) 评论(0) 推荐(0)

animal与@keyframe
摘要:.test1 { width: 90px; height: 60px; -webkit-animation-name: skyset; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; / 阅读全文

posted @ 2018-03-07 18:27 杨龙飞 阅读(178) 评论(0) 推荐(0)

css3中的translate,transform,transition的区别
摘要:translate:移动,transform的一个方法 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数: 用法transform: translate(50px, 100px); -ms-transform: transl 阅读全文

posted @ 2018-03-07 18:24 杨龙飞 阅读(7365) 评论(0) 推荐(4)

页面重绘和回流(重排)以及优化
摘要:1. 当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部 阅读全文

posted @ 2018-03-05 17:13 杨龙飞 阅读(289) 评论(0) 推荐(0)

浏览器渲染过程
摘要:1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成 阅读全文

posted @ 2018-03-05 17:08 杨龙飞 阅读(154) 评论(0) 推荐(0)

渐进增强 VS 优雅降级
摘要:渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级(Graceful Degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 阅读全文

posted @ 2018-03-05 16:57 杨龙飞 阅读(133) 评论(0) 推荐(0)

BFC概念和作用,触发条件
摘要:1、概念,全称是block format context,块级格式化上下文 2、触发条件 根元素 float属性不为none position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-f 阅读全文

posted @ 2018-03-05 16:15 杨龙飞 阅读(1528) 评论(0) 推荐(0)

<b>与<strong> <em>与<i>标签的区别
摘要:<b>与 <strong>用在网页上都能使字体加粗,二者的不同是:<b>是物理元素 ;<strong>是逻辑元素。 物理元素强调的是一种物理行为。比如说,把一段文字用b加粗,意思是告诉浏览器应该加粗显示,没有其他作用。而<strong>可以从字面理解知道它是强调的意思,<strong>是逻辑标签,强 阅读全文

posted @ 2018-03-02 15:34 杨龙飞 阅读(447) 评论(0) 推荐(0)

等高布局
摘要:1、使用margin负边距: 2、使用table 3、使用flex 4、使用grid 推荐使用table和margin负边距,简单好用,不存在兼容性 gird,flex也很简单,但是兼容性不太好 阅读全文

posted @ 2018-03-01 17:13 杨龙飞 阅读(154) 评论(0) 推荐(0)

IOS safari浏览器登陆时Cookie无法保存的问题
摘要:这篇文章引用了:http://www.cnblogs.com/Smiled/p/7661081.html 近期完成了一个儿童的测评项目,测试到最后的时候发现在ipad mini上登陆成功之后无法跳转页面,而安卓和pc端都可以,找了大半天bug,发现其他的苹果设备都没问题,只能一个一个的调试,结果发现 阅读全文

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

导航

Fork me on GitHub