嵌套

前端性能优化

馋奶兔 提交于 2020-01-16 02:34:50
性能优化: 一、减少请求资源大小或者次数  1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个)   原因:主要是为了减少http请求次数以及减少请求资源的大小   打包工具:   webpack   gulp   grunt .  .... 2、尽量所使用的字体图标或者SVG图标来代替传统png图   因为字体图标或者SVG是矢量图,代码编写出来的,方大不会变形,而且渲染速度快 3、采用图片的懒加载(延迟加载)   目的为了,减少页面第一次加载过程中http的请求次数   具体步骤:     1、页面开始加载时不去发送http请求,而是放置一张占位图     2、当页面加载完时,并且图片在可视区域再去请求加载图片信息 4、能用css做的效果,不要用js做,能用原生js做的,不要轻易去使用第三方插件。   避免引入第三方大量的库。而自己却只是用里面的一个小功能 5、使用雪碧图或者是说图片精灵   把所有相对较小的资源图片,绘制在一张大图上,只需要将大图下载下来,然后利用   图片定位来讲小图展现在页面中(background-position:百分比,数值) 6、减少对cookie的使用(最主要的就是减少本地cookie存储内容的大小),因为客户端 操作cookie的时候,这些信息总是在客户端和服务端传递。如果上设置不当,每次发送

React37嵌套路由及路由重定向

爱⌒轻易说出口 提交于 2020-01-16 01:38:02
嵌套路由写法如下 一级组件 二级路由嵌套在一级组件里进行显示 注意点:嵌套的子路由需要跟随父路由且不设置确切匹配 例子 父路由 /mine 子路由 /mine/xxx 路由重定向,当进入页面的时候都没有命中我们的路由配置的时候就显示重定向的内容 来源: https://www.cnblogs.com/tengfeiS/p/12199406.html

总结21前端知识 之 HTML

我的未来我决定 提交于 2020-01-14 21:56:51
标签的概念 标签可以理解为Html中的语法,它的作用是实现网页中的一些功能. 标签分为’围堵标签’和’自闭’标签 . 1.围堵标签 HTML中,绝大多数标签都需要一个[开头标签]和[结尾标签], 类似于Java中的’{‘和’}' 把代码写入某个标签的开头和结尾段之内,表示的是该段代码应用于该标签.这种标签格式称之为’围堵标签’ 格式:<标签名> </标签名> 2.自闭标签 自闭标签就是不需要开头标签和结尾标签的,如具有换行符作用的’<bc’> 格式:<标签名> 3.标签嵌套 1.标签嵌套是指,用定义一个围堵标签,再在该围堵标签内定义一个或多个其它标签(可以是围堵标签,也可以是闭合标签) [[[[[[[[[[而实际上,html的功能实现就是基于这些所谓的’嵌套’基础之上.]]]]]]]]]]] 注意:嵌套时要保证开头标签和结尾标签的格式(即名字要一致)要正确. 2.除了固定的标签中,用来定义头文件(网页标题相关)的’ **'和用来定义网页内容的’这两个标签不能够相互嵌套嵌套外,注意,是不能够[相互]地嵌套! 因为这两个标签的意义本身就不能够相互嵌套在一起. 其余的皆可以进行嵌套. 标签中的属性概念 在一些标签中,会具有 包括但不限于如下的几个属性 如: color 为定义水平线颜色, width为定义水平线宽度 , siz i为定义水平线高度, aligh 为定义对齐方式 face

【CSS】sass/scss

别说谁变了你拦得住时间么 提交于 2020-01-14 20:06:49
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能 css功能扩展 4.1嵌套规则 .css1{ .css2{} } 4.2父选择器& a { &:hover { color: red; } } 4.3属性嵌套 .funky { font: { family: fantasy; size: 30em; weight: bold; } } 命名空间可以包含自己的属性值 .funky { font: 20px/24px { family: fantasy; weight: bold; } } 4.4占位符选择器%foo 与常用的id与class选择器写法相似,只是#或.替换成了%。必须通过@extend指令调用,单独使用未通过@extend调用则不会编译到CSS文件中 注释 多行注释/* */ 单行注释// 变量$ $width: 5em #main { width: $width; } 变量支持块级作用域,嵌套规则内定义的变量只能在嵌套规则内使用(即局部变量),全局定义的则为全局变量。 局部变量添加 !global 声明转换为全局变量 #main { $width: 5em !global; width: $width;

第八周动手动脑

一世执手 提交于 2020-01-14 01:50:18
动手动脑一: 请阅读并运行AboutException.java示例 AboutException.java 答: 结论: 异常 (Exception):发生于程序执行期间,表明出现了一个非法的运行状况。许多JDK中的方法在检测到非法情况时,都会抛出一个异常对象。 例如:数组越界和被0除 动手动脑二:多层的异常捕获-1 阅读以下代码(CatchWho.java),写出程序运行结果: CatchWho 答:运行结果: ArrayIndexOutOfBoundsException/内层try-catch 发生ArithmeticException 动手动脑二:多层的异常捕获-2 阅读以下代码(CatchWho.java),写出程序运行结果: CatchWho2 答:运行结果: ArrayIndexOutOfBoundsException/外层try-catch 动手动脑三: 请先阅读 EmbedFinally.java示例,再运行它,观察其输出并进行总结。 EmbededFinally 答:运行结果: 异常清除之前: Exception in thread "main" java.lang.Error: 无法解析的编译问题: 标记“.”上有语法错误,删除此标记 at ceshi.CatchWho2.main(CatchWho2.java:70) 异常清除之后: in Level 1

函数嵌套和递归调用

