- 博客(60)
- 收藏
- 关注
原创 ES6
1.ES6介绍2.变量3.类和对象的改进4.函数相关5.数组相关6.字符串相关7.新的数据类型8.proxy 代理9.Generator10.promise11.async12.Iterator和for-of循环课程内容1.ES6介绍q.什么是ES6 ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左...
2019-11-01 23:06:15
122
原创 Vue基础
一、Vue初步1.1 Vue简单认识Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vfue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 vue.js、Ang...
2019-10-27 22:44:35
207
原创 css布局 - 两栏自适应布局的几种实现方法汇总
这种两列布局的样式是我们在平时工作中非常常见的设计,同时也是面试中要求实现的高频题。很有必要掌握以备不时之需:整理了几种实现方法,当然,风骚的代码不止这几种能实现,欢迎各位的补充。方法汇总目录 简单粗暴float来实现 absolute"离家出走"定位过去 圣杯布局 -margin负边距 高贵优雅flex轻松搞定 table...
2019-10-23 20:08:42
285
原创 WEB前端常用布局方式
Web前端常用布局方式页面的布局方式是块状元素依次从上至下、从左至右进行布局布局的作用对公司、企业而言视觉极佳的布局效果能让在瞬间抓住客户的心,能吸引潜在的合作者。适用性,根据不同行业情况进行不同效果的制作。 吸引性,视觉效果优秀的布局效果能瞬间吸引客户。布局方式一、静态布局静态布局是最为原始的布局方式,没有什么技术性可言,往往是计算机行业刚刚入门的小白使用的布局方式...
2019-10-22 20:26:39
851
原创 JavaScript的重点及难点
1. 立即执行函数立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作:(function() { // 代码 // ...})();function(){…}是一个匿名函数,包围它的一对括号将其转换为一个表达式,紧跟其后的...
2019-10-19 17:24:08
239
原创 Node.js
Node.js 创建第一个应用 引入 required 模块:我们可以使用require指令来载入 Node.js 模块。 创建服务器:服务器可以监听客户端的请求,类似于 Apache 、Nginx 等 HTTP 服务器。 接收请求与响应请求服务器很容易创建,客户端可以使用浏览器或终端发送 HTTP 请求,服务器接收请求后返回响应数据。 创建 Node.js 应...
2019-10-18 23:38:31
195
原创 AJAX、Fetch和Axios的区别简述
摘要前端技术真的是一个发展非常飞快地领域,现在只知道原生的XHR和Jquery AJAX是不能满足开发的需求的,现在axios和fetch已经开始抢占“请求”这个前端高地了,今天就给阐述一下他们之间的简要区别。1、Jquery ajax基本语法:$.ajax({ type: 'POST', url: url, data: data, dataTyp...
2019-10-15 18:33:10
353
原创 ES6
1.ES6介绍2.变量3.类和对象的改进4.函数相关5.数组相关6.字符串相关7.新的数据类型8.proxy 代理9.Generator10.promise11.async12.Iterator和for-of循环课程内容1.ES6介绍q.什么是ES6 ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左...
2019-10-14 21:05:12
79
原创 前端js面试题(基础)
1、js中使用typeof能得到哪些类型?——undefined、string、number、boolean、object、function2、===和==分别在何时使用? //==的使用情况为以下2种(其他情况下推荐使用===) if(obj.a == null){ //相当于obj.a === null || obj.a === undefin...
2019-10-12 15:47:45
399
原创 2019web前端全新面试题
1、页面导入样式时,使用link和@import有什么区别? 答案:差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。 差别2:加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始...
2019-10-08 20:37:00
100
原创 模板引擎和Ajax
模板引擎 : 将数据转化成html格式的字符串1.准备数据2. 下载, 导入js文件3.创建模板 在html页面中创建 <script type="text/template"></script>4.把数据使用在模板中 在js中 template(要关联模板的id, 数据:要求–>必须是对象)5.这个方法会返回html格式的字符串注意 ...
2019-09-29 17:36:11
522
原创 模板引擎
模板引擎 : 将数据转化成html格式的字符串1.准备数据2. 下载, 导入js文件3.创建模板 在html页面中创建 <script type="text/template"></script>4.把数据使用在模板中 在js中 template(要关联模板的id, 数据:要求–>必须是对象)5.这个方法会返回html格式的字符串注意 : ...
2019-09-18 19:24:20
80
原创 Bootstrap 轮播图技巧
bootstrap的使用让页面开发的速度变得更快,在这里就着重解析一下bootstrap3里轮播图模块,和不同情况(屏幕宽度)下轮播图图片大小如何做到响应式切换.下面代码即是bootstrap3轮播图模块解析: <section id="banner"> <!-- 当同一个页面中,同时存在多个轮播图时,不同的轮播图以及他的控制按钮,需要有...
2019-09-17 22:50:43
1127
原创 Bootstrap插件
Bootstrap插件概览 站点引用 Bootstrap 插件的方式有两种: 单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件,请先确保弄清这些插件之间的依赖关系。 编译(同时)引用:使用 bootstrap.js 或压缩版的 bootstrap.min.js。 (API:应用程序接口) data 属性: 通过 data...
2019-09-16 22:12:22
875
原创 移动web页面前端开发总结
1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。2.Gecko:( FireFox )优点就是功能强大、丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的资源,比如内存。3.Webkit: ( C...
2019-09-15 21:16:53
815
1
原创 移动端web开发
1、 移动web开发(pc端的页面用手机浏览器开)这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性2、 web app开发(web应用程序)特指的是用html5技术开发,之所以叫web ...
2019-09-10 19:10:51
1104
原创 Canvas动画
1:Canvas动画原理快速切换的静态画面。2:基本步骤绘制 - 清空 - 绘制 - 清空 - 绘制 …3:控制函数setTimeout setInterval requestAnimationFrame4:四种运动线性运动 const canvas = document.getElementById('canvas'); /* 获得 2d ...
2019-09-09 21:44:40
131
原创 canvas
canvas只能在标签中用width。heigth修改大小基本方法:先得到canvas:let canvas = document.querySelector('#canvas') // 得到canvaslet gd = canvas.getContext('2d')//得到canvas上下文环境gd.moveTo(a,b): 从一个点开始绘图gd.lineTo(c,d)...
2019-09-08 21:18:13
126
原创 常用jquery方法 总结
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jq...
2019-09-06 12:58:02
297
原创 JSON
1.JSON是什么?(1)JSON的全称是JavaScript Object Notation,即JavaScript对象标记(2)JSON是一种轻量级,基于文本的,可读的格式。(3)JSON的语法是参考JavaScript对象的,而不是指只用于JavaScript语言。(4)JSON是一种十分便于阅读和书写的,与XML这种数据交换格式相比,文件更小,因此现在JSON是网络上十分流行...
2019-09-04 19:06:04
72
原创 HTML5 基础入门教程
什么是HTML5?HTML5 将成为HTML、XHTML 以及HTML DOM 的新标准。HTML 的上一个版本诞生于1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5 支持。你是不是多少有了解一点,但是你却对这个不精啊!可以进群交流,⑤①④①⑥⑦⑥⑦⑧。HTML5 是如何起步的?HTML5 是W...
2019-09-03 20:08:28
321
原创 css3 transition原理
CSS3过渡效果(css3 transition)一、CSS 过渡(transition)是通过定义元素从起点的状态和结束点的状态,在一定的时间区间内实现元素平滑地过渡或变化的一种补间动画机制。你可以让属性的改变过程持续一段时间,而不是立即生效。通过transition你可以决定哪个属性发生动画效果 (可以通过明确地列出这些属性),何时开始动画 (通过设置delay), 动画...
2019-09-01 14:13:22
1209
原创 css3动画
css3动画特效一、transform(转换动画、直接动画)1.rotate(旋转)包含三种状态,x、y、z三轴的变化 rotatex、rotatey、rotatez(默认) 旋转(rotate)实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
2019-08-29 21:15:40
114
原创 CSS3属性
CSS3属性CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。\1. 选择器 2.盒模型 3.背景和边框 4.文字特效5.2D/3D转换 6.过渡 7.动画 8.透明度CSS3高级选择器p:first-of-type : 返回指定p元素的第一个p:last-of-type : 返回指定p元素的最后一个p:first-child : 返回其父元素的首个子...
2019-08-27 20:10:27
270
原创 Ajax是什么?及实现步骤和原理
一、什么是Ajax?Ajax= 异步JavaScript和XML。 Ajax是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面。 有很多使用Ajax的应用程序案例:新浪微博、Go...
2019-08-26 19:28:47
387
原创 JS 高级总结
通常,通过 JavaScript,您需要操作 HTML 元素。 1、通过 id 找到 HTML 元素 2、通过标签名找到 HTML 元素 3、通过类名找到 HTML 元素提示:通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。var x=document.getElementById("intro");var y=document.getElemen...
2019-08-24 16:44:33
76
原创 jquery data()函数
一、jquery data()的作用data() 方法向被选元素附加数据,或者从被选元素获取数据。通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在。该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据,请使用 removeData() 函数。二、jquery data的使用方式1、获取附加的data的值$(selec...
2019-08-22 18:58:57
2692
原创 JQuery绑定事件bind()方法和on()方法的优缺点
jQuery绑定事件的方法有四种:bing()、live()、delegate()、on(),其中live(),已经被淘汰了,其存在很多的问题,不适合使用,而delegate能够在绑定事件后,依然可以添加动态元素事件。on()可以说是前三种方法的结合体。1.bind()方法:bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。2、bind(event,data,fu...
2019-08-21 18:48:54
1003
原创 jQuery动画效果
1. 隐藏和显示show()方法和hide()方法是jQuery中最基本的动画方法。在HTML文档里,为一个元素调用hide()方法,会将该元素的display样式改为“none”。1.1 hide() 和 show()我们可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:<body> <div style="width: ...
2019-08-20 19:05:14
113
原创 JQuery选择器
JQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。一、基本选择器(1)$(“#test”)选取id为test的元素(2)$(“.test”)选取所有class为test的元素(3)$(“p”)选取所有的<p>元素(4)$(“*”)选取所有的元素(5)$(“div,span,p.myclass”)选取所有<div>,&l...
2019-08-19 18:27:03
325
原创 正则表达式
正则表达式”描述在搜索文本正文时要匹配的一个或多个字符串。该表达式可用作一个将字符模式与要搜索的字符串相匹配的模板。正则表达式包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。特殊字符下表包含了单字符元字符的列表以及它们在正则表达式中的行为。说明 若要匹配这些特殊字符之一,必须首先转义字符,即,在字符前面加反斜杠字符 (\)。例如,若要搜索“+”...
2019-08-15 19:47:30
160
原创 闭包和正则表达式
什么是闭包?能够访问其他函数内部变量的函数为什么要有闭包?由于变量的作用域的原因(函数内部能读取全局变量,函数外部无法读取局部变量),为了在函数外部读取局部变量,所以就有了闭包闭包基于的原理:函数的作用域链:父函数的变量对子函数的都是可见的闭包的作用:1.访问其他函数内部变量2.保护变量不被内存回收机制回收实现过程 function outer(){ v...
2019-08-14 17:27:42
3867
原创 继承
组合继承:借用构造函数 和在原型对象上改变this指向拷贝继承:把一个对象的属性和方法复制到另一个对象总结:原型的作用:继承—》目的:节省空间原型继承:改变原型的指向借用构造函数继承:.call() 主要解决属性继承组合继承:原型继承+借用构造函数继承拷贝继承:把对象中需要共享的属性和方法直接以遍历的方式复制到另一个对象组合继承:拷贝继承:...
2019-08-13 20:07:46
66
原创 正则表达式
正则表达式为什么要用正则表达式简洁的代码严谨的验证文本框中的内容什么是正则表达式RegExp是正则表达式的缩写。当你检索某个文本时,可以使用一种模式来描述要检索的内容.RegExp就是这种模式。普通模式构造函数模式简单(普通)模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析,格式检查,替换等等。您可以规定字符串中的检索位置,以及要检索的字符类型,等等。...
2019-08-12 20:20:43
67
原创 js基础
1、分类ECMAScript js基本语法与标准DOM Document Object Model文档对象模型BOM Browser Object Model浏览器对象模型 tips:DOM和BOM都是一套API(Application programing interface)2、注释方式style /* */bod...
2019-08-10 10:39:03
116
原创 区别
鼠标左键获取鼠标坐标时,e.client/offset/page/scroll 数据的区别,以及IE浏览器的兼容性问题;e.clientX——相对与浏览器可视区域的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.pageX——--相对整个页面左上角的坐标 e.scroll ----针对与浏览器的整个屏幕的距离,包括滚动条部分当然不同的浏览器之间,兼容性也...
2019-08-08 21:24:54
173
原创 clientWidth、offsetWidth、scrollWidth等区别
<script> /* ****** 元素视图属性 * offsetWidth 水平方向 width + 左右padding + 左右border-width * offsetHeight 垂直方向 height + 上下padding + 上下border-width * * clientWidth 水平方向 width +...
2019-08-07 21:53:47
151
原创 Jquery的常用操作
一、隐藏显示对象id为test的元素的display修改成了“none”,即隐藏了id为test的元素:$('#test').css('display','none')或$('#test').style.display="none"我们经常用到的是切换一个元素的隐藏与现实,下面给出代码:varshow=$('#test').css('display');//获取id为t...
2019-08-05 22:51:45
119
原创 duix
location对象的属性有:属性 描述 返回值举例hash 设置或返回从井号 (#) 开始的 URL(锚)。 #id001host 设置或返回主机名和当前 URL 的端口号。 www.example.com:8080hostname 设置或返回当前 URL 的主机名。 www.example.comhref 设置或返回完整的 UR...
2019-08-04 17:46:56
924
原创 bom和dom
一:BOM对象bom browserobject model浏览器对象模型,可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口,改变状态栏中的文本以及执行其他与页面内容不相关的动作使JavaScript有能力与浏览器对话1.1window对象所有的浏览器都支持window对象概念上讲:一个HTML文档就是一个window对象功能上讲:控制浏览器窗口的使用上...
2019-08-01 22:55:53
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人