- 博客(16)
- 收藏
- 关注
RSS订阅原创 一道关于function的面试题
一道关于function的面试题function Foo() { getName = function () { console.log(1); }; return this;}Foo.getName = function() { console.log(2);}Foo.prototype.getName = function() { console.log(3);};var getName = function() { console.log(4);};function
2021-01-13 20:04:31
1231
原创 [CSS] CSS hack
CSS hackCSS hack不同浏览器对于css的解析结果是不同的，这是就需要使用不同的css代码来解决兼容性问题，针对不同的浏览器写不同的css代码的代码，就叫做CSS hack通过有条件注释实现hack条件注释主要针对的是IE浏览器，所以我们也把他称作IE条件注释。另外IE条件注释只有IE5以上的版本才开始支持IE条件注释，所以“只有ＩＥ”才能识别，换句话说，只有IE5版本以上才能识别IE条件注释。如此一来，我们管理给IE兼容写的单独样式，就带来了极大的方便与好处。最后有一点需要提出的是：“
2020-11-13 19:01:09
139
原创 [CSS] inline-block间隙
inline-block间隙在给 li 设置inline-block 属性的时候，发现在li元素之间有一道间隙<style type="text/css"> body,div,h1,ul,li{margin:0; padding:0;} ul,li{list-style:none;} .nav a{background: red;color:#fff;padding: 5px 10px;} .nav ul li{display:inline-block;}&
2020-11-13 15:37:01
285
原创 [CSS] 字体灰度平滑， 抗锯齿
CSS3 字体抗锯齿对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染:: -webkit-font-smoothing: antialiased; /*chrome、safari*/; -moz-osx-font-smoothing: grayscale; /*firefox*
2020-11-09 15:53:14
813
原创 [JS] 函数防抖与节流
函数的防抖与节流概述有些场景会频繁的触发事件，比如说搜索框实时的发出请求，onscroll，resize，onmousemove等，但是我们并不像如此频繁的触发事件，这时候就要用到防抖和节流了 function handler() { console.log(document.body.scrollTop) } window.addEventListener('scroll', handler)在上面的代码中，我们每滚动一次，handler就会执行很多次，我们需要使用防抖与节流来限制事件平
2020-11-08 21:35:47
385
原创 css盒模型
CSS 盒模型概念所有的HTML元素都可以看作是一个盒子，盒子由内容（content），内边距（padding），边框（border），外边距（margin）组成。
2020-11-08 15:16:45
100
原创 [JS] 垃圾回收机制
JS的垃圾回收机制一. 内存管理程序运行需要内存，无论是高级语言还是低级语言，内存管理都是：内存分配内存使用内存回收内存使用结束后需要及时回收，不在使用的内存，如果没有及时回收，就叫做内存泄漏。内存泄漏会导致内存使用率变高，轻则影响性能，重则导致系统崩溃有些语言，例如C语言， 需要手动释放内存，程序员负责内存管理这样很麻烦，所以很多语言都提供自动内存管理机制，称为垃圾回收机制二. 回收机制原理垃圾回收机制会定期（周期性）找出那些不再用到的内存（变量），然后释放其内存对于JavaS
2020-10-29 21:14:45
284
原创 ES6之Iterable
ES6之IterableIterable是ES6引入的一个新的类型。主要用于集合，对象的遍历。一.引入的原因array可以使用下标遍历，而map，set不能使用下标遍历，集合类型不统一。对于for…in…循环，当添加额外的属性后，会有意象不到的结果。var array = [1,2,3];array.name = 'name';//for...in...遍历的是对象的属性。Array也是一个对象，他的每个元素的索引视为一个属性for(var key in array) { conso
2020-09-22 14:22:20
191
原创 HTML 标签
HTML标签根标签元数据标签内容分区标签文本标签根标签<html> html文档的根元素元数据标签元数据含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件 (如搜索引擎， 浏览器等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。<title> 文档的标题<link> 引入外部资源<style>样式信息<meta> 文档元数据<base> 为文档中的
2020-09-22 12:17:47
95
原创 ES7之async，await
ES7之async，await一、基本用法async，await函数是ES7中引入的语法。与Generator，Promise有很大的关系。async使用async修饰的函数，会返回一个Promise对象。async function func() { return 'a';}let res = func();console.log(res); //Promise { 'a' }res.then((value)=>{ console.log(value);
2020-09-21 14:12:19
451
原创 ES6之Generator
ES6之Generator一、Generator是什么？Gernerator是ES6新增的一个迭代函数生成器，Generator函数返回一个迭代器。通过yield表达式，可以将执行流挂起，从而改变了执行流程，为异步编程提供了可能。基本使用function* foo() { console.log('a');
2020-09-17 17:44:11
91
原创 HTML5新特性
HTML5 新特性一.语义化标签二.表单增强三. 拖放API事件数据传输一.语义化标签HTML5提供了很多语义化标签<header> 页眉内容<nav> 导航<section> 表示文档的一个区域，通过是否含一个标题作为子节点来辨识<aside> 与文档无关的内容<footer> 页脚内容<article> 表示文档、页面、应用或网站中的独立结构<address> 地址信息语义化标签的优点:在丢失
2020-09-15 14:26:57
593
原创 HTML与XHTML的区别
HTML与XHTML的区别XHTML基于XML，所以相对于HTML更加严格两者主要的区别有：1. XHTML标签必须被正确的嵌套2. XHTML标签必须关闭3. XHTML标签必须小写4. XHTML标签必须有根元素
2020-09-11 16:15:37
103
原创 HTML之DOCTYPE的类型
DOCTYPE的类型HTML分类： HTML5,HTML4.0,XHTMLHTML5HTML不使用SGML，不需要DTD。<!DOCTYPE html>HTML4.0主要分为三种模式：严格模式(strick),过渡模式(traditional),Frameset模式。主要区别为是否允许展示性或者弃用的元素，和是否允许框架集。严格模式: 不允许展示性、弃用元素和框架集。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//E
2020-09-11 16:06:13
202
原创 HTML，SGML，XML，XHTML之间的区别和联系
SGML，XML，XHTML，HTML之间的关系SGML(标准通用标记语言)是一个标准，告诉我们如何去指定文档标记，只描述文档标记用怎样的元语言。因此利用了SGML创建了HTML参照和共同遵守的DTD，在HTML中，使用DOCTYPE属性来解析DTD现在SGML的解析十分麻烦，XML的出现代替了SGML。XML使用了SGML，例如：在SGML中你必须使用起始和结束标签，但是在XML你可以有自动关闭的结束标签。XHTML创建于XML，在HTML4.0中被使用总之，SGML是所有类型的父
2020-09-11 12:35:55
1530
1
原创 HTML5 语义化标签
HTML语义化标签html5 提供了很多语义化标签，如<header> <footer> <aside> <article> <nav> <section> <time>语义化标签是： 用最恰当的标签来标记内容。使用语义化的标签可以：1. 在丢失样式的时候，仍然会显示出清晰的结构2. 方便搜索引擎检索，有利于SEO3. 方便其他设备解析（如屏幕阅读器，移动设备）4. 增强代码的可读性，方便开发与维护，有利于团队
2020-09-10 17:33:57
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人