-
CSS样式
所属栏目：[资源] 日期：2020-12-14 热度：150
葵花宝典： 【1】相邻的2个margin值会叠加在一起。 【2】子元素设定的margin值会影响父元素。 ? ? ? ? ? 在标准浏览器下（FireFox，Chrome，Opera，Safari）会有问题。IE下一般表现良好。 ? 原因是：一个盒子如果没有上补白（padding-top）和上边框（border-[详细]
-
html初步学习
所属栏目：[资源] 日期：2020-12-14 热度：78
①： width:可视区域的宽度，值可为数字或关键词device-width height:同width initial-scale:页面首次被显示是可视区域的缩放级别，取值1.0按照页面实际尺寸显示，无任何缩放。 maximun-scale=1.0,minimun-scale=1.0;可视区域的缩放级别 maximum-scale 用户[详细]
-
jQuery中的动画方法
所属栏目：[资源] 日期：2020-12-14 热度：127
?hide() —— ? ? ? slow ?normal ?fast ? ??.remove() ?show() ?toggle() ?? ?slideDown() ?? ?slideUp() ? ?slideToggle() ? ?? ?fadeIn() ?? ?fadeOut() ?? ?fadeToggle() ?? ?fadeTo() ?? animate ?? ( + ?? ?opacity:0~1 ???? ( ???? ( .stop() ?[详细]
-
Doctype的作用?严格模式与混合模式,如何触发者这两种模式,区分它
所属栏目：[资源] 日期：2020-12-14 热度：64
Doctype作用?严格模式与混合模式,如何触发者这两种模式,区分它们有何意义? 1.1?Doctype 声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。 声明必须在 HTML 文档的第一行，这并不是一个 HT[详细]
-
模板引擎artTemplate的使用
所属栏目：[资源] 日期：2020-12-14 热度：112
2.写模板 3.执行模板 var html = template("模板ID"，数据) **此处的数据必须是对象格式 不是对象要包装成对象的格式------> {"items":data} 4.把模板生成的结构添加到页面 $("目标位置").html(html) ? **如果目标位置没有其他的元素 可以用html() ? **如果[详细]
-
谷歌浏览器禁用的端口号
所属栏目：[资源] 日期：2020-12-14 热度：148
谷歌浏览器禁用的端口号： 1,// tcpmux 7,// echo 9,// discard 11,// systat 13,// daytime 15,// netstat 17,// qotd 19,// chargen 20,// ftp data 21,// ftp access 22,// ssh 23,// telnet 25,// smtp 37,// time 42,// name 43,// nicname 53,// domai[详细]
-
常见的网页图像格式有 ico、jpg、png、gif，说说他们各自的应用
所属栏目：[资源] 日期：2020-12-14 热度：141
1.ico：一般作为网页的标题上面的图标出现，文件 favicon.ico一般存放在网站根目录 2.jpg：非常适合作为储存像素色彩丰富的图片、例如照片等等 3.png：分为 png-8 以及 png-24 两种格式 png-8 的特性很接近 gif ，支持 256 色以及透明背景的特性 PNG-24 则支[详细]
-
css之定位
所属栏目：[资源] 日期：2020-12-14 热度：155
定位分为4种方式：静态定位，相对定位，绝对定位，固定定位 ：position:static 相对定位 ：position:relative 根据自身原来的位置定位，没有脱离标准流 ：position:absolute 1.定位的元素没有父元素的情况下，根据浏览器的可视区域定位； 2.定位的元素有父元[详细]
-
禁用JavaScript之后，你的网站表现如何？
所属栏目：[资源] 日期：2020-12-14 热度：104
一 最近要做一个新官网，需求评审完之后，考虑到官网都是纯静态页面，功能简单，操起vue-cli3几秒内创建好了项目脚手架，开发前，我打开了首页模板文件，看到下面这行字，有了一些思考…… Weresorrybut****doesntworkproperlywithoutJavaScriptenabled.Plea[详细]
-
Web Component
所属栏目：[资源] 日期：2020-12-14 热度：56
h2 id="前言"前言 Web Component不是新东西，几年前的技术，但是受限于浏览器兼容性，一直没有大规模应用在项目里，直到现在（2018年年末），除IE仍不支持之外，其它主流浏览器都支持Web Component。 Web Component不是一个东西，它分为四部分，分别是 前端[详细]
-
记录一个chrome 65渲染的bug
所属栏目：[资源] 日期：2020-12-14 热度：132
前段时间发现一个chrome 65+的BUG（chrome已更新到66，BUG仍然存在），一个元素同时使用了以下样式（失去焦点和css3的Z轴平移0deg），渲染异常 渲染截图： ? 正常渲染截图应该是： 完整demo： chrome 65 css filter bug ? ?复现环境： Mac mini OS?10.11.6 c[详细]
-
textarea placeholder文字换行
所属栏目：[资源] 日期：2020-12-14 热度：63
要实现这样的效果 第一反应是直接在placeholder属性值里输入n换行，如： 浏览器直接输出了它，类似地输入 也行不通 解决方法是换成#10; 效果立竿见影，#10;是unicode字符中的换行符。 另外用js直接设置textarea的placeholder属性值为'1、textarean2、succe[详细]
-
window版chrome 57.0.2970.0 (64-bit)滚动条的BUG
所属栏目：[资源] 日期：2020-12-14 热度：166
有一个元素div，它有一个子元素ul，给div添加一个:hover样式{color: red}，挡鼠标hover div时，字体变红。 当鼠标hover div时，ul字体变红，鼠标hover ul的滚动条，同样会触发div的:hover，ul的字体仍然显示红色，在“window版chrome 57.0.2970.0 (64-bit)”[详细]
-
前端加载大图片从模糊到清晰
所属栏目：[资源] 日期：2020-12-14 热度：142
打开天猫随便点了个链接，加载了一张大的背景图片，该图片从非常模糊到正常显示有一个过程，深入了解一下它的实现过程。 打开控制台，禁用Cache，模拟2G网络，刷新页面 查看请求列表，浏览器先请求了一张缩略图，设置为div的背景图片，div宽高等同于整个页面[详细]
-
【整理】如何使元素水平垂直居中
所属栏目：[资源] 日期：2020-12-14 热度：181
第一种：已知元素宽、高 兼容：IE6+ 源码： css使元素垂直居中 ?demo：? ? 第二种：元素宽、高未知 兼容：IE8+ 源码： css使元素垂直居中 ?要兼容IE6/7，需增加一个div，这个方法比较巧妙，利用了left、top的百分比值是相对于父元素的宽度这点特性 css使元素[详细]
-
HTML的lang属性的作用
所属栏目：[资源] 日期：2020-12-14 热度：141
今天翻了一下《css权威指南》选择器章节，看到伪类选择器，也叫语言选择器:lang(language)，顾名思义它会根据html设置的语言应用对应样式，如： { : ;} 会作用在这个P元素上 效果就是p里的文字全部显示为红色，en代表英文，然而不管p元素里的文字的是中文英[详细]
-
【翻译】checkbox的第三种状态
所属栏目：[资源] 日期：2020-12-14 热度：89
checkbox只有两种值：选中（checked）或未选中（unchecked）。它可以有任何值，但是表单提交时checkbox的值只能是checked或unchecked。它的默认值是unchecked，你可以在HTML中这样控制它： span style="color: #008000;" span style="color: #0000ff;" span[详细]
-
css3 matrix 2D矩阵和canvas transform 2D矩阵
所属栏目：[资源] 日期：2020-12-14 热度：59
一看到“2D矩阵”这个高大上的名词，有的同学可能会有种畏惧感，“矩阵”，看起来好高深的样子，我还是看点简单的吧。其实本文就很简单，你只需要有一点点css3 transform的基础就好。 p class="my_title"没有前戏，直奔主题 这六个参数分别控制不同的变换 a[详细]
-
前端自动化grunt轻松入门
所属栏目：[资源] 日期：2020-12-14 热度：163
如果你还不了解grunt，或者只是听过它的名字而没有去研究过它，那么这篇入门级的文章就是为你写的，相信看完你就会爱上grunt！ ? grunt是什么？ ? grunt是一个非常好的自动化工具，你只管codeing，它会自动帮你将代码合并（concat）、压缩（uglify）、语法检[详细]
-
那些年踩过的坑之:first-child伪类选择器
所属栏目：[资源] 日期：2020-12-14 热度：173
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school 嗯，乍一看好像说的不是很明白，因此这个选择器很容易让人误解，通常会有两种误解： 误解一 ：认为E:first-child选中E元素的第一个子元素。 误解二 ：认为E:first-child选中[详细]
-
css+js整站变灰（兼容IE7+）
所属栏目：[资源] 日期：2020-12-14 热度：153
历年大型地震等自然灾害来临过后，各大网站整站都变成灰色以悼念逝去的生命，那么这种整站变灰的效果是怎么做到的？ 重写一套css？NO，即便你有这个时间重写，那网站内的图片怎么办？难道重做一遍？很明显工作量巨大不符合实际。 火狐和chrome浏览器比较简单[详细]
-
简单的CSS3 Loading动画
所属栏目：[资源] 日期：2020-12-14 热度：161
最终效果如图一，gif图片稍微有点卡顿，事实上代码在浏览器里执行得很流畅。这里面用到的css3技术非常简单，分别是border-radius、伪元素、css3关键帧以及animation动画。 ? 首先整理一下大概的思路：整个圆分为AB两部分，左右都是半圆，上面盖了一个背景色[详细]
-
css基础之line-height
所属栏目：[资源] 日期：2020-12-14 热度：58
? ? 什么是line-height（行高）？line-height设置1.5和150%有什么区别？这是一个比较常见的css面试题，带着这个问题往下看。所谓行高是指一段文字中某一行的高度吗？具体来说不是。w3school是这样定义的： ? ? line-height 属性设置行间的距离（行高），该属[详细]
-
css优先级计算规则
所属栏目：[资源] 日期：2020-12-14 热度：146
? ? 最近面试了一些求职者，我问css优先级计算规则是怎样的？答曰ID优先级>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，然后就没有然后了……，ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级，但是外联样式[详细]
-
那些年我们踩过的坑之表单reset
所属栏目：[资源] 日期：2020-12-14 热度：63
我今天就踩了一个比较坑的坑，好在花了几分钟就跳出来了。事情是这样的： 今天在做一个新增自定义假期的功能，用到了表单。页面上有个新增按钮，点击弹出一个层，里面就是表单，用的是ajax提交。当用户点击取消时（顺便吐槽一下，保存和取消按钮设计得实在是[详细]
