摘要：
a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。这里的href="JavaScript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调 阅读全文
摘要：
前言 作为程序员的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些css开发技巧，希望能让你写出耳目一新、容易理解、舒服自然的代码。 本小结主要是围绕css对文字处理的技巧，有兴趣的小伙伴可以收藏一下。 文本对齐方式 CS 阅读全文
摘要：
导致JavaScript效率低的两大原因：操作DOM和使用页面动画。 通常我们会通过频繁的操作 DOM的css来实现视觉上的动画效果，导致js效率低的两个因素都包括在内了在频繁的操作DOM和css时，浏览器会不停的执行重排和重绘，在PC版本的浏览器中，因为浏览器可用的内存比较大，用户肉眼几乎看不见页 阅读全文
摘要：
1.URL - Uniform Resource Locator 当您点击 html 页面中的某个链接时，对应的 <a>标签指向万维网上的一个地址。 统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。 2. ？ 1）连接作用：比如 http://www.xxx.com/Show.asp? 阅读全文
摘要：
颜色 如果我们相给页面设置颜色可以采用多种方法进行设置： 一、命名颜色 假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。css称这些有名称的颜色为命名颜色。 命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色，紫红色，灰色，橙色，绿色，石灰，栗色，海 阅读全文
摘要：
该标签不是html3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果，该标签是个容器标签。 语法： <marquee></marquee> 以下是一个最简单的例子，代码如下: <marquee><font size= 阅读全文
摘要：
处理指令（PIs）允许文档包含用于应用程序的指令。指令并不是文档字符数据的一部分，但是必须通过应用程序传递。 处理指令可以用于将信息传递给应用程序。处理指令可以出现在文档任意位置的标记外部。可以出现在序言中，包括文档的类型定义（DTD），文本内容或者文档之后。处理指令，允许文档中包含由应用程序来处理 阅读全文
摘要：
结构元素不具有任何样式，只是使页面元素的的语义更加明确。 header元素 header元素是一种具有引导和导航作用的的结构元素，该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。 <he 阅读全文
摘要：
IndexedDB 是什么 在现代浏览器的本地存储方案中，indexedDB 是一项重要的能力组成， 它是可以在浏览器端使用的本地数据库，可以存储大量数据，提供接口来查询，还可以建立索引，这些都是其他存储方案 Cookie 或者 LocalStorage 无法提供的能力。单从数据库类型来看，Inde 阅读全文
摘要：
rem： rem即是以html文件中font-size的大小的倍数 rem布局的原理： 通过媒体查询设置不同屏幕宽度下的html的font-size大小，然后在css布局时用rem单位取代px，从而实现页面元素大小的动态适配，做出更漂亮整洁的页面 rem布局的好处：1.页面整洁2.动态适配 缺点：1 阅读全文
摘要：
一.a标签完成 <a href="文件链接" download='下载文件名'></a> <--!但是其中的download对应音频文件和视频文件无效--> 二.js实现下载 <script> const a = document.createElement('a'); a.setAttribute 阅读全文
摘要：
如何能提高css编写技巧？怎么学好Web前端开发？很多人在学习Web前端时，刚开始都会学习html和css，html用于文本内容，CSS用于样式设计，掌握这两部分知识就可以进行简单的页面制作。不过如果耗时过长作品一般未免有些得不偿失，因此你需要掌握一些技巧，以提高CSS编写效率。 1、使用flex进 阅读全文
摘要：
应该很多人都会有PO这种东西，但是对刚学css的人真的很重要，尤其像我这种英文不好的人，这些是必背的的单字喔^^，这些数据只是我在学习的时候，参考别人的数据之后用自己的思考整理出来的，像参考书写的真的都看不懂，通常翻第一页之后，永远就不会再翻第二页了，当然我也是搂..... 一、常用的css命名规则 阅读全文
摘要：
1、背景颜色 background-color 取值：合法的颜色值和transparent 注：背景颜色和背景图片，填充都是从边框开始 2、背景图片 background-image：url（图片路径） 3、背景图平铺 background-repeat： 取值： repeat：平铺 no-repe 阅读全文
摘要：
一、什么叫框模型 页面元素皆为框（盒子）,定义了元素框处理元素内容，内边距，外边距以及边框的计算方式。 二、外边距 围绕在元素边框外的空白距离（元素与元素之间的距离） 语法：margin，定义4个方向的外边距 1、单边定义：margin-top/right/bottom/left （1）取值：以px 阅读全文
摘要：
业务需求 数据结构中含有图片、名称、children的树形结构，需要展示出每一级的图片名称和图片，找了些树形图的插件，都没有展示大的图片的，一般都是小图标，就自己试着写一个包含图的简单的插件。 树形图的结构 <ul> <li class="tree-item"> <span class="icon 阅读全文
摘要：
说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程序员比较排斥来学习css动画（至少我是），但是一个不懂css动画的前端工程师不能称之为掌握css3，其实当你真正学习css动画之后，你会被它的魅力所吸引的，它 阅读全文
摘要：
前言 自从前端三大框架react、vue、Angular面世以来，前端开发逐渐趋向规范化、统一化，大多数时候新建前端项目，首先想到使用的技术一定是三大框架之一，框架给前端开发带来了极大的便利和规范，但是由于这三大框架都是js驱动，在js没有解析加载完成之前页面无法展示，会处于长时间的白屏，带来了一定 阅读全文
摘要：
在软件开发中，研发效率永远是开发人员不断追求的主题之一。于公司而言，在竞争激烈的互联网行业中，产出得快和慢也许就决定着公司的生死存亡；于个人而言，效率高了就可以少加班，多出时间去提升自己、发展爱好、陪伴家人，工作、生活两不误。 提升效率的途径，无外乎就是「方法」和「工具」。以一个开发者的思维来想，就 阅读全文
摘要：
效果 效果图如下 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示的位置，子容器用来写乌云的样式。而阴影和闪电的样式都用伪元素 阅读全文