- 博客(42)
- 收藏
- 关注
RSS订阅转载 CSS-FlexBox总结（API）
-----------------学习笔记---------------1.老版本与新版本本质上的一些差异（1）老版本没有“换行”、“收缩”，也就是说老版本的容器只能放一行item，且当一行放不下时，既不会换行，也不会收缩，而是选择溢出。（2）老版本由于没有“换行”，因此侧轴没有方向而言，只有哪一根是侧轴而已。2.老版本属性【容器】display:-webkit-box【容器】【主...
2019-06-22 11:28:34
305
原创 CSS百分比参照物整理
百分比的参照物1.参照于包含块的高度：top、bottom、height2.参照于包含块的宽度：left、right、width、margin（四个方向）、padding（四个方向）3.参照于自身的尺寸：transform:translate(50%,30%);水平方向参照于自身的宽度，垂直方向参照于自身的高度4.参照于背景区（background-origin指定）的尺寸：backgro...
2019-06-20 15:34:39
504
原创 CSS背景总结
1.background简写属性 background是一个简写属性，本身不可继承，其中所有分量也不可继承，其所包含的分量有很多，顺序无关，下面给出一个列表。由于分量太多，一般不建议使用简写属性，因为一旦简写属性写在了分量属性的后面，就会把分量属性覆盖，除非把简写属性写在分量前面，分量属性才不会被简写属性覆盖。通常也可以把background-image background-repe...
2019-06-18 11:18:56
276
原创 CSS垂直水平居中汇总
1.块级元素水平居中方法解读：块级元素水平居中是指块级元素相对于自己的包含块水平居中，方法为对块级元素设置margin:0 auto; 如果块级元素变成float或者absolute的话，那么这个方法失效。 代码写为margin:auto;在这种场景下等价于margin:0 auto; <div id="wrap"> <div id="t...
2019-06-15 16:43:40
215
原创 Vue API学习——指令
官网https://cn.vuejs.org/v2/api/1. 分类概述全局API参数选项：在创建Vue实例对象时的一些参数设置。参数选项有以下几类：数据、DOM、生命周期钩子、资源、组合、其他实例对象本身的属性和方法：创建完Vue实例对象以后实例对象所拥有的，以美元符$开头，直接用Vue实例对象调用。分为以下几类指令：内置组件2.指令（v-tex...
2019-04-03 18:23:54
698
原创 Vue实例对象、组件、注册
1. Vue实例对象Vue()是一个构造函数，用new Vue(构造参数)得到的就是一个实例对象，Vue实例对象是Vue.js中最基本的单元。构造参数是一个对象，构造参数的属性即为参数选项，常见的参数选项有el、data、template、components等。 在项目中， 在main.js中通过创建最外层的Vue实例对象来实现根结点、根组件的功能。参数选项：el：即el...
2019-04-03 11:25:29
1548
原创 前端开发软件安装和配置
1.window中下载、安装git bash官网下载https://gitforwindows.org/使用：与mac中使用语法都一样2.webstorm下载、安装https://www.jetbrains.com/webstorm/download/激活/破解见博客：https://blog.csdn.net/hdp134793/article/details/815304...
2019-04-02 19:17:26
513
原创 Vue环境搭建以及vue-cli使用
1.Vue环境搭建以及vue-cli使用1.1 Vue的环境搭建（1）第一种方式：在页面用<script>标签引入CDN在html文件的<head>标签中引入<script>标签，src指向CDN，多种CDN的写法可参考https://cn.vuejs.org/v2/guide/installation。以下几种都可以，刷新页面，看开发者工具...
2019-04-02 18:32:38
1683
原创 Vue概述
一、Vue简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue 不支持 IE8 及以下版本，因为...
2019-03-25 19:39:36
945
原创 持续集成
一、实习项目相关1. 持续集成和Jenkins （1）持续集成的简介 持续集成（Continuous integration）,简称CI。随着软件项目复杂度的增加,就会对集成和确保软件组件能够在一起工作提出了更多的要求-要早集成、常集成。CI不是一项软件开发实践，而是多项软件开发实践的集合。 持续集成是一种软件开发实践，即团队开发成员经常集成他们...
2019-03-25 19:39:06
160
原创 带偏移量的绝对定位
参考张鑫旭慕课网CSS的absolute课程：https://www.imooc.com/learn/1921.absolute的特性与偏移量1.1 偏移量1. 四个方向的偏移量一般组合使用，水平方向的一个与垂直方向的一个。2.当只使用水平方向或者垂直方向时，那么另一个方向将仍受到普通文档流的影响。比如只有top:10px;那么水平方向需要用margin-left或者m...
2019-03-25 17:35:04
1335
原创 vertical-align的应用
参考张鑫旭慕课网CSS的absolute课程：https://www.imooc.com/learn/5421.vertical-align概述1.1 适用元素默认状态下能够使用vertical-align属性的元素有：图片、按钮、文字、单元格等inline水平元素：<img>、<span>、<strong>、<em>、匿名文本结...
2019-03-24 17:26:11
2236
原创 无依赖绝对定位的应用
参考张鑫旭慕课网绝对定位课程：https://www.imooc.com/learn/192含义、特点：无依赖的绝对定位：当绝对定位元素不使用top/right/bottom/left中任何一个属性时，或者上述四个偏移量都使用auto取值时，该绝对定位元素不受其参照物的限制，又可以称为无依赖的绝对定位元素。 特点1：是一个无宽、高的浮动元素，因此会尽可能向上浮动。 特点2：位置跟随性...
2019-03-23 21:23:40
1031
原创 JS执行环境、作用域链与闭包
参考文献：《JavaScript高级程序设计（第三版）》第4章+第7章《JavaScript面向对象编程指南（第二版）》第3章有一个比较好的链接，待看：https://blog.csdn.net/Eternal_tyq/article/details/81914025本文是一个初步的理解，还有待深入研究。1.相关概念汇总1.当创建函数时，会为函数创建一个预先包含全...
2019-03-22 16:43:02
278
原创 面试中常问的几个水平、垂直居中的方法
1. 对齐相关的几个CSS属性三个属性：text-align、vertical-align、line-height参考链接：https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-alignhttps://developer.mozilla.org/zh-CN/docs/Web/CSS/text-alignhttps...
2019-03-20 17:15:36
643
原创 前端面试（CSS）中常问的几个布局
CSS中常用的页面布局：两栏布局、三栏布局注意：只要用到了浮动，都要考虑要让父元素包含它1. 两栏布局1.1 两栏固定布局width+leftwidth+right<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...
2019-03-19 20:11:21
1272
原创 对表格应用样式
参考自《精通CSS高级Web标准解决方案（第2版）》1.待补充基础1.1<table>相关基础summary属性<legend>标签<thead>、<tbody>、<tfoot>border-collapse属性border-spacing属性1.2 投影、边框圆角等属性<text-shad...
2019-03-19 14:08:05
199
原创 对列表应用样式和创建导航条
参考自《精通CSS 高级Web标准解决方案（第2版）》第6章基础知识总结： 伪类和伪元素选择器：https://www.cnblogs.com/ihardcoder/p/5294927.html、https://www.cnblogs.com/zcynine/p/5008985.html实战技术要点：写CSS的一些体会（个人理解，待完善）先整体后局部：先对宽泛的标签添...
2019-03-07 21:43:15
644
原创 CSS对链接应用样式
参考：《精通CSS高级Web标准解决方案（第2版）》 http://www.w3school.com.cn/html/html_links.asp http://www.w3school.com.cn/tags/tag_a.asp1.<a>基础注意："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。常用属性：属性名 属性值 ...
2019-03-05 18:00:31
462
原创 对表单应用样式
参考《精通CSS 高级Web标准解决方案（第2版）》第7章关于label的使用参考如下链接：https://blog.csdn.net/gnail_oug/article/details/728521501. 简单的表单布局效果（这里对Name项focus）HTML<div id="content"> <form> ...
2019-03-05 17:55:11
339
原创 CSS层叠相关的理解
参考张鑫旭慕课网CSS的z-index课程，链接为：https://www.imooc.com/learn/6431.几个概念z轴：指的是用户的眼睛与屏幕之间的垂直的轴线，表征了屏幕与用户眼睛之间的距离远近。这里我们一般认为用户的眼睛位置不动，因此通过让页面上的元素成为“层叠上下文元素”来拉近其与用户的距离。层叠上下文（stacking context）：HTML元...
2019-03-05 09:31:11
334
原创 利用border实现等高布局
参考张鑫旭慕课网CSS视频border课程：https://www.imooc.com/learn/755利用border实现等高布局（边框宽度固定），效果图如下HTML:<div class="box clearfix"> <nav class="left"> <h3>导航1</h3>...
2019-03-04 11:40:01
460
原创 前端面试——打包工具
https://www.cnblogs.com/goloving/p/8511861.html1.什么是打包工具，为什么用打包工具？ 它是一种将前端代码进行转换，压缩以及合并等操作的程序工具。目前常见的有grunt，webpack等。 web前端打包工具，它能将我们前端人员写得less,sass等编译成css.将多个js文件合并压缩成一个js文件。它的作用就是通过...
2018-09-13 17:45:29
3745
转载 前端面试——框架
0.什么是MVVM？（1）mvc 所有通信都是单向的：提交一次反馈一次，通信一次相互制约。MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。视图（View）：用户界面。（传送指令到 Contro...
2018-09-09 17:56:33
475
原创 前端面试——Web开发相关
https://blog.csdn.net/wdlhao/article/details/790796601.优雅降级和渐进增强？（1）渐进增强 progressive enhancement 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（2）优雅降级 graceful degradation...
2018-09-09 13:43:10
249
原创 前端面试——HTML+CSS(续)
https://www.nowcoder.com/ta/front-end-interview?query=&asc=true&order=&page=31.说一下HTML5的新特性？https://blog.csdn.net/chandoudeyuyi/article/details/692062361.1 新标签（1）<canvas> ...
2018-09-09 10:49:16
933
原创 前端面试——HTTP
1.get和post的区别？GET一般用于获取/查询资源信息，而POST一般用于新的资源的建立和/或已有资源的修改。 GET提交的数据会放在URL之后，以?分割URL和传输数据，参数之间以&相连，如EditPosts.aspx?name=test1&id=123456. POST方法是把提交的数据放在HTTP包的Body中。 GET提交的数据大小有限制（因为浏览器对URL的...
2018-09-08 17:36:45
334
原创 前端面试——Ajax
1.简述Ajax的原理、优缺点、用法？（1）定义 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下，可以与服务器交换数据并更新部分网页内容的技术。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。...
2018-09-08 16:59:22
650
转载 前端面试——HTML+CSS
https://blog.csdn.net/wdlhao/article/details/79079660https://www.cnblogs.com/DCL1314/p/7903102.html1.简述src和href的区别？https://zhidao.baidu.com/question/583316301.htmlhref 是超文本引用（hypertext refere...
2018-09-07 18:11:27
234
原创 前端面试——JS函数
1.介绍一下JS中的函数？ （1） 2种声明方法 函数声明和函数表达式。二者的区别如下。定义方式的区别 解释器在解释JS时会对函数声明优先处理，因此可以在声明的前面调用函数，但函数表达式必须要声明之后才能使用。（2）没有重载的概念，因为在JS中函数名只是一个指向函数的指针（3）JS中的函数是一个值，可以当做形参传递给其他函数，也可以作为另一个函数的返回结果用r...
2018-09-07 16:19:26
270
原创 前端面试——JS继承
1.JS实现继承的方法？https://blog.csdn.net/u014787301/article/details/52203696http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html 小结：主要有三种继承方法：构造函数继承、原型继承、组合继承构造函数继承方法...
2018-09-07 11:09:29
453
原创 前端面试——JS垃圾回收机制
1.垃圾回收机制https://www.cnblogs.com/zhwl/p/4664604.htmlhttps://blog.csdn.net/oliver_web/article/details/53957021https://blog.csdn.net/natsuyu/article/details/50864936http://www.ruanyifeng.com/blog...
2018-09-06 18:29:32
6637
原创 前端面试——创建对象的方法、实例属性和原型属性
1.创建对象的方法有几种？分别是什么？https://blog.csdn.net/a569171010/article/details/7467514 小结：JS创建对象主要有4种方法：工厂模式、构造函数模式、原型模式、组合方法工厂模式不能解决对象识别的问题。 构造函数模式无需创建私有的对象，而是将属性和方法挂载到this上，并且无返回值，更加贴近面向对象的特点，使用时利...
2018-09-06 16:40:15
1129
原创 前端面试——作用域链、原型链、闭包
1.作用域链、原型、原型链、闭包？https://www.cnblogs.com/pssp/p/5204324.htmlhttps://cnodejs.org/topic/59662f6dbda29e0f7480235bhttps://blog.csdn.net/zhizhiC/article/details/79734611结论作用域链的作用主要用于查找标识符，当作用域需要...
2018-09-06 16:39:20
16317
2
原创 前端面试——JS变量作用域，var，let，const的区别
1.讲一下JS中的变量作用域，以及var、 let、 const三者的区别？http://es6.ruanyifeng.com/#docs/let（1）变量作用域ES5 ：全局作用域、函数作用域，没有块作用域的概念。 ES6 ：全局作用域、函数作用域、块作用域，块作用域由 { } 包括，if语句和 for语句里面的{ }也属于块作用域。（2）var、let、const三者的区别...
2018-09-06 16:11:31
503
原创 前端面试——Web存储
1.比较 cookies，sessionStorage 和 localStorage 的异同？----------------------------第一种答案-----------------------------------（1）使用目的cookie: cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数...
2018-09-06 10:35:44
284
原创 前端面试——引用类型的判断
1.typeof 和 instanceof的区别？ 总结：instanceof判断的是对象实例的构造函数是谁，而typeof判断到数据类型层面，也就是通过intanceof能够获得对象实例隶属于哪一个精确的构造函数。（1） typeof： 返回值是一个字符串，用来说明变量的数据类型，用法为: typeof(要判断的变量)一般只能返回如下几个结果...
2018-09-06 10:30:05
399
原创 Element ui学习之Tree树形控件
<el-tree>2.1 常用属性（1）data展示数据，类型为array（2）props配置选项，是一个对象，具体看下表（3）load 加载子树数据的方法，仅当 lazy 属性为true 时生效，类型是一个函数，function(node, resolve)（4）lazy 是否懒加载子节点，需与 load 方法结合使用，...
2018-09-03 20:53:53
15861
3
原创 前端入门相关资料和网址
0.前端学习路线知乎问答https://www.zhihu.com/question/19834302/answer/13108148 张鑫旭问答：https://www.zhangxinxu.com/wordpress/2017/06/ten-question-about-frontend-zhihu/1.Vue相关1.1 Vue全家桶Vue.jshttps://cn.vue...
2018-09-03 14:20:30
241
原创 几种常见的排序算法
1、排序算法的分类（1）交换排序：冒泡排序、快速排序（2）选择排序：简单选择排序、堆排序（3）插入排序：直接插入排序、希尔排序（4）归并排序：二路归并排序注意这里默认都是升序排列，下面给出swap的函数public void swap(int[] array,int m,int n) { int temp=0; temp=array[m]; array[m]=array[n]; array...
2018-04-16 16:37:09
424
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人