- 博客(18)
- 收藏
- 关注
原创 JavaScript 继承的几种实现方式
(1)第一种是以原型链的方式来实现继承,但是这种实现方式存在的缺点是,在包含有引用类型的数据时,会被所有的实例对象所共享,容易造成修改的混乱。还有就是在创建子类型的时候不能向超类型传递参数。 (2)第二种方式是使用借用构造函数的方式,这种方式是通过在子类型的函数中调用超类型的构造函数来实现的,这一种方法解决了不能向超类型传递参数的缺点,但是它存在的一个问题就是无法实现函数方法的复用,并且超类型原型定义的方法子类型也没有办法访问到。 (3)第三种方式是组合继承,组合继承是将原型链和借用构造函数组合起来使用
2021-07-16 14:18:52 180
原创 javascript 创建对象的几种方式
我们一般使用字面量的形式直接创建对象,但是这种创建方式对于创建大量相似对象的时候,会产生大量的重复代码。但 js 和一般的面向对象的语言不同,在 ES6 之前它没有类的概念。但是我们可以使用函数来进行模拟,从而产生出可复用的对象 创建方式,我了解到的方式有这么几种: (1)第一种是工厂模式,工厂模式的主要工作原理是用函数来封装创建对象的细节,从而通过调用函数来达到复用的目的。但是它有一个很大的问题就是创建出来的对象无法和某个类型联系起来,它只是简单的封装了复用代码,而没有建立起对象和类型间的关系。 (2
2021-07-16 14:13:41 183
原创 卡券效果制作
.coupon{ width:300px; height:100px; line-height:100px; margin:50pxauto; text-align:center; position:relative; background:radial-gradient(circleatrightbottom,transparent10px,#ffffff0)topright/50%51pxno-repeat, radial-grad...
2021-07-06 11:48:47 72
原创 隐藏滚动条或更改滚动条样式
.scroll-container{ width:500px; height:150px; border:1pxsolid#ddd; padding:15px; overflow:auto;/*必须*/ } .scroll-container::-webkit-scrollbar{ width:8px; background:white; } .scroll-container::-webkit-scrollbar-c...
2021-07-06 11:47:03 78
原创 单行和多行文本超出省略号
//单行文本出现省略号 width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; //多行文本出现省略号 display:-webkit-box;/*重点,不能用block等其他,将对象作为弹性伸缩盒子模型显示*/ -webkit-box-orient:vertical;/*从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)*/ -webkit-...
2021-07-06 11:44:57 60
原创 ES6—箭头函数与普通函数的区别
1、相比普通函数更简洁的语法 2、没有this 3、不能使用new 4、不绑定arguments,用rest参数...解决 5、使用call()和apply()调用 6、捕获其所在上下文的 this 值,作为自己的 this 值 7、箭头函数没有原型属性 8、不能简单返回对象字面量 9、箭头函数不能当做Generator函数,不能使用yield关键字 10、箭头函数不能换行 相比普通函数更简洁的语法 箭头函数 var test = ()=>{ return 1; ...
2021-07-02 10:24:20 47
原创 js的基本数据类型
js的数据类型至今为止共有8种,分为两类:基本数据类型(7种)和引用数据类型(1种) 基本类型 1、String 2、Number 3、Boolean 4、Undefined 5、Null 6、Symbol 7、Bigint 引用类型 1、Object ...
2021-07-02 10:06:10 57
原创 为什么要初始化css样式
1.浏览器差异 不同浏览器对有些标签的默认值是不同的,如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化,整个页面做完会很糟糕,重复的css样式很多
2021-07-01 15:56:30 116
原创 渐进增强和优雅降级之间的不同
渐进增强(一开始保证最基本的功能,再改进和追加功能):针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。 ...
2021-07-01 15:22:47 35
原创 SEO 中的 TDK
在 SEO 中,所谓的 TDK 其实就是,title 标题标签,description 描述标签,keywords 关键词标签。
2021-07-01 15:18:22 99
原创 HTML <b>加粗与<strong>加粗标签区别
相同点:视觉效果加粗 不同点: b标签:本身不具备HTML语义。 WEB标准提倡样式与内容分离,所以纯粹为了达到加粗而使用b标签,已经不建议这样做。 strong标签:HTML语义为强调,表示语气上的强调、加重。 ...
2021-07-01 15:12:53 618
原创 html中的src与href的区别
href:表示超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系。 src:表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分 <link href="xxx.css" rel="stylesheet"/>当浏览器解析到这一句的时候会识别该文档为css文件,会下载并且不会停止对当前文档的处理。 <script src="xxx.js"></script>当浏览器解
2021-07-01 15:03:45 175
原创 谷歌浏览器支持小于12px字号
<style> p span{font-size:10px;-webkit-transform:scale(0.8);display:block;} </style> <p><span>中梦测试10px</span></p>
2021-07-01 14:56:18 108
原创 HTML5 为什么只需要写 <!DOCTYPE HTML>?
<!DOCTYPE HTML> 是文档类型声明,它声明了文档类型为html5,告诉浏览器和其他开发者,该文档使用的是html5标准
2021-07-01 14:53:29 206
原创 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
1. <!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。 2. 严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 3. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 4. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 ...
2021-07-01 14:45:08 89
原创 html5有哪些新标签、移除了那些元素
新增标签 article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、 hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video 新增contenteditable属性 (任何dom节点只要加上contenteditable.
2021-07-01 14:39:38 109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人