- 博客(49)
- 收藏
- 关注
转载 如何优化网页加载速度
一减少HTTP请求 图片地图 CSS Sprites 二使用CDN 三添加Expires头 四压缩组件 代理缓存 五将样式表放在头部 六将脚本放在底部 七避免CSS表达式 事件处理机制 八使用外部的JavaScript和CSS 加载后下载 九减少DNS查找 十精简JavaScript CSS的精简 十一避免重定向 什么是重定向 常用重定向...
2018-09-14 20:38:02 134
原创 node 路由
var http = require('http');var fs = require('fs');var url = require('url');FILE = "d:/node/node7/http";http.createServer(function(req,res){ res.writeHead(200,{"Content-Type":"text/html"}); ...
2018-09-13 17:26:52 121
转载 进程和线程
1.定义 进程是具有一定独立功能的程序关于某个数据集合上的一次运行活动,进程是系统进行资源分配和调度的一个独立单位. 线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位.线程自己基本上不拥有系统资源,只拥有一点在运行中必不可少的资源(如程序计数器,一组寄存器和栈),但是它可与同属一个进程的其他的线程共享进程所拥有的全部资源.2.关系 一个线程可以创建...
2018-09-12 19:14:18 125
转载 浅拷贝与深拷贝
浅拷贝就是在类是以复制方式创建对象的时候,或者在变量进行复制的时候,没有设置自定义的拷贝构造函数或重载等号运算符的拷贝函数,导致对变量中的所有进行拷贝,包括指针,即指针只拷贝地址,不会再为指针变量申请内存。 因为我们对同一块内存进行了两次析构,导致程序崩掉,而且,浅拷贝的另一个问题是我们在修改一个变量的时候,另一个变量会受到影响,这样耦合性很大的程序我们还是能避免尽量避...
2018-09-12 19:12:12 138
原创 tcp 和udp的区别和优缺点
TCP与UDP区别总结:1、TCP面向连接(如打电话要先拨号建立连接);UDP是无连接的,即发送数据之前不需要建立连接2、TCP提供可靠的服务。也就是说,通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达;UDP尽最大努力交付,即不保证可靠交付Tcp通过校验和,重传控制,序号标识,滑动窗口、确认应答实现可靠传输。如丢包时的重发控制,还可以对次序乱掉的分包进行顺序控制。3、U...
2018-09-11 17:26:25 166
原创 html,css简谈
html:1.一般来说大体结构分三部分:header,content,footer.2.五大浏览器内核:ie-trident,firefox-gecko,safari-webkit,opera-opera,chrome-blink.3.渐进增强和优雅降级的区别:渐进增强是先加载所有浏览器都支持的基础样式,然后再针对不同的浏览器逐步增加效果,优雅降级是先加载所有效果,然后再针对不同的浏览器进...
2018-09-05 17:26:48 94
原创 画布拖放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 5
2018-07-26 20:29:38 141
原创 冒泡气球
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:
2018-07-26 20:29:14 147
原创 人物行走
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:
2018-07-26 20:28:44 289
原创 帆布涂鸦
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <c
2018-07-25 19:51:48 151
原创 帆布画脸
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <
2018-07-25 19:51:20 137
原创 super应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&a
2018-07-24 17:44:26 117
原创 面向对象table切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:
2018-07-24 17:43:43 205
原创 瀑布流布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 1
2018-07-10 22:46:55 89
原创 封装get和post函数
fn("post","1.post.php","username=sunzian&age=20"); function fn(a,b,c) { if(window.XMLHttpRequest){ var xhr=new XMLHttpRequest(); } else{ var x...
2018-07-09 22:38:49 578
原创 城市地区点击出现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width
2018-07-09 22:37:51 201
原创 cookie
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script
2018-07-06 22:37:46 87
原创 全屏滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0}
2018-07-05 11:38:05 160
原创 放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0}
2018-07-04 20:03:59 109
原创 右键点击
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding: 0;list
2018-07-03 20:35:55 740
原创 上下轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0}
2018-07-03 20:33:29 173
原创 动态轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0} .b
2018-07-03 10:47:18 117
原创 键盘组合键
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;p
2018-07-03 09:03:44 850
原创 固定栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;p
2018-07-03 09:03:18 93
原创 鼠标拖动div
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0}
2018-06-29 22:20:23 99
原创 聊天框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0}
2018-06-29 22:19:01 111
原创 返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;padding: 0
2018-06-29 22:18:09 84
原创 订单增加删除修改内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;p
2018-06-26 18:24:36 2033
原创 增加和删除li
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0;lis
2018-06-25 22:58:50 190
转载 正则表达式match和exec的区别
1、当正则表达式无子表达式,并且定义为非全局匹配时,exec和match执行的结果是一样,均返回第一个匹配的字符串内容;2、当正则表达式无子表达式,并且定义为全局匹配时,exec和match执行,做存在多处匹配内容,则match返回的是多个元素数组;3、当正则表达式有子表示时,并且定义为非全局匹配,exec和match执行的结果是一样;4、当正则表达式有子表示时,并且定义为全局匹配,exec和ma...
2018-06-24 18:24:56 142
原创 检查用户名
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .title{ width: 8
2018-06-24 18:03:38 532
原创 用正则表达式筛选对象元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am
2018-06-24 18:01:54 1308
原创 端午节小网页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * {margin: 0;padding: 0;li
2018-06-21 19:27:37 2181
原创 双色球
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .case{ width:
2018-06-21 18:42:09 177
原创 时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-06-21 18:41:41 92
原创 当前时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&q
2018-06-21 00:35:53 141
原创 倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&q
2018-06-21 00:35:16 211
原创 图片旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{
2018-06-19 21:27:52 101
原创 边框构图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">*{ ma
2018-06-19 21:25:54 242
转载 双飞翼
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0;pa
2018-06-14 17:36:23 109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人