2018年05月_姜皓

原创 Java 学习（03）--运算符/循环小结

Java 学习（03）Java 运算符1、算术运算符：1.+,-,*,/,%,++,-2.+的用法 a: 加法 b: 正号 c: 字符串连接符 3./ 和%的区别数据做除法操作的时候， / 取得是商， %取得是余数 4.++和-- 的用法 a: 他们的作用是自增或者自减 b: 使用 ** 单独使用放在操作数据的前面和后面效果一样。 a++或者++a 效果一样。5...

2018-05-30 22:05:15 355

原创 Java 学习（02）--数据类型/类型转换/键盘录入

Java 学习（02）数据类型1.在Java中针对整数常量提供了四种表现形式 A:二进制由0，1组成。以 0b 开头。 B:八进制由0，1，...7组成。以 0 开头。 C:十进制由0，1，...9组成。整数默认是十进制。 D:十六进制由0，1，...9,a,b,c,d,e,f(大小写均可)组成。以 0x 开头。2.进制转换(了解)(1)其他进制到十进制系数：就是每一个位上的...

2018-05-28 23:25:22 709

原创 Java 学习（01）--DOS/环境/常量

1:计算机概述(了解) (1)计算机 (2)计算机硬件 (3)计算机软件系统软件：window,linux,mac 应用软件：qq,yy,飞秋 (4)软件开发(理解) 软件：是由数据和指令组成的。(计算器) 开发：就是把软件做出来。如何实现软件开发呢? 就是使用开发工具和计算机语言做出东西来 (5)语言自然语言：人与人交流沟通的计算机语言：人与计算机交流沟通的 C,C...

2018-05-27 10:55:17 267

原创 CSS 样式小结

