![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web综合
高手坟墓丶
转知乎了https://www.zhihu.com/people/yang-jian-04-12
挖掘机大手,dotA天梯和尼古拉斯赵四一样,篮球准星和隆多一样。
展开
-
sina微博输入功能实现
sina微博输入功能原创 2017-02-18 00:34:08 · 469 阅读 · 0 评论 -
抽奖demo
抽奖demo原创 2017-02-22 22:35:02 · 393 阅读 · 0 评论 -
文字滚动
前几天做了一个抽奖的小demo,那个是纵向滚动的,今天就试了一下横轴的滚动,简单的做了一个文字滚动,跟大街上的led显示灯差不多的。 刚开始做的一行文字滚动完重新滚动,这样就造成了会有一段时间屏幕是没有文字的,就想了一个简单的方式让前面消失的字在屏幕右边跟着出现。 原理很简单,就是写了两句重复的话,控制好间距,当第二句话的开头的字“这”出现时,设置margin-left到一开始的状态,就可以原创 2017-02-27 23:31:59 · 359 阅读 · 0 评论 -
web页面优化经验(不定期更新)
代码层面 (编写高质量的代码)1、 例如多次操作一个全局变量:var a = 1;function add(){ for(var i=0;i<10000;i++) { a+=1; }}这个代码就很不好,函数里面没有这个变量,每次都要顺着作用域链往上寻找到全局作用域。 正确的写法应该这样:var a = 1;function add(){原创 2017-03-15 23:26:23 · 385 阅读 · 0 评论 -
颜色字符串转换
题目:将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff。rgb 中每个 , 后面的空格数量不固定十六进制表达式使用六位小写字母如果输入不符合 rgb 格式,返回原始输入 例如: 输入 :’rgb(255, 255, 255)’ 输出:#ffffff答案:function rgb2hex(sRGB) { if(/^(rgb原创 2017-09-28 21:19:07 · 859 阅读 · 0 评论 -
戏说flex-grow、flex-shrink、flex-basis
flex-basis 设置子元素宽度。如果元素也设置了宽度width,则flex-basis会覆盖width。<!doctype html><html><head> <style type="text/css"> #main { display: flex; border: 1px solid black;原创 2017-11-05 02:19:28 · 1103 阅读 · 0 评论 -
(译)网站加速最佳实践——雅虎35条
翻译了一下雅虎35条,这是原文地址。(雅虎的)卓越的性能团队已经确定了一些提升网页速度的最佳实践。该清单包括35条,分为7大类。最小化http请求终端用户响应时间的80%用在前端。这个时间中的大部分都是在下载页面中的所有组件:图片、样式表、脚本、Flash等。减少组件的数量顺带减少了渲染页面所需的http请求的数量。这是页面加速的关键。减少页面中组件数量的一种方法是简化页面的设计。但是,有没有一种方原创 2017-11-12 22:09:22 · 694 阅读 · 0 评论