代码改变世界

随笔档案-2018年09月

阻止冒泡,阻止默认事件

2018-09-26 10:15 by 冻奶香甜玉米片, 185 阅读, 收藏,
摘要: 冒泡指的是在子节点被点击时,会导致父节点及其以上都会被点击,这对以上的节点在绑定事件时会造成错误触发。 event.stopPropagation();阻止冒泡 event.preventDefault();阻止默认事件,例如a标签 或者retuan false 阻止冒泡和阻止默认事件 阅读全文

checked 和 prop() (散列性比较少的)

2018-09-25 15:41 by 冻奶香甜玉米片, 215 阅读, 收藏,
摘要: 在<input class="sex1" type="radio" checked>男 checked表示该框会被默认选上 prop()操作的是DOM对象的属性 和attr()不同是attr()操作的是标签属性样式(其实感觉都可以) 具有 true 和 false 两个属性的属性,如 checked 阅读全文

mouseenter mouseleave鼠标悬浮离开事件

2018-09-25 13:41 by 冻奶香甜玉米片, 396 阅读, 收藏,
摘要: 阅读全文

this 和 $(this)

2018-09-25 11:02 by 冻奶香甜玉米片, 152 阅读, 收藏,
摘要: 我的理解是因为jquery对象绑定方法时是逐个遍历,所以等于$('div')[0].click,而$('div')[0]是js对象,所以this也是js对象 想要转为jq对象则$(this)即可 想获取内部内容则$(this).text() (05 如何操作DOM) 阅读全文

jquery的入口函数 和 js和jq的转化

