链接: 前端优化 前端优化 浏览器发送HTTP请求,服务器收到请求全文后,返回HTTP响应,在浏览器接收之后结束这个过程。浏览器和服务器只有一次互动的机会,浏览器主动发起,而服务器被动地根据收到的请求内容返回结果。一个完…
分类:css
把富文本的 ↵ 转为标签
例如:”我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨…
css:oo css
oo css 既面向对象的css 作用 1.加强代码的复用方便维护。2.减小css体积。3.提升渲染效率。4.组件库思想、栅格布局可共用、减少选择器、方便扩展。 注意事项 1.不要直接定义子节点,应把共性声明放到父类。2…
CSS-div垂直居中方法总结
【第一种】 该方法是通过position定位去实现的,通过将上下左右的偏移值全设为0,再利用margin:auto,让盒子上下,左右宽度相同,将盒子挤到中间。 //html结构 <div class="outer"…
如何实现CSS居中?–CSS居中常用方法
文章参考:http://css-tricks.com/centering-css-complete-guide/?utm_source=ourjs.com(翻译不当之处请谅解) 一、水平居中 1、内联元素居中:相对父级块…
LINE-HEIGHT那些坑
line-height 用来设置行间的距离(行高),最为人熟悉的是可以用在垂直居中上,非常简单。但是使用时有很多坑,需要注意。p.s通常这些坑会出现在面试题目中:) 基本属性 normal:默认,设置合理的行间距,浏览器…
react项目开发教程总览
一 前言 关于这一系列文章的由来,我要做一个详细的说明,这些都在正文里面。关于代码的托管地址,请戳这里:GitHub关于开源代码的使用:免费用于个人、教育学习研究使用,如果有商业用途,请及时联系 二 正文 一直听说rea…
前端技术演进(八):未来前端趋势
这个来自之前做的培训,删减了一些业务相关的,参考了很多资料( 参考资料列表),谢谢前辈们,么么哒 😘 就前端主流技术框架的发展而言,过去几年发展极快,在填补了原有技术框架空白和不足的同时也渐渐趋于成熟。未…
那些年踩过的坑——input输入框 ios端 readyonly 点击出现光标
input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable="on" onfocus="this.blur()" <in…
开发中遇到的问题总结
VUE 1、vue——解决“You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore…
Codepen 每日精选(2018-4-12)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 音乐可视化https://codepen.io/zadvorsky/… 纯 css 画的激光剑https://codepen.io/Y…
CSS:table表单单元格文本超出隐藏和显示
table { table-layout:fixed; } table tbody td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;…