2017 年 4月 28 日随笔档案 - 小小小小小菜鸡程序员

性能优化2

摘要： 1. 尽可能的减少 HTTP 的请求数 [content]2. 使用 CDN（Content Delivery Network） [server]3. 添加 Expires 头(或者 Cache-control ) [server]4. Gzip 组件 [server]5. 将 CSS 样式放在页面阅读全文

posted @ 2017-04-28 17:10 小小小小小菜鸡程序员阅读(111) 评论(0) 推荐(0)

去掉覆盖chrome默认填充的那坨黄

摘要： input:-webkit-autofill { -webkit-text-fill-color: $gray-96; @include box-shadow(0 0 0px 1000px $main-border-color inset); } 阅读全文

posted @ 2017-04-28 17:09 小小小小小菜鸡程序员阅读(103) 评论(0) 推荐(0)

获取浏览器的各种属性

摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight 阅读全文

posted @ 2017-04-28 17:07 小小小小小菜鸡程序员阅读(117) 评论(0) 推荐(0)

去除空格

摘要： str为要去除空格的字符串:去除所有空格: str = str.replace(/\s+/g,""); 去除两头空格: str = str.replace(/^\s+|\s+$/g,"");去除左空格：str=str.replace( /^\s*/, '');去除右空格：str=str.replac 阅读全文

posted @ 2017-04-28 17:07 小小小小小菜鸡程序员阅读(113) 评论(0) 推荐(0)

禁止鼠标右键点击事件

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script language=JavaScript> document.oncontextmenu = new Function("event.returnVa 阅读全文

posted @ 2017-04-28 17:06 小小小小小菜鸡程序员阅读(130) 评论(0) 推荐(0)

把视频当成背景

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} h1{margin: 50px auto;width: 300px 阅读全文

posted @ 2017-04-28 17:04 小小小小小菜鸡程序员阅读(124) 评论(0) 推荐(0)

数组

摘要：增：前增（upshift）作用：在数组前面添加内容；返回值：新增后的数组长度，会影响原数组的内容；后增（push）作用：在数组后面添加内容；返回值：新增后的数组长度，会影响原数组的内容；例子：var arr=[1,2,3,4,5,6];alert(arr.upshift(true,false, 阅读全文

posted @ 2017-04-28 17:03 小小小小小菜鸡程序员阅读(113) 评论(0) 推荐(0)

原生获取键盘 keycode 鼠标键码

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原生js数据库测试</title> <link rel="styleshe 阅读全文

posted @ 2017-04-28 17:02 小小小小小菜鸡程序员阅读(324) 评论(0) 推荐(0)

javascript 拖拽

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> *{ margin: 0; padding: 0; } #div1{ width: 100px; height: 100px; 阅读全文

posted @ 2017-04-28 17:01 小小小小小菜鸡程序员阅读(88) 评论(0) 推荐(0)

简单的鼠标拖拽

摘要： <!doctype html><html><head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin:0;padding:0;} #box { width: 100px; height: 100px 阅读全文

posted @ 2017-04-28 17:00 小小小小小菜鸡程序员阅读(112) 评论(0) 推荐(0)

去除select默认样式

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=n 阅读全文

posted @ 2017-04-28 16:59 小小小小小菜鸡程序员阅读(173) 评论(0) 推荐(0)

select文字右对齐

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>企业信息</title> <style> select { direction: rtl;}select option { direction: ltr;} </s 阅读全文

posted @ 2017-04-28 16:58 小小小小小菜鸡程序员阅读(157) 评论(0) 推荐(0)

移动端REM适配

摘要： var html = document.getElementsByTagName("html")[0]; function getFontSize(){ var width=document.documentElement.clientWidth ||document.body.clientWidt 阅读全文

posted @ 2017-04-28 16:58 小小小小小菜鸡程序员阅读(86) 评论(0) 推荐(0)

cdn库

摘要：百度http://cdn.code.baidu.com/angularhttp://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.jsbootstrap3.3.4http://apps.bdimg.com/libs/bootstrap/3.3.4/ 阅读全文

posted @ 2017-04-28 16:57 小小小小小菜鸡程序员阅读(201) 评论(0) 推荐(0)

简单的呼吸灯效果

摘要： <!DOCTYPE HTML><html lang="zh-CN"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>test</title> <style type="text/css"> ol, ul { 阅读全文

posted @ 2017-04-28 16:56 小小小小小菜鸡程序员阅读(186) 评论(0) 推荐(0)

鼠标上的canvans

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2017-04-28 16:55 小小小小小菜鸡程序员阅读(152) 评论(0) 推荐(0)

js 碰碰球

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #box { width: 700px; height: 阅读全文

posted @ 2017-04-28 16:54 小小小小小菜鸡程序员阅读(207) 评论(0) 推荐(0)

鼠标滚轮实现图片缩放

摘要： <img id="myimage" src="images/pic.jpg" alt="my image" /> <script type="text/javascript"> //添加鼠标滚轮事件处理代码 var myimage = document.getElementById("myimage 阅读全文

posted @ 2017-04-28 16:52 小小小小小菜鸡程序员阅读(485) 评论(0) 推荐(0)

js全屏滚动

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padding:0;} ul{list-style: non 阅读全文

posted @ 2017-04-28 16:50 小小小小小菜鸡程序员阅读(162) 评论(0) 推荐(0)

图片懒加载！！

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, 阅读全文

posted @ 2017-04-28 16:46 小小小小小菜鸡程序员阅读(105) 评论(0) 推荐(0)

导航

2017年4月28日