- 博客(96)
- 收藏
- 关注
RSS订阅原创 Sass (Syntactically Awesome StyleSheets)
1.Sass 是一款强化 CSS 的辅助工具;2.它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅;3.使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。4.特色功能 (Fea...
2018-06-05 13:33:49
245
原创 消除一个数组中的重复元素
var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4];function deRepeat(){ var newArr=[]; var obj={}; var index=0; var 1=arr.length; for(var i=0;i<l;i++){ if(obj[arr[i]]==undefined) ...
2018-05-18 10:32:17
356
原创 border与padding的使用
请用CSS实现如下图的样式，相关尺寸如图示，其中DOM结构为：<div id=”demo”></div>代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
2018-03-24 17:36:39
1628
翻译 HTML的 Doctype 作用 ? 严格模式与混杂模式如何区分？它们有何意义 ?
1.<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。3.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。...
2018-03-24 17:07:00
467
原创 java 小窗
import javax.swing.AbstractButton;import javax.swing.JFrame;import java.awt.FlowLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.*;@Suppress...
2018-03-14 15:55:33
205
原创 AJAX（四） 前端与后端的角色分工
既然前端是做静态效果的，那么后端是干什么的呢？答：将前面页面的预留位置填充好数据，从新生成页面，也就是按照模板动态填充不同的内容，生成不同的页面。 从开发的角度：前端的页面效果开发好后交给你后端；后端去数据库获取数据，根据特定的条件填充到页面的相应位置（动态网站编程语言--- php/jsp/.net/python。。。） 客户端请求动态网站的php文件，php动态生成htmlApache返回ht...
2018-03-07 21:57:48
2726
原创 AJAX（三） 配置网站服务器
配置一下网页服务环境：让一台电脑同时扮演客户端和服务器的角色浏览器(客户端)----wamp(服务器---提供网页服务)---生产环境客户端和服务器是分开的安装wampWindow 操作系统Apache 提供Web服务Mysql 数据库Php 动态网站开发语言 Wamp网站跟目录配置方法静态资源包括html页面、css文件、js文件、图片…通过实例演示静态网站中页面的访问方式静态网站...
2018-03-07 20:31:51
652
原创 AJAX（二） 计算机通信协议
客户端和服务器端要通信如何理解通信协议？参与者：【程序员】 与 【计算机】 两两之间进行通信交流有如下三种组合： 1、程序员---程序员交流方式：汉语、英语、日语。。。 2、程序员---计算机交流方式：JavaScript、c/c++、java、C#、Python。。。 3、计算机---计算机交流方式：http、ftp、smtp/pop。。。协议的本质就是交互双方以约定的的方式进行沟通 多台计算机...
2018-03-07 19:38:17
384
原创 AJAX(一) 客户端与服务器概述
到目前为止接触到的网页 html 组成：1. HTML标签2. CSS样式属性3. JavaScript脚本 那么所写的网页放到哪里才能被广大网民看到？答：服务器(方便维护，服务器端更新所以人看到的都是最新的) 客户端与服务器 其实都是计算机，只不过性能和用途不同客户端：笔记本电脑、台式机、移动终端（智能机、ipad。。。）服务器：性能更好，存储空间更大，能给很多网民...
2018-03-07 18:52:20
611
原创 2018/2/24 面试题刷题第十九天
清除浮动两种原理：1、利用clear属性进行清理具体的实现原理是通过引入清除区域，这个相当于加了一块看不见的框把定义clear属性的元素向下挤父容器结尾插入空标签<div style="clear: both;"></div>利用CSS伪元素：.clearfix:after { content: "."; height: 0; visibility:...
2018-02-24 21:23:46
223
原创 2018/2/24 canvas知识四
绘制圆形（arc)概述：arc() 方法创建弧/曲线（用于创建圆或部分圆）。语法：ctx.arc(x,y,r,sAngle,eAngle,counterclockwise);arc: 弧（度）弧形物；天穹 英 [ɑːk] 美 [ɑrk]counter 反击，还击；反向移动，对着干；反驳，回答 ['kaʊntə] 美 ['kaʊntɚ] 解释： x,y：圆心坐标。 r：半径大小。...
2018-02-24 21:13:29
255
原创 2018/2/24 canvas知识三
1.快速创建矩形rect()方法语法：ctx.rect(x, y, width, height);解释：x, y是矩形左上角坐标， width和height都是以像素计rect方法只是规划了矩形的路径，并没有填充和描边。改造案例：04填充矩形.htmlrect: abbr. 矩形（rectangular）；收据（receipt）2.快速创建描边矩形和填充矩形语法： ctx.strokeRe...
2018-02-24 21:02:36
176
原创 2018/2/24 canvas知识二
canvas绘制的基本步骤： 第一步：获得上下文=>canvasElem.getContext('2d'); 第二步：开始路径规划 =>ctx.beginPath() 第三步：移动起始点 =>ctx.moveTo(x, y) 第四步：绘制线(矩形、圆形、图片...) =>ctx.lineTo(x, y) 第五步：闭合路径 =...
2018-02-24 20:53:01
156
原创 2018/2/23 canvas知识一
1.什么是canvas？（了解）是HTML5提供的一种新标签<canvas></canvas> 英 ['kænvəs] 美 ['kænvəs] 帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。 canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。 canvas 拥有多种绘制路径、矩形、圆...
2018-02-24 20:42:34
247
原创 2018/2/23 面试题刷题第十八天
图片预加载和懒加载预加载：function loadImage(url, callback) { var img = new Image(); img.src = url; if (img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数 防止IE6不执行onload BUG callback.call(img); ...
2018-02-24 20:39:22
154
原创 2018/2/22 面试题刷题第十七天
问1：写一个快速排序var quickSort = function (arr){ if(arr.lenght <= 1) { return arr; } var left = []; var right = []; var mid = arr.splice(Math.floor(arr.length/2), 1); for...
2018-02-22 21:39:24
171
原创 2018/2/22 图片手风琴效果
图片手风琴效果代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">
2018-02-22 21:19:36
251
原创 2018/2/21 面试题刷题第十六天
问1：解释当前状态readystate答：0 代表未初始化。 还没有调用 open 方法 1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用 2 代表已加载完毕。send 已被调用。请求已经开始 3 代表交互中。服务器正在发送响应 4 代表完成。响应发送完毕问2：解释常用状态码status答： 404 没找到页面(not found) 403 ...
2018-02-22 21:05:27
243
原创 2018/2/21 层级轮播图
层级轮播图：每点击一个按钮层式展出效果：图实在是不好截，大家想象一下好了，就是一层一层展出每张图片<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <styl
2018-02-22 20:48:31
656
原创 2018/2/20 面试题刷题第十五天
问1：判断链表是否有环答：使用追赶的方法，设定两个指针slow、fast，从头指针开始，每次分别前进1步、2步。如存在环，则两者相遇；如不存在环，fast遇到NULL退出。问2：输出二叉树的最小深度答：判断左子树或右子树是否为空，若左子树为空，则返回右子树的深度，反之返回左子树的深度，如果都不为空，则返回左子树和右子树深度的最小值。问3: javaScript中的this是什么，有什么用，它的指向...
2018-02-20 22:17:23
233
原创 2018/2/20 京东轮播图
完整代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">
2018-02-20 22:05:29
853
原创 2018/2/19 面试题刷题第十四天
问1. js对象创建的有几种方式（三种）？答： a) 1.var obj = {}; b) 2. var obj = new Object(); c) 3. ECMAScript5里面提供的一个方法：Object.create(参数);问2. window.onload 跟jQuery的ready函数区别：答：1. Js的wind...
2018-02-19 22:13:33
136
原创 2018/2/19 事件区别与对象转换
1.mouseover事件与mouseenter事件的区别： mouseover/mouseout事件，鼠标经过的时候会触发多次，每遇到一个子元素就会触发一次。 mouseenter/mouseleave事件，鼠标经过的时候只会触发一次 2.DOM对与Jquery对象相互转换： 1）jQuery对象转换成DOM对象: 方式一：$(“#btn”)[0] 方式二：$(“#...
2018-02-19 22:02:58
167
原创 2018/2/18 面试题刷题第十三天
问1：设置width的flex元素，flex属性值是多少？答：flex属性是flex-grow, flex-shrink 和 flex-basis的简写； flex-grow属性定义项目的放大比例，默认为0； flex-shrink属性定义了项目的缩小比例，默认为1； flex-basis属性定义了项目的固定空间。问2：get和post有什么不同？答：get是从服务器上获取数据，...
2018-02-18 21:56:25
233
原创 2018/2/18 jquery 其他选择器
jquery 其他选择器1）层级选择器 符号 说明 用法 空格 后代选择器 选择所有的后代元素 $(“div span”). css(“background”,”red”); > 子代选择器 选择所有的子代元素 $(“div > span”). css(“background”,”red”) + 紧邻选择器 选择紧挨着的下一个元素 $(“div + p”). ...
2018-02-18 21:49:13
111
原创 2018/2/17 面试题刷题第十二天
函数防抖和函数节流函数防抖是指频繁触发的情况下，只有足够的空闲时间，才执行代码一次函数防抖的要点，也是需要一个setTimeout来辅助实现。延迟执行需要跑的代码。如果方法多次触发，则把上次记录的延迟执行代码用clearTimeout清掉，重新开始。如果计时完毕，没有方法进来访问触发，则执行代码。<script type="text/javascript"> //函数防抖 ...
2018-02-17 22:31:59
213
原创 2018/2/17 jquery 是什么
jquery是什么： jQuery就是javascript的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率。 1）javascript与jquery的区别： Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。 jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发 jQ...
2018-02-17 22:18:50
276
原创 2018/2/16 面试题刷题第十一天
问1：实现两栏布局有哪些方法？答：法一：*{margin:0; padding: 0;}html,body{ height: 100%;/*高度百分百显示*/}#left{ width: 300px; height: 100%; background-color: #ccc; float: left;}#right{ height: 100...
2018-02-16 04:24:52
206
原创 2018/2/16 jquery 基本选择器
jquery 基本选择器 1）回顾css选择器CSS选择器回顾 符号 说明 用法 #id Id选择器 #id{ color:red; } .class 类选择器 .class{ //} Element 标签选择器 P { //} * 通配符选择器 配合其他选择器来使用 , 并集选择器 div,p{} 空格 后代选择器 div span{} 选择div下面所有后代的s...
2018-02-16 04:16:40
188
原创 2018/2/16 jquery
jquery详细介绍1)$问题a) Js命名归法：下划线、字母、$、数字b) 但是不能以数字作为开头var $ = “我是$符号”;jQUery的两个变量：$ 和 jQueryjQuery占用了我们两个变量：$ 和 jQuery2)js入口函数跟jQuery入口函数的区别：1. Js的window.onload事件是等到所有内容，以及我们的外部图片之类的文件加载完了之后，才...
2018-02-16 04:07:40
169
原创 2018/2/15 面试题刷题第十天
问1：介绍一下闭包和闭包常用场景 答：闭包是指有权访问另一个函数作用域中的变量的函数. 创建闭包常见方式,就是在一个函数内部创建另一个函数. 应用场景 设置私有变量和方法 不适合场景：返回闭包的函数是个非常大的函数 闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。问2： 为什么会出现闭包这种东西，解决了什么问题 答：受JavaScript链式作用...
2018-02-16 03:59:15
308
原创 2018/2/15 jquery的基本使用
jquery的基本使用min：它是压缩过的版本区别：我们开发过程中，会用未压缩的版本，或者压缩的 项目上线的时候，我们要用压缩过的版本。版本问题：1. 1.xxx 版本 jQuery-1.11.1.js2. 2.xxx 版本 不再支持IE6、7、81)引包1.要把我们的jQuery源文件拿到我们的项目里面来2.在我们的页面中引用jQuery文件问题： 如果...
2018-02-16 03:45:21
467
原创 2018/2/15 jquery痛点
我们心目中的jQuery： 简单易用，功能强大，对移动端来说，体积稍大。我们遇到的一些痛点：1. window.onload 事件有个事件覆盖的问题，我们只能写一个2. 代码容错性差3. 浏览器兼容性问题4. 书写很繁琐，代码量多5. 代码很乱，各个页面到处都是6. 动画效果，我们很难实现解决问题：解决了我们上面遇到所有问题...
2018-02-16 03:42:51
431
原创 2018/2/14 面试题刷题第九天
问1:实现三个DIV等分排布在一行（考察border-box） 1.设置border-box width33.3% 2.flexbox flex：1 问2: 说说你知道的JavaScript的内存回收机制 垃圾回收器会每隔一段时间找出那些不再使用的内存，然后为其释放内存。 一般使用标记清除方法 当变量进入环境标记为进入环境，离开环境标记为离开环境 还有引用计数方法 ...
2018-02-14 21:15:53
233
原创 2018/2/14 对象
对象（object）对象是什么？ 基本数据类型 string number boolean null undefinedArray 对象对象数据类型： 对象就是带有属性和方法的 数据类型 var num = 10; // 变量var arr = []; // 数组arr.index = 10; // 数组arr 的 一个 index 属性 但...
2018-02-14 20:47:20
153
原创 2018/2/13 面试题刷题第八天
问1：在一个ul里有10个li，实现点击对应的li，输出对应的下标答：12345678var lis = querySelectorAll('li')for(var i=0;i<10;i++){ lis[i].onclick = (function(a) { return function() { alert(a) } })(i)} 问2：介绍一下HTM...
2018-02-13 21:42:28
168
原创 2018/2/13 闭包
闭包在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值。白话： 我们可以用一个函数 去访问 另外一个函数的内部变量的方式就是闭包。内部变量是 局部变量 那我们知道，局部变量是不可以为别人随便使用也。 function fun() ...
2018-02-13 21:29:26
124
原创 2018/2/12 面试题刷题第七天
问1：浏览器缓存有哪些，通常缓存有哪几种方式？答：强缓存 强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。协商缓存 当强缓存没有命中的时候，浏览器一定会发送一个请求到服务器，通过服务器端依据资源的另外一些http header验证这个资源是否命中协商缓存，如果协商缓存命中，服务器会将这个请求返回（304），若未命中请求，则将资源返回客户端，并更新本地缓存数据（200）。HTT...
2018-02-13 21:23:13
218
原创 2018/2/12 json
json 两种声明方式 1. 对象声明 var json = {width:100,height:100} 2. 数组声明 var man = [ // 数组的 json { name:"刘德华", age : 16, address: "香港" }, { name:"张学友",...
2018-02-13 21:16:13
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人