1.背景<head> <meta charset="UTF-8"> <title>背景</title> <style> /* 设置背景为图片，并设置大小、是否重复 */ body { background-image: url("imgs/background.

2018-05-25 22:36:31 112

框架中的 CSSAngular Vue React 三大框架Angular Vue 内置样式集成React 一些业界实践Angular Angular . js (1.x)：没有样式集成能力Angular （2+）：提供了样式封装能力 2.与组件深度集成ShadowDOM（谈一谈神奇的ShadowDOM）：1.逻辑上一个DOM 2.结构上存在子集结构Scoped CSS （Scoped CSS...

2018-05-24 11:44:01 205

原创 CSS 工程化小结

CSS 工程化组成：1.组织（代码目录）2.优化（那种实现方式更好） 3.构建（代码完成后需要经过哪些处理步骤） 4.维护常见问题1.如何解决 CSS 模块化问题 1.Less Sass 等CSS 预处理器2.PostCSS 插件（postcss-import / precss 等）3.webpack 处理 CSS (css-loader + style-loader)2.PostCSS 可...

2018-05-23 23:24:33 381

原创 CSS 预处理器框架

CSS 预处理器框架参考博客：为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus可以按照需求来使用别人的代码1.sass (compass)2.less (lesshat/EST)3.提供现成的 mixin4.类似 JS 类库，封装常用功能 css 预处理器常见问题（详细讲解见上篇博客）1.常见的 css 预处理器1.Less(Node.js) 2.Sass (...

2018-05-23 23:23:44 680

原创 Bootstrap 小结

Bootstrap 小结Bootstrap4特点：1.兼容IE10+ 2.使用flexbox 布局 3.抛弃Nomalize.css 4.提供布局和 reboot 版本 Bootstrap组成：1.基础样式 2.常用组件 3.JS插件常见问题：1.Bootstrap 的优缺点优点：CSS 代码结构合理，现成的样式可以直接用缺点：定制较为繁琐，体积大2.Bootstrap 如何实现响应式布局原理：...

2018-05-23 20:28:28 266

原创 CSS预处理器(less 和 sass)

CSS预处理器1.基于CSS的另一种语言2.通过工具编译成CSS3.添加了很多CSS不具备的特性4.能提升CSS文件的组织提供功能：1.嵌套反映层级和约束 2.变量和计算，减少重复戴拿 3.Extend 和 Mixin 代码片段4.循环适用于复杂有规律的样式 5.import CSS 文件模块化知识点：1.less（嵌套）body{ padding:0; margin:0;}...

2018-05-23 18:49:02 884

原创 CSS动画小结

CSS动画原理：1.画面之间变化 2.视觉暂留作用常见问题1.CSS 动画的实现方式有几种1.transition 2. keyframes(animation)2.过渡动画和关键帧动画的区别1.过渡动画需要状态变化 2.关键帧动画不需要状态变化 3.关键帧动画能控制更精细3.如何使用逐帧动画1.使用关键帧动画 2.去掉补间动画（steps）4.CSS动画性能1.和 JS 动画很难比较出谁更...

2018-05-21 17:38:34 198

原创 CSS效果常见问题

详细解答参见上篇博客问题1.如何用 div 画一个 xxxbox-shadow 无限投影 (堆叠成复杂图案）::before::after问题2.如何产生不占空间的边框1.box-shadow2.outline问题3.如何实现圆形元素（头像）border-radius:50%问题4.如何实现ios图标的圆角1.将设计图形导入矢量设计软件导成 svg2.用 clip-path：（svg）制作圆角图标...

2018-05-21 09:30:22 133

原创 CSS效果小结

效果属性1.box-shadow（盒子阴影）示例加上 box-shadow内阴影复杂例子阴影的形状跟原来的形状是一样的结果：box-shadow 作用：1.营造层次感（立体感）2.充当没有宽度的边框（没有大小，不会占据位置）3.特殊效果 2.text-shadow（文本阴影）作用：1.立体感 2.印刷品质感（边缘有模糊效果）比较：3.border-radius圆角矩形圆形半圆/扇形只有左上角，...

2018-05-21 09:29:44 377

原创 HTML(标签）

HTML标签分类1.块级标签：每个块级标签独自占一行 h1--h6 标题 p 段落 hr ：水平线 ol li 有序列表 ul li : 无序列表 div : 2.行级标签 : 按行逐一显示，不会自动换行 img ,a,b,i,em,strong,small,br,span img 图片 src:图片地址 alt:提示文字 a：超链接属性 href : 要连...

2018-05-20 15:13:08 409

原创 CSS布局相关问题

详细信息参见上篇博客1.实现两栏（三栏）布局的方法1.表格布局2.float + margin 布局3.inline-block布局4.flexbox 布局2.position:absolute/fixed 有什么区别position:absolute 相对最近的 absolute / realtiveposition:fixed 相对屏幕（viewport）3.display:inline-bl...

2018-05-19 23:53:10 138

原创 CSS 布局小结

常见布局方式布局基础：1.盒子模型2.display：确定元素显示类型（block、inline、inline-block）3.position:确定元素位置（static/静态（按文档流挨着布局）、relative/相对（以元素本身做参考点，不改变其占据的空间）、absolute/绝对（脱离文档流，不会对其他元素布局产生影响，相对于最近的absolute或relative属性的元素）、fixed...

2018-05-19 23:35:26 214

原创 CSS（非布局样式总结）

CSS（非布局样式）问题1.CSS样式（选择器）的优先级1.计算权重2.！important3.内联样式比外嵌样式高4.后写的优先级高问题2.雪碧图的作用1.减少 HTTP 请求数，提高加载性能2.有一些情况下可以减小图片大小问题3.base64 的使用1.用于减少 HTTP 请求2.适用于小图片3.base64 的体积约为原图 4/3问题4.伪类和伪元素的区别1.伪类表状态（链接状态--link...

2018-05-15 22:21:08 373

原创 HTML 知识点总结

HTML 常见元素1.<meta charset = "utf-8'>表示页面使用的那种字符集（编码字符），一般为 utf-8，囊括所有英文和中文（放在第1行）2.<meta name ="viewport" content="width=decive-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">...

2018-05-11 13:28:47 981

原创 HTML 常见问题

问题1.Doctype 的意义是什么1.让浏览器以标准模式渲染2.让浏览器知道元素的合法性问题2. HTML XHTML HTML5的关系1.HTML 属于 SGML2.XHTML属于XML,是 HTML 进行 XML 严格化的结果3.HTML5 不属于 SGML 或 XML, 比 XHTML宽松问题3.HTML5 有什么变化1.新的语义化元素2.表单增强3.新的API(离线、音视频、图形、实时...

2018-05-11 13:26:52 1026

原创 JS(DOM 和 BOM)

JS(DOM 和 BOM)常说的JS（浏览器执行的JS）包含两部分：1.JS基础知识（语法）（ECMA262标准）2.JS-Web-API(W3C标准）W3C 标准中关于 JS 的规定有：（只管定义用于浏览器中 JS 操作页面的API 和全局变量，没有任何JS语法）1.DOM 操作（Document Object Model）题目1.DOM 是那种基本的数据结构树题目2.DOM操作的常用API有哪...

2018-05-10 22:36:32 4644

原创 JS(日期和math)

JS(日期和math)问题1.获取 2017-06-10结果:1.dt.getMonth() + 1 是真实的月份2.month = '0' + month 中，month 是数字（number）类型，+ ‘0’ 则会变为字符串类型问题2.获取随机数，要求是长度一致的字符串格式结果：1.var random = random + '0000000000' 意义是防止因随机数的位数没有 10 ...

2018-05-10 22:35:35 1103

原创 JS(异步与单线程）

JS(异步与单线程）题目1.同步和异步的区别是什么，试举例（例子见知识点）区别：1.同步会阻塞代码执行，而异步不会2.alert 是同步，setTimeout 是异步题目2.关于 setTimeout结果：1 3 5 2 4题目3.前端使用异步的场景有哪些 1.定时任务：setTimeout,setInverval2.网络请求：ajax 请求，动态<img>加载3.事件绑定知识点一、什...

2018-05-10 22:33:12 8847 3

原创 JS(作用域与闭包）

JS(作用域与闭包）1.对变量提升的理解1.变量定义（上下文）2.函数声明2.说明 this 几种不同的使用场景常见用法1.作为构造函数执行2.作为对象属性执行3.作为普通函数执行(this === window)4.call apply bind3.创建10个 <a>标签，点击的时候弹出来对应的序号结果：均显示这种的结果是：每次点击时 i 都为10；点击 click 时，弹出 i，...

2018-05-10 22:32:19 8037 1

原创 JS（全局作用域）

JS（全局作用域）一、全局函数作用域（把变量的声明和函数的声明放在前面）作用域(scope)：一条数据可以在哪个范围中使用。通常来说，一段程序代码中所用到的数据并不总是有效/可用的，而限定这个数据的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强程序的可靠性，减少名字冲突。变量(数据)js中，变量的作用域有两中，一种是全局作用域（全局变量），一种局部作用域（局部变...

2018-05-10 22:30:34 1218

原创 JS(原型和原型链）

(学习自慕课网《前端JavaScript 面试技巧》JS(原型和原型链）题目1.如何准确判断一个变量是数组类型使用 instanceof 方法题目2.写一个原型链继承的例子实例：封装 DOM 查询定义构造函数 Elem,属性封装成 id 打印出所有的 html 将所有的 html 变为 hello imooc ,并且点击弹出 ‘clicked’...

2018-05-10 22:28:47 39745 9

原创 JS（面试中变量类型和计算）

JS（变量类型和计算）题目1.JS 中使用 typeof 能得到那些类型？题目2.何时使用 === 何时使用==？题目3.JS 中有哪些内置函数？题目4.JS 变量按照存储方式区分为那些类型，描述其特点？题目5.如何理解 JSON一、变量类型（存储方式）1.值类型值类型是把值存储在具体的位置，a 存储100，a 赋值给 b ，则 b 存储100，将 a 的位置改为200，但 b 的位置仍存...

2018-05-10 22:24:09 291

原创五分钟上手 Markdown

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。------百度百科话不多说，开始发车！总共10个标签，五分钟足矣，毕竟基本没难度。https://dillinger.io/ 这是一个Markdown的在线编辑器，可以立马体验Markdown带给我们的便利。1.#为标题，类比<h1>标签。#——######对...

2018-05-04 10:46:21 156

原创 CSS 居中方法小结

1.文字垂直居中1234.header_nav-item{ height:38px; line-height:38px; }　即文字所在模块的高度和行高设置成一样的！2.块元素垂直居中与父元素　.header_wrap{ height:80px; position:realitive;} .header_logo{ hei...

2018-05-04 10:44:36 160

原创 CSS 清除浮动方法小结

清除浮动其实主要解决的就是高度塌陷问题，具体在此不再赘述~~~那些年我们一起清除过的浮动（大佬博客，写的挺不错）方法小结：1.1）添加额外标签这是在学校老师就告诉我们的一种方法，通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>，其他标签br等亦可。12345<div class="main left">.ma...

2018-05-04 10:43:10 142

原创项目目录标准结构

（学习自慕课网中《所向披靡的响应式开发》课程中）一.如何组织项目目录结构1.约定优于配置2.约定代码结构或命名规范来减少配置数量（没有最好的组织方式，只有合适的组织方式）样式放入CSS文件下，main.css是通用样式，normalize.css是引用样式，login是的登录样式。脚本放入js文件下，main.js是通用脚本，vendor文件夹来存放第三方库和框架；压缩版可加上min前缀。othe...

2018-05-04 10:41:46 1894

原创 ES6(Module 模块化）

模块化ES6的模块化的基本规则或特点：1：每一个模块只加载一次，每一个JS只执行一次，如果下次再去加载同目录下同文件，直接从内存中读取。一个模块就是一个单例，或者说就是一个对象；2：每一个模块内声明的变量都是局部变量，不会污染全局作用域；3：模块内部的变量或者函数可以通过export导出；4：一个模块可以导入别的模块一、导入和导出1.导出导入：结果：2.只取需要的结果：3.导出数目太多时...

2018-05-03 10:17:38 3413

原创 ES6(Decorator(修饰器）

Decorator(修饰器）1.基本概念函数用来修改类的行为1.Decorator 是一个函数 2.通过Decorator(修饰器）能修改类的行为（扩展类的功能）3.Decorator(修饰器）只在类的范围有用2.基本用法见代码一、Decorator(修饰器）定义结果修改 time 属性结果：（不允许修改，达到“只读”的功能） 2.类外面进行操作（必须在 class 前面）结果：第三...

2018-05-03 10:16:26 2664

原创 ES6(Generator)

Generator1.基本概念异步编程的一种解决方案2.next 函数的用法见代码3.yield* 的用法见代码一、基本定义2.使用 Generator 作为遍历器的返回值通过 Generator 函数的方式3.状态机有 A B C 三种状态去描述一个事物，A-B、B-C、C-A，永远不会与第四种状态，用 Generator 处理这种状态机是特别适用的。 1.调用 let 方法运行第一个 yie...

2018-05-03 10:15:30 724

原创 ES6(Iterator 和 for...of 循环)

Iterator 和 for...of 循环1.什么是 Iterator 接口Iterator 接口功能:用一种相同办法的接口让不同的数据结构得到统一的读取命令的方式2.Iterator的基本用法见代码3.for...offor...of 循环就是不断调用Iterator 接口来达到这种形式一、Iterator 接口介绍1.数组调用Iterator 接口，数组内部已实现，直接调用即可，false代...

2018-05-03 10:12:39 169

原创 ES6(Promise)

Promise（异步编程的一种解决方案）1.什么是异步函数A，A去执行一个步骤，A执行再完执行B，这种执行方式实现有两种方式： 1.回调 2.事件触发。Promise 区别于这两种方式2.Promise 的作用解决异步操作问题3.Promise 的基本用法见代码一.ES5中的回调(问题复杂时将难以解决，后期难以维护）（Ajax 过程）（先执行“执行”，1秒后执行 timeout1） ES6(P...

2018-05-03 10:10:35 127

原创 ES6(类）

类的概念1.基本定义2.继承继承如何传递参数？（super）定义自己属性的时候调用 this 一定要在 super 之后（在继承关系中，子类的构造函数如果用 super 传递参数的过程中，super 一定放在构造函数的第一行）有参数则会覆盖3.getter 和 setter 赋值操作4.静态方法（通过类调用，而不是类的实例调用）5.静态属性（暂无关键词）...

2018-05-03 10:08:39 98

原创 ES6(Proxy 和 Reflect)

Proxy 和 Reflect1.Proxy 和 Reflect 的概念Proxy 意为 ‘代理’，连接了用户和真实对象之间的一个层Reflect 意为‘反射’ 反射的是Object2.适用场景一、Proxy 语法1.类似于供应商的原始对象 obj ，通过 Proxy 新生成对象，这个对象是映射 Object 的，用户访问 monitor,通过 Proxy ,再传递给 obj 对象。2.设置...

2018-05-03 10:06:14 1590 1

原创 ES6(数据结构-2)

数据结构—2Map 与 Array 的对比Set 与 Array的对比Map 与 Object 的对比Set 与 Object 的对比（增、查、改、删）一、Map 与 Array 的对比1.增2.查3.改4.删二、Set 与 Array的对比1.增 2.查（若想为true，则需将 has 后的对象保存过） 3.改4.删三、Map Set 与 Object 的对比 1.增 2.查3.改4.删（涉...

2018-05-03 10:05:18 138

原创 ES6（数据结构）

ES6（数据结构）一、set 用法 set 对数组进行转化添加重复元素不会生效（应用：去重复功能）转化过程不会有数据类型的转换添加、删除、判断是否存在的方法2. 读取（遍历）的几种方法二、WeakSet与Set的区别：1.WeakSet 的元素只能是对象2.WeakSet 的对象是弱应用（不会检测是否在其他中用过，不与回收机制挂钩）3.不能遍历，部分属性和方法 Set 没有 1. 只能...

2018-05-02 15:33:19 1319

原创 ES6(Symbol)

Symbol1.Syobol的概念这种数据类型提供一个独一无二的值2.Symbol的作用见代码永远不可能相等，保证值的独一无二。 a3 a4 是 K值相同名称的值不会冲突（对象中有用到 Symbol 做Key值的话，通过 let of 是拿不到属性的）解决办法可以拿到Symbol 作为 Key 值的属性可以像传统的那样采用遍历的方法取到全部属性值...

2018-05-02 15:31:10 541

原创 ES6(对象（object）新增特性）

ES6(对象（object）新增特性）1.简介表示法o,k 为属性；这种为无方法的情况。这种为有方法。2.属性表达式ES6中，【a】就是 b .3.新增API 1.数组也是引用类型2.Object.is 功能与 === 没有区别。拷贝 1.该种拷贝是有限制的，浅拷贝。2.这种方法拷贝的是只有自身对象的属性。不拷贝继承属性和不可枚举的属性 entriseentrise 配合 Object 对...

2018-05-02 15:30:12 741

空空如也

空空如也