JavaScript-CSS-HTML
文章平均质量分 78
杨不败
公众号 杨不败
展开
-
HTML5新增标签最有用的总结
HTML5新增标签:概要1. HTML5 简介: (HTML5 是目前-2017年来说,是最新的一代HTML标准)2. HTML5 一些新的规则: 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记(新增了一些语义化的标签: 在H原创 2017-02-06 16:50:47 · 20038 阅读 · 0 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
作为推荐解决父级不能被撑开自适应高度的方法,可以不增加div盒子对象,只需要对父级加一个overflow:hidden样式即可。原创 2018-01-23 13:50:00 · 291 阅读 · 0 评论 -
P标签内容自动换行
style type="text/css"> .desc{ line-height: 20px; }style>p class="desc">xxxxxxxxp>设置line-height就可以了,如果居中则加text-align: center,左对齐就不写原创 2018-01-23 13:51:43 · 4736 阅读 · 0 评论 -
清除浮动最好的两种方式
清除浮动最好的两种方式 .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } //为兼容IE6,IE7,因为ie6,原创 2017-02-08 17:06:51 · 1754 阅读 · 0 评论 -
在 JavaScript 中, 究竟什么是 事件,事件 是指什么?
定义 事件是指被程序发现的行为或发生的事情,而且它可能会被程序处理。MV*框架通常区分两种事件:用户事件:通常在view中处理,程序允许用户通过触发和处理事件的形式沟通,比如单击一个按钮,滚动屏幕,提交一个表单。程序事件:应用自身也可以触发和处理一些事件,比如渲染后触发onRender事件等。原创 2018-02-07 13:53:58 · 4348 阅读 · 0 评论 -
当内嵌元素和图片一起在一个div里设置line-height时,出现不同时居中的情况
代码如下html>head> title>title> meta charset="utf-8"> style> .box{ margin: 40px; height: 100px; width: 600px; background: skyblue; line-height:原创 2018-01-28 23:05:18 · 1338 阅读 · 0 评论 -
CSS权值规则
规则原理: 对于同一个元素设置了不同的css样式,此时根据权值来判断使用哪种样式,选择权值高的样式进行设置。权值规则是: - 标签的权值为1 - 类选择器的权值为10 - ID选择器的权值为100 - 伪类选择器是10注意: 在属性后面使用!important,会覆盖页面内任何位置定义的元素样式。原创 2018-02-02 23:20:43 · 1268 阅读 · 0 评论 -
移动页面自适应手机屏幕宽度
关于移动页面自适应手机屏幕宽度的一点总结【站在巨人的肩膀上】使用meta标签最常用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。标签如下解释content中的“width” 这个width指的是什么宽度?有几个选择:列表内容虚拟窗口的宽度手机屏幕的宽度页面的宽度原创 2017-05-22 10:56:23 · 3351 阅读 · 0 评论 -
border-box和content-box最直观的区别和解释【不理解包赔】
chrome浏览器默认是content-box,什么是content-box,我用最简单的语言解释给你听。 content-box就是用元素的width和height觉得元素的高宽,这就意味着元素的padding和border等不能算在width和height中。啥意识?简洁介绍一下。元素的width和height决定元素的内容,padding和border的改变不能改变wi原创 2018-01-26 10:50:45 · 17722 阅读 · 4 评论 -
在移动端使用rem布局后,使用背景图片出现显示不正确
原因: 因为图片设置成背景后,移动端是响应式布局,就会造成背景图片无法正确显示。因为背景图片也被缩放了。解决方法: 通过给背景图片设置background-size: contain; 就可以解决,这个是让背景图片自动缩放达到自适应完全显示出来。一般不怎么模糊就可以了。原创 2018-02-01 15:45:33 · 2773 阅读 · 0 评论 -
类数组对象
而对于一个普通的对象来说,如果它的所有property名均为正整数,同时也有相应的length属性,那么虽然该对象并不是由Array构造函数所创建的,它依然呈现出数组的行为,在这种情况下,这些对象被称为“类数组对象”原创 2017-12-27 11:52:34 · 639 阅读 · 0 评论 -
JS数组的方法的返回值总结
不会改变原数组的方法sliceconcat 返回新的数组mapfilterforEach改变原数组的方法pop 返回被删除的元素的值push 返回数组新的长度shiftunshiftsplice 返回新数组sort其他数组方法join() 返回字符串split() 将字符串解析成数组,返回数组,并且数组中的每个元素都是字符串sort(原创 2017-12-27 11:58:55 · 4685 阅读 · 1 评论 -
JS高级进阶之征服异步编程
轻松一下问大家一个问题,JS为什么是单线程? 也许有些人知道,但是我要说的是有趣的事情,创造JS的网景公司拒绝别人向浏览器里加入线程的提议,原因是如果加入了线程,这门语言的推广就没有那么成功了,JS之所以这么流行,某种程度上是因为菜鸟程序员也能上手,他们不必担心死锁和竞争问题。总结:加入多线程,我一个线程修改一个节点,另一个线程删除一个节点,那么以哪个线程为准呢,这就要求你手动给节点加锁,这就原创 2017-06-05 22:12:23 · 738 阅读 · 0 评论 -
回调的本质
序言: 回调函数是JS异步的基本单元回调模式:常见的模式有 1:error-first风格 也称Node风格,其中回调的第一个参数保留用作错误对象,如果成功的话,这个参数就会被清空/置假(后续的参数就是成功数据),不过如果产生了错误结果,那么第一个参数就会被置起/置真(通常就不会再传递其他结果)function response(err, data){ if(err){原创 2017-06-07 12:38:38 · 646 阅读 · 0 评论 -
彻底征服闭包定义,特点,价值,用法!
闭包的定义与含义 闭:是指闭包的内部环境对外部不可见。 闭包具有控制外部域的能力,也就是可以访问外部环境的执行域,,同时又能防止外部域对闭包的反向控制,也就是说,闭包的领域是对外封闭的。闭包的实现方法 JS闭包是通过function实现的闭包的特权 闭包内声明的变量,闭包外的任何环境都无法访问。闭包函数的最大价值在于:我们可以在函数(f2)的外部(即子函数也就是f2函数),直接读原创 2017-04-10 21:25:42 · 788 阅读 · 0 评论 -
再悟HTML+CSS+JS
温故而知新,可以为师矣。HTML1:天天说的标签和元素【Element】究竟是什么? 元素是由标签以及起始标签和结束标签之间的文本组成 而标签是由尖括号和它们【指代尖括号】中间的字母和数字组成原创 2017-05-21 14:11:59 · 402 阅读 · 0 评论 -
如何在链接右边添加一个示意图标来达到对用户更友好的交互
<!DOCTYPE html><html><head> <title></title></head><style> a[href $='.pdf'] { padding-right: 20px; background: transparent url(http://www.ico原创 2018-03-07 15:15:49 · 592 阅读 · 0 评论