摘要: HTML渲染过程中回流和重绘是比较重要的概念,了解他们有助于编写性能更好的css代码 回流:指几何属性需改变的渲染,将整个网页填白,对内容重新渲染,只不过以人眼的感官速度看上去浏览器回流是不会有任何变化的实质上每次回流都会将页面清空,再从左上角第一个像素点从左往右从上往下一一渲染。渲染树的节点发生改 阅读全文
posted @ 2021-03-12 15:27 容容兔 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 一、script引入(练习使用,小型项目) 直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> 二、Vue 提供一个官方命令 阅读全文
posted @ 2018-03-20 14:18 容容兔 阅读(582) 评论(0) 推荐(0) 编辑
摘要: /* 单行省略 */.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 多行省略 */.ellipsis-2l { overflow : hidden; text-overflow: ellip 阅读全文
posted @ 2018-03-16 10:08 容容兔 阅读(112) 评论(0) 推荐(0) 编辑
摘要: <!-- html结构 --><body><div class="wrap"> <div class="box"></div></div></body>/* css样式 *//* (1) 模仿单行文字居中的方式 */.wrap {width: 200px;height: 80px;line-heig 阅读全文
posted @ 2018-03-16 10:06 容容兔 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 不论是前端还是后台代码,编码规范是尤其重要的,特别是大的项目中,在想开启之初就规范考代码、格式、和要求,会减少很多工作量的,有利于代码的后期维护。 欢迎大家继续整理。 范畴 页面设计 编码2:1.保证 favicon 可访问,(根目录放置 favicon.ico 文件,使用 link 指定 favi 阅读全文
posted @ 2018-03-15 11:28 容容兔 阅读(690) 评论(0) 推荐(0) 编辑
摘要: 1、上三角 2、平行四边形 3、五角星 4、爱心 #heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-tra 阅读全文
posted @ 2016-08-02 11:01 容容兔 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 1、正则表达式:字符串中字符出现的规则定义,可以看做一种语法经过压缩的程序语言。 正则表达式使用界定符保卫正则字符串作为正则表达式的代码,常见界定符“/”,"#","~"或者括号() [] {} 2、语法组成 正则表达式中的语法分为数据结构与逻辑控制; 数据结构:1、常用字符串:普通字符组成;2、变 阅读全文
posted @ 2016-07-23 11:34 容容兔 阅读(727) 评论(0) 推荐(0) 编辑
摘要: CSS样式层叠表 1、link与@import的区别(5点) (1)、link为XHTML的标签,可以引进CSS样式表,除了引进CSS文件还可以引进其他的文件如.js或.rss文件;@import为CSS中的标签,只能引进CSS文件。 (2)、加载顺序不同:link引进的CSS时同时也被加载,而@i 阅读全文
posted @ 2015-12-01 23:48 容容兔 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1、对象:程序中描述现实中一个物体的属性和功能的结构面向对象的程序设计,即为定义相应对象的属性,实现相应的功能。一个对象专门代表现实中的一个物体。*封装事物的属性和功能的结构。例如 我们的手机:属性: 屏幕大小:5.5 处理器: ... 阅读全文
posted @ 2015-11-30 23:24 容容兔 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 1、数组:批量管理多个数据的存储空间。数组的作用:现实中,批量管理多个数据都是集中分组存放,良好的数据结构,可极大提高程序的执行效率!优点:方便查找2、创建数组:(4种方式)(1)var 变量名=[]; 创建一个空数组 何时使用:暂时不知道数组中的元素内容时(2)var 变量名=[值1,值2,...... 阅读全文
posted @ 2015-11-25 20:19 容容兔 阅读(406) 评论(0) 推荐(0) 编辑