- 博客(41)
- 收藏
- 关注
RSS订阅原创 面汇
title: 面试题汇总文章目录title: 面试题汇总HTML+CSS面试题001.Flex布局002.HTML5+CSS3新特性003.盒子模型004.如何让一个div水平居中？005.如何让一个div水平垂直居中？006.如何清除浮动？007.css3实现三栏布局，左右固定，中间自适应？008.CSS中 link 和@import 的区别是什么？009.transition和animat...
2019-11-26 07:56:51
8142
原创 vue之mvvm原理解析
title: vue之mvvm原理解析mvvm 原理解析文章目录mvvm 原理解析mvvm 面试论述mvvm的编译过程以及使用分解vue实例实现Complie编译模板vue类-入口文件编译模板节点转文档碎片编译模板数据劫持数据劫持 observer类订阅者的Watcher的实现订阅者watcher存放订阅者Dep订阅者，连接编译模板与数据劫持mvvm 面试论述MVVM分为Model、Vi...
2019-10-12 09:02:22
892
原创 flutter练手优质项目
适合中级练手的flutter优质项目lutter_deerhttps://github.com/simplezhli/flutter_deerflutter-oschttps://github.com/yubo725/flutter-oschua-apphttps://github.com/wuxianghua/hua-appflutter_touchvg 画板ht...
2019-10-10 10:15:16
783
原创 javascript异步解决方案
文章目录1. 解决方案之回调函数1.2 回调函数可以解决异步问题2. 解决方案之promise的使用2.1 promise的定义2.2 promise 的规范2.2.1 四大术语2.2.2 3种状态2.2.3 2种事件2.2.4 1个对象2.3 promise的基本用法2.3.1 基本用法2.3.2 then 方法2.3.3promise典型定义2.3.3.1 案例1：读取文件操作2.3.3.2 ...
2019-08-26 20:51:55
846
原创 computed、methods和watch三者之间对的区别
面试知识点系列之三文章目录面试知识点系列之三1.计算属性和方法的区别？2.computed和watch有什么区别？3.watch和方法有区别？4. 总结1.计算属性和方法的区别？computed有缓存computed中的方法，主要是依据data中的数据生成的新的数据，里面的方法，在第一次编译调用之后便不再进行调用（数据不改变的情况下），即数据不更新便不再执行。method没有缓存...
2019-08-12 19:13:24
809
原创 javascript异步解决方案之promise
js异步解决方案之promise文章目录js异步解决方案之promise1. promise的定义2. promise 的规范2.1 四大术语2.2 3种状态2.3 2种事件2.4 1个对象3. promise的基本用法3.1 基本用法3.2 then 方法3.3promise典型定义3.3.1 案例1：读取文件操作3.3.2 案例2：根据随机数返回结果3.3.3 读取文件封装3.4 all和r...
2019-07-24 21:11:32
377
原创 js面向对象知识点
js面向对象知识点文章目录js面向对象知识点1. 对象的定义2. js的对象分类3. typeof 与 instanceof 的应用3.1 typeof3.2 instanceof3.3 示例4. 属性的操作4.1 访问某个属性4.2 给对象添加属性4.3 获取全部可以枚举的实例属性5. 利用属性的特性，完成例子5.1 数组去重5.2 统计数组中个元素出现次数6. 原型与原型链6.1 原型6.2...
2019-07-24 18:44:09
738
原创 JS中函数的应用与ES6中对函数的扩展
JS中函数的应用与ES6中对函数的扩展文章目录JS中函数的应用与ES6中对函数的扩展1. 函数1.2 函数定义1.3 作用域1.4 参数传递1.5 argument的应用2. ES6中对函数的扩展2.1 参数的默认值2.2 扩展运算符 ...2.3 箭头函数2.4 执行上下文1. 函数1.2 函数定义函数声明function f(参数1){} 函数表达式var f = fu...
2019-07-24 08:13:35
216
原创 apache之http协议配置
apache之http协议配置参考资料Apache服务器的下载与安装1.apache官网下载Apache HTTP Server服务器1.打开apache官网 ，点击右上角Download，2.出现目录列表，这些是apache的项目列表3.点“httpd"，出现以下界面4.点红框部分，出现如下界面6.进入如下界面后，选择第一项ApacheHaus，这是个第三方下载平台...
2019-07-24 08:11:41
1378
原创 CSS中的流式布局，浮动布局，层布局，flex布局
CSS中的流式布局，浮动布局，层布局，flex布局文章目录CSS中的流式布局，浮动布局，层布局，flex布局1. 流式布局2. 浮动布局2.1浮动的特点2.2 元素浮动会造成影响（清除浮动）3. 层布局4. flex布局4.1 容器相关的属性4.1.1 flex-direction：改变主轴方向4.1.2 flex-wrap:项目足够多的时候，是否换行4.1.3 * flex-flow4.1....
2019-07-16 21:41:43
5317
1
原创 CSS的选择器与css的盒子模型
CSS的选择器与css的盒子模型文章目录CSS的选择器与css的盒子模型1.CSS中的选择器1.1css选择器汇总1.2选择器的优先级（层叠性）2.盒子模型2.1 盒子的6大属性2.2盒子模型的注意点2.3盒子6大属性详解2.3.1 margin2.3.2 border2.3.3 padding2.3.4 content2.3.5 background1.CSS中的选择器在css中常见的选择...
2019-07-16 19:30:47
442
原创 面试知识点系列之二
面试知识点系列之二文章目录面试知识点系列之二1. 什么是盒子模型？2. 如何计算盒子模型在网页上占据的大小？ 这种盒子模型有什么不好的地方？3. 知道什么是margin的重叠吗？4. 如何实现一个小三角1. 什么是盒子模型？一个标签就是一个盒子，可以通过6大属性来设置这个盒子。有margin，border,padding，widht，height，bg。这六个属性标签分为：块标签与行内...
2019-07-16 19:22:01
205
原创 HTML5新增API
HTML5新增API文章目录HTML5新增API1. 检查网络连接状态2. 全屏2.1 全屏显示2.2 取消全屏显示2.3 是否全屏显示2.4 全屏伪类选择器3. 文件读取3.1 Files对象3.2FileReader对象4 地理定位4.1 API详解4.2 应用5 拖拽5.1 拖拽和释放5.2 设置元素为可拖放5.2 拖拽API的相关事件5.3 DataTransfer6 Web存储6.1 ...
2019-07-14 16:38:53
1117
原创 面试知识点系列之一
文章目录面试知识点系列之一1.网址到页面显示经历的过程2.浏览器的渲染机制3.什么是http协议TCP和UDP协议：4.三次握手5.四次挥手为什么连接是三次握手，而断开时四次挥手？面试知识点系列之一1.网址到页面显示经历的过程从输入一个网址到浏览器显示页面经历的过程：DNS解析得到IP地址根据ip地址，访问服务器建立TCP连接（三次握手）发送请求服务器给出响应浏览器的到响应的资...
2019-07-12 18:55:24
155
原创 解决IE低版本对H5兼容性问题
兼容处理（解决IE低版本对H5的兼容问题）在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用，但是在IE9版本以下，并不能正常解析这些新标签，但是却可以识别通过document.createElement(‘tagName’)创建的自定义标签，于是我们的解决方案就是将HTML5的新标签全部通过docum...
2019-06-09 09:47:01
1595
原创 jQuery Easing.js 插件的简单使用
jQuery Easing.js 插件的简单使用==介绍：==easing是jquery的一个插件，使用它可以创建更加绚丽的动画效果。==环境：==因为easing是jQuery的插件，所以必须是在引入jquery之后再引入它简单的写法$(".car").animate({"left": "150%"}, 4000, "easeInElastic", function() {});...
2019-06-08 21:08:41
497
原创 视差滚动插件之Stellar
视差滚动插件之Stellar视差滚动（Parallax Scrolling）指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的，而视差滚动则是在滚动的时候，内容和多层次的背景实现或不同速度，或不同方向的运动。有的时候也可以加上一些透明度、大小的动画来优化显示。利用background-a...
2019-06-08 21:07:46
233
原创 jQuery之轮播图插件(fullpage)
jQuery之轮播图插件(fullpage)fullpage 全屏插件fullPage.js 是一个基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。github 官网 https://github.com/alvarotrigo/fullPage.js中文演示地址 http://www.dowebok.com/demo/2014/77/主要功能有：支...
2019-06-08 20:34:16
424
原创 Apache服务器的配置
Apache服务器的配置WampService集成环境的使用配置本地IP资源说明：在局域网环境中，不允许别人访问本机的资源，默认情况下Apache中不允许的，可以通过修改相关的配置参数来让本地资源都可以被访问到。修改步骤：在wamp\bin\apache\Apache2.4.4\conf目录下找到httpd.conf文件查找 deny 找到以下代码3. 将Deny fro...
2019-06-04 16:16:40
502
原创 jQuery中事件的相关操作
jQuery中事件的相关操作绑定事件.bind()可以为元素同时绑定多个事件第一个参数是：事件名字,第二个参数是：事件处理函数-匿名函数绑定一个事件.bind( “事件名” , “处理函数” )绑定多个事件.bind( { “事件名”: “处理函数” , “事件名”: “处理函数” , “事件名”: “处理函数” } )//绑定单个事件 $("#...
2019-06-01 13:23:57
142
原创 jQuery中HTML的操作
jQuery中HTML的操作创建元素的方式jQuery中创建元素的方式:1.$(“标签的代码”)2.对象.html(“标签的代码”);var aObj=$("<a href='http://www.baidu.com'>百度</a>");$("#div").html("<p>这是一个p标签</p>")添加创建的元素a...
2019-06-01 13:22:57
619
原创 jQuery中的动画效果
jQuery中的动画效果动态效果显示与隐藏单位：毫秒$(“ul”).show( 数字 | slow | normal | fast );$(“ul”).hide( 数字 | slow | normal | fast );$(“ul”).toggle( 数字 | slow | normal | fast );slow：600msnorma...
2019-06-01 13:21:10
290
原创 jQuery中的遍历
jQuery中的遍历向下遍历childen(可选参数）只能遍历他的下一级（儿子辈）$(" #dv “).childen()$(” #dv “).childen(” li ")find(必选参数）可以找到任意一级参数$(" #dv “).find(” li ")向上遍历parent(可选参数）只能遍历他的上一级（父辈）$(" #dv "...
2019-06-01 13:19:54
168
原创 jQuery 样式操作
jQuery 样式操作设置样式.css() 为标签添加样式.css( “属性” , “属性值” ).css( “属性” , “属性值”).css( “属性” , “属性值” ).css( {“属性” : “属性值” } )$("#dv").css(“background”,“red”);$("#dv").css(“background”,“red”).css(“back...
2019-06-01 13:18:10
124
原创 jQuery选择器及应用
jQuery选择器及应用jQuery获取元素的方式根据id获取id选择器用法：$("#id的值");获取的元素的个数：一个$("#div")根据标签的名字获取标签选择器用法：$(“标签名字”);获取的元素的个数：多个// <div id="btn" class="dv"></div>$(".di")根据类样式的名字获取...
2019-06-01 13:09:06
215
原创 jQery基础学习的笔记
jQery基础学习的笔记多库共存问题释放$的作用var my$ = .noConflict();此时的.noConflict();此时的.noConflict();此时的只是一个变量my$此时代表 $ 拥有控制权注意：在JQuery中 jQuery与$ 效果一样jQuery中的==$.fn==$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquer...
2019-06-01 13:05:56
161
原创 javaScript高级语法之对象的应用
javaScript高级语法之对象的应用比较数据类型比较简单的数据类型 typeoftypeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： “number,” “string,” “boolean,” “object,” “function,” 和 “undefined.”我们可以使用typeof来获取一个变量是否存在示例：console.log( ty...
2019-05-29 18:17:29
153
原创 call、apply、bind应用的介绍
call、apply、bind应用的介绍callcall() 方法调用一个函数, 其具有一个指定的 this 值和分别地提供的参数(参数的列表)。 注意：该方法的作用和 `apply()` 方法类似，只有一个区别，就是 `call()` 方法接受的是若干个参数的列表，而 `apply()` 方法接受的是一个包含多个参数的数组。语法：fun.call(thisArg[, arg1[...
2019-05-24 21:01:08
159
原创 typeof 与 instanceof的简单的应用
typeof 与 instanceof的简单的应用比较数据类型比较简单的数据类型 typeoftypeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： “number,” “string,” “boolean,” “object,” “function,” 和 “undefined.”我们可以使用typeof来获取一个变量是否存在示例：console.lo...
2019-05-22 16:39:20
154
原创 javaScript的DOM与BOM操作
javaScript的DOM与BOM操作JavaScript的组成ECMAScript - JavaScript的核心定义了JavaScript 的语法规范JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关BOM - 浏览器对象模型一套操作浏览器功能的API通过BOM可以操作浏览器窗口，比如：弹出框、...
2019-05-22 11:10:00
329
原创 Git与Github的应用
(一) Git和GitHub的简单了解1. Git 是什么Git是目前世界上最先进的分布式版本控制系统2. Git和GitHub有何区别Git 是一款免费开源的分布式版本控制系统 — 工具Github 是用Git做版本控制的代码托管平台 — 平台，就是一个网站Github这个平台，底层是使用git工具来实现版本控制的。(二) 快速入门1. 安装GitGit下载的官方网址...
2019-05-16 23:32:04
263
原创 javaScript基础语法笔记
javaScript的基础语法笔记(一)变量的命名规则和规范规则 - 必须遵守的，不遵守会报错由字母、数字、下划线、$符号组成，不能以数字开头不能是关键字和保留字，例如：for、while。区分大小写规范 - 建议遵守的，不遵守不会报错变量名必须有意义遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。例如：userName、userPassword...
2019-05-15 18:36:09
240
原创 CSS3中相关的笔记
CSS3中相关的笔记(一)结构伪类选择器常见的结构伪类选择器：:first-child选取首个子元素:last-child选取最后一个子元素:nth-child(n)匹配属于父元素的地n个子元素 n的值，0.1.2.3…匹配偶数位置的子元素 :nth-child(even)或:nth-child(2n)匹配奇数位置的子元素:nth-child(odd) 或 :nth-child(...
2019-05-11 09:55:40
344
原创 字体图标
字体图标字体图标图标和字体一样，可以设置各种样式，例如：可以设置宽，高，颜色，大小…字体图标的使用流程第一步：打开常用矢量标库（本例是以国外矢量图标库为例展开）国外矢量图标库Iconfont-阿里巴巴矢量图标库第二步：下载字体图标并将解压后的font文件放置到目标文件目录中注意： demo.html 中是字体图标的信息，该信息会在后续的代码中使用到第三步：在样式里面...
2019-05-09 23:31:45
271
原创 photoshop操作之快捷方式
photoshop基本操作之相关快捷键新建文档：ctrl + n关闭文件：ctrl + w改变图片大小：ctrl + T鼠标拖拽控制点，可以进行缩放按shift键可以实现等比缩放按下enter键确认操作复制图层：选中目标图层后(移动工具状态下)第一种方式:按alt拖拽图像第二种方式：ctrl + j（复制后与原图重合）图层编组选中目标图层：ctrl + G取...
2019-05-09 16:59:55
326
原创 清除浮动
清除浮动语法在CSS中，clear属性用于清除浮动，基本语法如下：选择器 { clear : 属性值 }属性值描述left清除左侧浮动right清除右侧浮动both清除左右两侧的浮动用法额外标签法示例：<div style="clear: both"></div>优点：通俗易懂，书写方便缺点：添加许多无...
2019-05-08 23:42:31
143
原创 CSS中的伪类和目标选择器使用
(一)结构伪类选择器常见的结构伪类选择器：:first-child选取首个子元素:last-child选取最后一个子元素:nth-child(n)匹配属于父元素的地n个子元素 n的值，0.1.2.3…匹配偶数位置的子元素 :nth-child(even)或:nth-child(2n)匹配奇数位置的子元素:nth-child(odd) 或 :nth-child(2n-1) 或 :nt...
2019-05-08 23:19:47
1760
原创 H5中的相关知识点笔记
H5学习中相关的笔记(一) 常见的标签：base标签：可以设置整体连接的打开方式实例： <base traget = "_blank" /> <!-- 新窗口中打开 --> <base traget = "_parent" /> <!-- 父窗口中打开 --> <base traget = "_self" /...
2019-05-08 22:52:06
283
原创 backface-visibility_背景图片不可见
backface-visibility_背景图片不可见backface-visibility属性定义旋转时，该属性背面是否可见如果在旋转的时候不希望看到其背面，可使用该属性语法：backface-visibility:visible | hidden;属性描述visible当翻转时，背面是可见的hidden当翻转时，背面是不可见的实例：<st...
2019-05-08 21:19:00
610
原创 3D效果_perspective属性
基础css3中的transform可以做2D操作，当然也有3D操作。3D效果的显示在于父元素必须有一个perspective属性。例如：<div class="div1"> <!-- perspective --> <div class="div2"></div> <!-- transform --> </div>...
2019-05-06 23:22:18
872
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人