转载——css 填坑常用代码分享
原文地址：https://www.cnblogs.com/jikey/p/4233003.html 1. 文字换行 2. 两端对齐 3. 去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框 去掉chrome记住密码后自动填充表单的黄色背景 4. ie6: position:fixed 5. clearfix 6. seperate-table 7. 光标大小： 8. min-height: 最小高度兼容代码 9. 鼠标不允许点击： 10. mac fon
转载——前端面试JS方法的各种实现代码
原文地址： http://caibaojian.com/js-interview-methods.html 1.bind（改正）
Function.prototype.bind2 = function () {
var self = this,args = arguments;
return function () {
self.apply(args);
}
} 2.promise
class Promise {
result: an
清除浮动的clearfix样式
.clearfix:after, .clearfix:before{
display:table;
content:"";
}
.clearfix:after{
clear:both;
}
.clearfix {*zoom:1;} //照顾IE6，IE7就可以了
CSS基础干货（转载）
原文地址：http://caibaojian.com/css-ppt 前端页面的书写顺序 先看设计稿 编写 HTML 代码 编写 CSS 代码 编写 JS 代码 今天我们主要关注编写 CSS 代码，在写 CSS 代码时，我们需要从PSD中拿到各种数据，如何精准的拿到这些数据，保证页面能够像素级还原呢？ PSD切图 打开PSD，我们看到一个PSD里面有很多的智能参考线，设计师在设计的过程中，根据某些模块给出适当的智能参考线，帮助前端同事更好的去切图。 如果我们发现要切的图没有参考线，那我们可以手
css书写顺序和常用命名推荐（转载）
原文链接：http://caibaojian.com/486.html 写css代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。 CSS书写顺序 该代码来自于互联网，最初好像是Mozilla的网站上。·
1. Display & Flow(显示与流)
2. Positioning（位置）
3. Dimensions（尺寸）
4. Padding, Borders,
javascript设计模式_桥接模式
桥接模式：在系统沿着多个维度变化的同时，又不增加其复杂度并已达到解耦。（先抽象提取共用部分，然后将实现与抽象通过桥接方法链接在一起，以此实现解耦的作用） 最主要的特点：将实现层（如元素绑定的事件）与抽象层（如修饰页面UI逻辑）解耦分离，使两部分可以独立变化 比如添加一些事件交互，页面中的一些小小细节改变常常因逻辑相似导致大片臃肿的代码。如以下代码 对于用户名，鼠标改变直接改变背景色，但是对于用户消息这类，只能改变里面的文字内容颜色。
<script>
//为用户名绑
javascript设计模式_享元模式
享元模式：避免对象间用用相同内容造成多余的开销。 例如一个简单的新闻翻页功能，页面加载后，异步请求新闻数据，然后创建所有条新闻并插入页面中，需要显示哪一页就将对应页的新闻显示，其他的新闻隐藏......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript设计模式_享元模式</title>
<style>
.container div{
wi
javascript的防抖和节流
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂，就会导致响应跟不上触发，出现页面卡顿，假死现象。 在实时检查输入时，如果我们绑定onkeyup事件发请求去服务端检查，用户输入过程中，事件的触发频率也会很高，会导致大量的请求发出，响应速度会大大跟不上触发
javascript倒计时提示框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>全屏提示框</title>
<style>
#but
javascript 图片放大效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片悬浮放大效果</title>
<style>
img:hover{
cursor: pointer;
}
.smallImgDiv{
display: flex;
justify-content: space-between;
width: 800px;
height: 100px;
marg
多线程--实现多线程版udp聊天器案例
线程 线程可以简单理解为同一进程中有多个计数器，每个线程的执行时间不确定，而每个进程的时间片相等，线程是操作系统调度执行的最小单位。 多线程版udp聊天器案例 案例实现： import socket
import threading
def send_msg(udp_more_socket,dest_ip,dest_port):
"""获取键盘数据，并将数据发送给对方"""
while True:
send_data = input("请输入要发送的内容："
多线程--互斥锁之死锁的演示实例 及死锁的解决方法 添加超时时间
线程 线程可以简单理解为同一进程中有多个计数器，每个线程的执行时间不确定，而每个进程的时间片相等，线程是操作系统调度执行的最小单位。 死锁 在线程间共享多个资源的时候，如果两个线程分别占有一部分资源并且同时等待对方的资源，就会造成死锁，尽管死锁很少发生，但一旦发生就会造成应用的停止响应。 死锁的演示 死锁实例： import threading
import time
#创建互斥锁，默认是没有上锁时
mutex_1 = threading.Lock()
mutex_2 = threading
斐波那契数列的三种python实现方式-普通版、递归版、迭代器版
斐波那契数列 斐波那契数列（Fibonacci sequence）的定义：斐波那契数列指的是这样一个数列 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233，377，610，987，1597，2584，4181，6765，10946，17711，28657，46368…，这个数列从第3项开始，每一项都等于前两项之和。 在数学上，斐波纳契数列以如下被以递归的方法定义：F(0)=0，F(1)=1, F(n)=F(n-1)+F(n-2)（n>=2，n∈N*）
python多任务 Thread（多线程）的基本使用
Thread 创建子线程 多任务管理 多任务执行形式： 时间片轮转 优先级调用 CPU状态 并行：cpu核心数多于运行程序树 并发：轮换进行程序执行 常态 # 多任务
import threading
import time
def sing():
for i in range(5):
print("正在唱歌...")
time.sleep(1)
def dance():
for i in range(5):
print("正
python多进程及进程池详解及语法实现
进程 程序与进程的区别 程序：代码 二进制 exe 静态 进程：程序运行后 资源+代码 动态 进程的流程： 写时拷贝： 进程中，子进程修改时拷贝影响的代码资源，不修改时不拷贝仅运行 创建进程流程： # 导入进程模块
import multiprocessing
# 创建一个进程的实力对象
P = multiprocessing.Process(target=func_name[,args=(元组), kwargs={字典}])
# 创建并启动进程
p.start()
p.join(5)
python迭代器（定义、判定、实现及应用实例：斐波那契数列的实现）
迭代器 迭代是访问集合元素的⼀种⽅式。迭代器是⼀个可以记住遍历的位置的 对象。迭代器对象从集合的第⼀个元素开始访问，直到所有的元素被访 问完结束。迭代器只能往前不会后退。 迭代器的作用 在原版本基础上快速叠加新功能，仅占用极小空间并生成新数据。 迭代器的判定 可迭代判断方法： from collections import Iterable isinstance(判断数据类型,Iterable) 迭代器判断方法： isinstance(判断数据类型,Iterator) 迭代器的实现 实现一个可
python生成器-yield的使用 使用yield实现多任务
⽣成器 利⽤迭代器，我们可以在每次迭代获取数据（通过next()⽅法）时按照特定的规律进⾏⽣成。但是我们在实现⼀个迭代器时，关于当前迭代到的状态需要我们⾃⼰记录，进⽽才能根据当前状态⽣成下⼀个数据。为了达到记录当前状态，并配合next()函数进⾏迭代使⽤，我们可以采⽤更简便的语法，即⽣成器(generator)。⽣成器是⼀类特殊的迭代器。 yield 使⽤了yield关键字的函数不再是函数，⽽是⽣成器。（使⽤了yield的函数就是⽣成器） yield关键字有两点作⽤： 1.保存当前运⾏状态（断
python协程多任务 gevent详解及语法示例
python协程 协程 协程是python个中另外⼀种实现多任务的⽅式，只不过⽐线程更⼩占⽤更⼩执⾏单元（理解为需要的资源）。 为啥说它是⼀个执⾏单元，因为它⾃带CPU上下⽂。这样只要在合适的时机， 我们可以把⼀个协程 切换到另⼀个协程。 只要这个过程中保存或恢复 CPU上下⽂那么程序还是可以运⾏的。 通俗的理解：在⼀个线程中的某个函数，可以在任何地⽅保存当前函数的⼀些临时变量等信息，然后切换到另外⼀个函数中执⾏，注意不是通过调⽤函数的⽅式做到的，并且切换的次数以及什么时候再切换到原来的函数都
深入浅出虚拟机难（JVM）？现在让它通俗易懂
1：什么是JVM 大家可以想想，JVM 是什么？JVM是用来干什么的？在这里我列出了三个概念，第一个是JVM，第二个是JDK，第三个是JRE。相信大家对这三个不会很陌生，相信你们都用过，但是，你们对这三个概念有清晰的知道么？我不知道你们会不会，知不知道。接下来
今日推荐
周排行