2018-09-25 09:58 by 冻奶香甜玉米片, 208 阅读, 收藏,
摘要: 先引入jq包 然后<script type="text/javascript"> $(function{ 获取标签:$('#box2') jq转为js:$('#box2')[0] js转为jq:var odiv = document.getElementByid('box2') $(odiv)则转为 阅读全文

js 变量提升

2018-09-19 10:31 by 冻奶香甜玉米片, 159 阅读, 收藏,
摘要: 浏览器在解析代码时,见到有 var时,会把var 提到最上面,然后在你var a=10 的地方变成 a = 10 阅读全文

JS中函数定义和使用顺序

2018-09-18 16:33 by 冻奶香甜玉米片, 445 阅读, 收藏,
摘要: 在js中如果定义函数是先声明函数,如: console.log(hello); //然后再去定义: function hello(){ alert("Hello");} 这种是可以的(函数语句) 而:consloe.log(hi); var hi =function(){ alert('hi');} 阅读全文

DOM 绑定事件

2018-09-18 13:53 by 冻奶香甜玉米片, 157 阅读, 收藏,
摘要: // 1.获取事件源 var oDiv = document.getElementById('box'); console.log(oDiv); //2.事件 (1)直接绑定匿名函数 oDiv.onclick = function(){ // 3.事件驱动 alert(1); 阅读全文

a标签美化

2018-09-11 13:43 by 冻奶香甜玉米片, 1337 阅读, 收藏,
摘要: 具体选中a标签给予宽高,这样才能在整个a标签范围内才能跳转 但是因为a标签是行内元素,所以要用display:blcok 转化为块状元素 且a标签不继承父元素的color 对a标签设置颜色,要选中a标签设置 给父盒子设置圆角:border-radius:3px(越大角弧度越大) 阅读全文

font 和 text ,cursor

2018-09-11 13:36 by 冻奶香甜玉米片, 303 阅读, 收藏,
摘要: font:14px/30px/"宋体"这种写法等于 font-size="14px" line-heigiht="30px" font-family="宋体" font-weight 字体粗细,bold变粗,bolder更粗 (也可以设置数字 设置具体粗细,400等同于normal,而700等同于b 阅读全文

设了padding要减去盒高 和 line-height 行高

2018-09-11 13:27 by 冻奶香甜玉米片, 495 阅读, 收藏,
摘要: 增加了padding 一定要减去相应的高度,不然整个元素的高度会增高(原高+padding) line-height:行高 1.行高要比字体大,不然字体会挤到一块去 2.若父盒子没有设置高度,则行高会把父盒子撑开 3.若行高等于父盒子高度,在单行文本情况下,文字会垂直居中显示(text-align: 阅读全文

margin (子元素远离父元素边框)

2018-09-11 13:20 by 冻奶香甜玉米片, 663 阅读, 收藏,
摘要: 如果父盒子没有设置border框着,那么他的子元素无法利用margin-top 来远离父元素的上边框 如果使用了margin-top会使子元素和父元素一起往下移 (子想离,父不设置border边框 则离得是流 不是父盒子) 阅读全文

元素居中 文字水平居中

2018-09-11 13:18 by 冻奶香甜玉米片, 188 阅读, 收藏,
摘要: 元素居中必须设置宽度,不然就会自动适应父元素宽度,导致变成浏览器宽度 只有标准流才能用margin:0 auto 浮动使用无效 text-align:center 里面文字水平居中 阅读全文

塌陷

2018-09-11 13:11 by 冻奶香甜玉米片, 168 阅读, 收藏,
摘要: 塌陷 塌陷是指 上下两个块状元素 上设置了margin-bottom 下设置了margin-top 上面的外边距会塌陷到下面的外边距里(以长的为准) 但是浮动的盒子垂直方向不塌陷,只有标准流垂直才会塌陷 ( ) 阅读全文

浮动

2018-09-10 15:25 by 冻奶香甜玉米片, 186 阅读, 收藏,
摘要: 脱标:脱离了标准文档流 标准文档流内第一个元素脱标了,然后第二个元素就会顶上第一个元素的位置成为标准文档流的第一个元素 但是因为第一个元素浮起来了,所以会遮挡第二个元素 一旦元素脱标了,就可以随意设置宽高,无需转换 脱标后只会在自己的行内浮动,除了前面有脱标的,他就会往上移一行,如果全部脱标,全部都 阅读全文

行内元素 块状元素间转换

2018-09-10 14:29 by 冻奶香甜玉米片, 141 阅读, 收藏,
摘要: display:inline 转为行内元素 display:blcok 转为快转元素 display:inline-block display是显示的意思 display:none是不显示,且不留其原占有位置 visibility:hidden 是隐藏,但是其原位置留为空白 阅读全文

盒子模型

2018-09-10 11:25 by 冻奶香甜玉米片, 133 阅读, 收藏,
摘要: width 宽度 height 高度 padding 内边距 border 边框宽度 margin 边框到整个页面的距离 阅读全文

CSS层叠性

2018-09-10 10:11 by 冻奶香甜玉米片, 172 阅读, 收藏,
摘要: 比较id,类,标签的数量 谁多就谁在上面 255个类的权重等于一个id 当权重一样时,以后设置的为准 通过继承而来的,权重为0 !important (设置权重无限大)可以影响权重,但只能影响选中的,不能影响继承而来的(!important 只会影响某个属性 而不会影响全部属性) 总结: 先看看有没 阅读全文

继承

2018-09-10 09:43 by 冻奶香甜玉米片, 142 阅读, 收藏,
摘要: color,font-*,text-*,line-*只有这四个可以继承(文本格式) 像一些盒子元素,定位的元素(浮动,绝对定位,固定定位)不能继承 阅读全文

LVHA爱恨原则

2018-09-09 11:55 by 冻奶香甜玉米片, 161 阅读, 收藏,
摘要: 关于link 和 visited是否访问过,讲得应该是对浏览器而言该网页之前是否访问过, 而不是只对单次生成页面而言 阅读全文

交集选择器

2018-09-08 11:48 by 冻奶香甜玉米片, 128 阅读, 收藏,
摘要: 交集选择器 h3.active 指的是标签既是h3 类又是acitive的地方 阅读全文

文本输入和下拉选项或者滚动选项

2018-09-07 14:56 by 冻奶香甜玉米片, 321 阅读, 收藏,
摘要: <select name="***" .<option> <option> <option> 下拉选项 <select name="*** size="3" multiple="" > <option> <option> <option> <option> 滚动选项 可多选 且滚动显示3个 多选Wi 阅读全文

input type

2018-09-07 14:49 by 冻奶香甜玉米片, 201 阅读, 收藏,
摘要: input的type有: text 文本输入 password密码输入 file选择文件 radio单选按钮 checkbox复选按钮 submit对应form的action按钮 button 普通按钮 reset 重置按钮 阅读全文

form

2018-09-07 13:52 by 冻奶香甜玉米片, 180 阅读, 收藏,
摘要: form 表单 <form action="http://www.baidu.com" method="get"> 把表单提交到baidu,method一般是get laberl定义和用法 <label> 标签为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果。不过, 阅读全文

table

2018-09-07 12:05 by 冻奶香甜玉米片, 272 阅读, 收藏,
摘要: table里有三个标签 thead,tbody,tfood thead 里行是 tr,单元格内容是th tbody和tfood 行也是tr,单元格内容是td td rowspans="2" 合并两行 td colspans="2" 合并两列 <table border="3" cellspacing 阅读全文

title

2018-09-07 10:41 by 冻奶香甜玉米片, 179 阅读, 收藏,
摘要: a标签和img标签都可以加title,如果以图片为超链接跳转,显示图片的title 阅读全文

元素的分类

2018-09-07 10:31 by 冻奶香甜玉米片, 232 阅读, 收藏,
摘要: 块级元素: <div> <p> <h1>~<h6> <ol> <ul> <table><form> <li> 行内元素: <a> <span> <br> <i> <em> <strong> <label> 行内块状元素: <img> <input> 块级元素特点:display:block; 1、每 阅读全文

Event

2018-09-05 20:36 by 冻奶香甜玉米片, 182 阅读, 收藏,
摘要: Event可以用于线程间通信 可以用于通知某些线程在什么时候开始任务 event = Event() 被通知 event.wait()(wait()可以加参数,设置最多等待时间,过了就不等了) 通知 event.set() 阅读全文

非阻塞IO

2018-09-04 17:33 by 冻奶香甜玉米片, 197 阅读, 收藏,
摘要: 非阻塞IO其实就是一直询问操作系统想要的信息来了没有 如socket套接字通信,就用监测信息尚未到达的错误用来切换到其他任务中去(try except BlockingIOError) 记得 server.setblocking(False) 但是它的缺点是: 1、一直占用CPU,自己的任务效率虽然 阅读全文

进程Queue和线程Queue区别

2018-09-04 16:11 by 冻奶香甜玉米片, 192 阅读, 收藏,
摘要: 进程Queue from multiprocessing import Queue q=Queue() 线程Queue import queue q=queue.Queue() 阅读全文

守护进程和守护线程的区别

2018-09-04 15:29 by 冻奶香甜玉米片, 264 阅读, 收藏,
摘要: 无论对进程还是线程来说,daemon都是随着主**运行完毕而结束 对于进程来说,进程的主代码运行完了才算是主进程运行完毕 但是对于线程而言,要等除了守护线程之外的所有线程结束才算是主线程运行完毕 无论线程还是进程,主**都会等待他们运行完毕而结束,除非设置了daemon 阅读全文

select执行顺序

2018-09-03 13:28 by 冻奶香甜玉米片, 205 阅读, 收藏,
摘要: 先from 找到表on过滤 找到两张表有对应关系的记录按join的方式添加外部行where 过滤group by分组having 过滤select 从having 过滤出来的字段中选择需要的字段distinct去重再order by 排序再limit限制显示条数 阅读全文

Can’t update table ‘xxx’ in stored function/trigger because it is already used by statement which invoked this stored function/trigger

2018-09-02 19:00 by 冻奶香甜玉米片, 2458 阅读, 收藏,
摘要: MySQL: Solution for ERROR 1442 (HY000): Can’t update table ‘xxx’ in stored function/trigger because it is already used by statement which invoked this 阅读全文