随笔分类 - html/css
摘要：IndexedDB 是什么 在现代浏览器的本地存储方案中，indexedDB 是一项重要的能力组成， 它是可以在浏览器端使用的本地数据库，可以存储大量数据，提供接口来查询，还可以建立索引，这些都是其他存储方案 Cookie 或者 LocalStorage 无法提供的能力。单从数据库类型来看，Inde
阅读全文
posted @ 2020-10-18 13:11
笑人
摘要：rem： rem即是以html文件中font-size的大小的倍数 rem布局的原理： 通过媒体查询设置不同屏幕宽度下的html的font-size大小，然后在css布局时用rem单位取代px，从而实现页面元素大小的动态适配，做出更漂亮整洁的页面 rem布局的好处：1.页面整洁2.动态适配 缺点：1
阅读全文
posted @ 2020-10-18 13:09
笑人
摘要：一.a标签完成 <a href="文件链接" download='下载文件名'></a> <--!但是其中的download对应音频文件和视频文件无效--> 二.js实现下载 <script> const a = document.createElement('a'); a.setAttribute
阅读全文
posted @ 2020-10-18 13:08
笑人
摘要：如何能提高css编写技巧？怎么学好Web前端开发？很多人在学习Web前端时，刚开始都会学习html和css，html用于文本内容，CSS用于样式设计，掌握这两部分知识就可以进行简单的页面制作。不过如果耗时过长作品一般未免有些得不偿失，因此你需要掌握一些技巧，以提高CSS编写效率。 1、使用flex进
阅读全文
posted @ 2020-10-18 13:07
笑人
摘要：应该很多人都会有PO这种东西，但是对刚学css的人真的很重要，尤其像我这种英文不好的人，这些是必背的的单字喔^^，这些数据只是我在学习的时候，参考别人的数据之后用自己的思考整理出来的，像参考书写的真的都看不懂，通常翻第一页之后，永远就不会再翻第二页了，当然我也是搂..... 一、常用的css命名规则
阅读全文
posted @ 2020-10-18 13:06
笑人
摘要：1、背景颜色 background-color 取值：合法的颜色值和transparent 注：背景颜色和背景图片，填充都是从边框开始 2、背景图片 background-image：url（图片路径） 3、背景图平铺 background-repeat： 取值： repeat：平铺 no-repe
阅读全文
posted @ 2020-10-18 12:56
笑人
摘要：一、什么叫框模型 页面元素皆为框（盒子）,定义了元素框处理元素内容，内边距，外边距以及边框的计算方式。 二、外边距 围绕在元素边框外的空白距离（元素与元素之间的距离） 语法：margin，定义4个方向的外边距 1、单边定义：margin-top/right/bottom/left （1）取值：以px
阅读全文
posted @ 2020-10-18 12:54
笑人
摘要：业务需求 数据结构中含有图片、名称、children的树形结构，需要展示出每一级的图片名称和图片，找了些树形图的插件，都没有展示大的图片的，一般都是小图标，就自己试着写一个包含图的简单的插件。 树形图的结构 <ul> <li class="tree-item"> <span class="icon
阅读全文
posted @ 2020-10-18 12:52
笑人
摘要：说起来css动画是一个很尬的事，一方面因为公司用css动画比较少，另一方面大部分开发者习惯了用JavaScript来做动画，所以就导致了许多程序员比较排斥来学习css动画（至少我是），但是一个不懂css动画的前端工程师不能称之为掌握css3，其实当你真正学习css动画之后，你会被它的魅力所吸引的，它
阅读全文
posted @ 2020-10-18 12:51
笑人
摘要：前言 自从前端三大框架react、vue、Angular面世以来，前端开发逐渐趋向规范化、统一化，大多数时候新建前端项目，首先想到使用的技术一定是三大框架之一，框架给前端开发带来了极大的便利和规范，但是由于这三大框架都是js驱动，在js没有解析加载完成之前页面无法展示，会处于长时间的白屏，带来了一定
阅读全文
posted @ 2020-10-18 12:49
笑人
摘要：在软件开发中，研发效率永远是开发人员不断追求的主题之一。于公司而言，在竞争激烈的互联网行业中，产出得快和慢也许就决定着公司的生死存亡；于个人而言，效率高了就可以少加班，多出时间去提升自己、发展爱好、陪伴家人，工作、生活两不误。 提升效率的途径，无外乎就是「方法」和「工具」。以一个开发者的思维来想，就
阅读全文
posted @ 2020-10-18 12:48
笑人
摘要：效果 效果图如下 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示的位置，子容器用来写乌云的样式。而阴影和闪电的样式都用伪元素
阅读全文
posted @ 2020-10-18 12:46
笑人
摘要：webkit滚动条样式重置 1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。2、scrollbar corner为横向和竖向的交叉角区域3、resize
阅读全文
posted @ 2020-10-14 17:16
笑人
摘要：吞吐量定义 吞吐量是指对网络、设备、端口、虚电路或其他设施，单位时间内成功地传送数据的数量（以比特、字节、分组等测量）。 以上的定义比较宽泛，定义到网站或者接口的吞吐量是这样的：吞吐量是指系统在单位时间内处理请求的数量。这里有一个注意点就是 单位时间内 ，对于网站的吞吐量这个单位时间一般定义为1秒，
阅读全文
posted @ 2020-10-14 17:15
笑人
摘要：概念 使用 @ 符号定义变量，变量分配使用 : 完成。 声明格式：@变量名：变量值 。 通常看到很多重复的相同的值，我们可以通过使用变量来避免。Less中的变量和其他编程语言一样，可以实现值的复用，同样的它也有作用域，简单的来说就是变量的作用域就是局部变量和全局变量的概念；变量作用域采用的是就近原则
阅读全文
posted @ 2020-10-14 17:13
笑人
摘要：昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下 ,然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来，经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有
阅读全文
posted @ 2020-10-14 17:12
笑人
摘要：昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下 ,然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来，经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有
阅读全文
posted @ 2020-10-14 17:11
笑人
摘要：css是层叠样式表（ Cascading Style Sheets ）的缩写，是一种样式表语言，用于描述以 html 之类的标记语言编写的文档的布局。 它是用于设计Web页面的三剑客之一，另外两位浩客是html和JavaScript。 css 的设计目的是使样式和内容分离，包括布局、颜色和字体。这种
阅读全文
posted @ 2020-10-14 17:10
笑人
摘要：前言 总所周知，“css如何实现元素垂直居中？”已经是一个老生常谈的问题了，这个问题目前已经有了许多解决方案，这些方案也都有各自适用的场景以及优缺点，大致如下： flex布局 grid布局 table布局 line-height搭配height position搭配margin position搭配
阅读全文
posted @ 2020-10-14 17:08
笑人
摘要：本文说的white-space是一个控制换行和空白处理的css属性。我曾经被这个属性烦死，一直没记住，今天决定还是写下来好好琢磨下。 属性值 normal 默认值，正常换行，空白和换行符会被浏览器忽略。啥意思呢？ 正常换行的意思是，单词间会正常换行，如果下一个单词太长，不足以在当前行剩余部分完整展示
阅读全文
posted @ 2020-10-14 15:46
笑人
浙公网安备 33010602011771号