HTML&CSS 大纲 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox doctype <!doctype>声…
分类:html
Vue-todolist
vue-todolist 完成成品Vue-todolist 基于Vue的TodoList示例,麻雀虽小,五脏俱全 技术栈 Vue + localStorage + hash 功能描述(使用说明) 添加备忘录(输入标题后回…
大前端2018现在上车还还得及么
第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、B…
async/await 真不是你想象中那么简单
先上代码 公共代码 function getData(data, time) { return new Promise(function (resolve, reject) { setTimeout(function (…
js策略模式vs状态模式
一.策略模式 1.定义:把一些小的算法,封装起来,使他们之间可以相互替换(把代码的实现和使用分离开来)2.利用策略模式实现小方块缓动 html代码: <div id="container" style="width…
关于Extjs6.0 controller文件过大,实现模块化分离
Extjs一般都是一个视图对应着一个controller 一旦碰到视图中逻辑过于繁琐造成controller文件过大不利于维护和修改,所以要通过混入mixins混入功能来实现模块化! 首先创建一个视图 Ext.defin…
js 正则匹配(去掉html标签)
1,得到网页上的链接地址: string matchString = @"<a[^>]+href=\s*(?:'(?<href>^']+)'|""(?<href>[^""]+)""|(…
CSS学习笔记(十六) CSS最佳实践之可维护性篇
前言 CSS代码难维护众所皆知。 为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现; 作用于某个元素上的样式又可能来自单个样式规则,也可能来自多个样…
JS实现信息滚动效果
最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是…
纯CSS 实现 Lightbox 灯箱效果
效果预览:(有防盗链,麻烦手动复制到新窗口打开) 用伪类 :focus 实现: https://ssl.huching.net/demo-… 用伪类 :target 实现: https://ssl.huchi…
回到顶部效果之加速置顶
我在半年前接触过相关案例,最近重新看了一下,添加了详尽的注释,希望对初学者能有所帮助。 <!doctype html> <html> <head> <meta charset="…
让footer固定在页面(视口)底部
让footer固定在页面(视口)底部(CSS-Sticky-Footer) 这是一个让网站footer固定在浏览器(页面内容小于浏览器高度时)/页面底部的技巧。由HTML和CSS实现,没有令人讨厌的hacks。所以这就能…