泪湿孤枕 提交于 2020-01-12 18:16:46
C语言函数调用形式有两种:嵌套调用、递归调用。 C语言函数嵌套调用: 在调用一个函数的过程中,又调用另一个函数,称为函数嵌 套调用,C语言允许函数多层嵌套调用,只要在函数调用前 有函数声明即可。 1 #include <stdio.h> 2 int fa(int a,int b); //fa函数原型 3 int fb(int x); //fb函数原型 4 int main(){ 5 int a=5,b=10,c; 6 c=fa(a,b); 7 printf("%d\n",c); 8 c=fb(a+b); 9 printf("%d\n",c); 10 return 0; 11 } 12 13 int fa(int a,int b){ 14 int z; 15 z=fb(a*b); 16 return z; 17 } 18 19 int fb(int x){ 20 int a=15,b=20,c; 21 c=a+b+x; 22 return c; 23 } C语言函数递归调用: 函数直接或间接调用自己称为递归调用。C语言允许函数递 归调用,如图(a) 所示为直接递归调用,如图(b)所示为间接递归调用。 注意事项: 1.在函数递归调用时,递归函数每次调用其本身, 一个新的函数栈就会被使用,这个新函数栈里的形参、 变量和该函数的另-个函数栈里面的形参、变量是完全不同 的内存单元。 2

数据库数据查询汇总

一个人想着一个人 提交于 2020-01-12 01:13:58
前言 数据查询 单表查询 连接查询 自身连接 内连接 外连接 多表连接 嵌套查询 集合查询 数据更新 插入数据 修改数据 删除数据 项目需求 前言 本篇博文主要是数据库SQL语句的总结,其中会有一些经常会忽略的小知识点。这里总结了数据查询和数据更新,其中比较重要且有难度的是连接查询和嵌套查询。最后列出了我在项目中所遇到的问题,但是SQL语句并没有做多少优化。主要是想拿出来做个笔记,同时供大家学习和交流,若是有优化的更好的SQL语句,可以在评论区给出。 数据查询 数据查询是数据库的核心操作。SQL提供了SELECT语句进行数据查询,该语句具有灵活的使用方式和丰富的功能。其一般格式为: SELECT [ALL|DISTINCT] <目标列表达式>[,<目标列表达式>]... FROM <表名或视图名> [,<表名或视图名>...]|(<SELECT语句>)[AS]<别名> [WHERE <条件表达式>] [GROUP BY <列名1> [HAVING <条件表达式>]] [ORDER BY <列名2> [ASC|DESC]]; 整个SELECT语句的含义是,根据WHERE子句的条件表达式从FROM子句指定的基本表、视图或派生表中找出满足条件的元组,再按SELECT子句中的目标列表达式选出元组中的属性值形成结果表。如果有GROUP BY子句,则将结果按<列名1>的均值进行分组

Python2 和Python3 的主要区别

偶尔善良 提交于 2020-01-12 00:24:05
  简单的说,2是旧3是新,3是2的升级版,3完全高于2,2是时代的眼泪3是现在和未来,2逐渐被淘汰3用的人越来越多。之前两个版本共存只是因为诸多package的更新换代并没有跟上,但是到了现在只要还有活人维护的package基本都兼容3了,然而新建的package却越来越多不兼容2。使用2的意义基本没有了,日常用3大不了留一个2备用就行。   Python2 和Python3 的主要区别有以下几个方面: 1.在Python2中,print是一个打印语句,将Python后面的内容视为元组对象,直接打印出来,;在Python3中做为函数存在,print函数可以接收多个位置的参数,即print(arg1,arg2...argn)输出的参数之间用空格隔开,例: 2.编码的改变 Python2默认ASCII编码方式,但是ASCII编码无法对中文等字符进行有效编码,因此在涉及到中文等其他字符的编码问题时,ASCII不仅无能为力,而且经常带来一些乱七八糟的错误,这也是Python2中经常出现编码错误的原因之一; 2008年Python3.0横空出世! 自此以后,编写Python3.0以后的代码时,新手们的第一行代码再也不用因为纠结到底使用#coding = utf-8还是用# -- coding:utf-8 -- 而辗转反侧,彻夜难眠了,因为Python3默认采用了UTF-8编码。 3

SQL

﹥>﹥吖頭↗ 提交于 2020-01-10 18:53:43
SQL 综合统一 集数据定义语言( DDL ),数据操纵语言( DML ),数据控制语言( DCL )功能于一体。 可以独立完成数据库生命周期中的全部活动:  定义关系模式,插入数据,建立数据库;  对数据库中的数据进行查询和更新;  数据库重构和维护  数据库安全性、完整性控制等 用户数据库投入运行后,可根据需要随时逐步修改模式,不影响数据的运行。 数据操作符统一 SQL 的数据定义功能 : 模式定义、表定义、视图和索引的定义 单表SQL查询 sql语句格式 SELECT [ALL|DISTINCT] < 目标列表达式 > [ , < 目标列表达式 >] … FROM < 表名或视图名 >[ , < 表名或视图名 > ] … [ WHERE < 条件表达式 > ] [ GROUP BY < 列名 1> [ HAVING < 条件表达式 > ] ] [ ORDER BY < 列名 2> [ ASC|DESC ] ] ; GROUP BY 子句分组: 细化 聚集函数 的作用对象(与聚合函数联合使用)  未对查询结果分组,聚集函数将作用于整个查询结果  对查询结果分组后,聚集函数将分别作用于每个组  作用对象是查询的中间结果表  按指定的一列或多列值分组,值相等的为一组 HAVING 短语与 WHERE 子句的区别:  作用对象不同  WHERE