- 博客(55)
- 收藏
- 关注
RSS订阅
原创 2016年前端面试总结（实习生）
技术上的：1. IE6底下怎么固定网页中的小窗口（页面中的悬浮框） ?fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。解决代码如下style>html{overflow:hidden;} /*一定要写*/body{ height;100%;overflow:auto;}#rightform form{position:absolute;}st
2016-12-14 20:19:31
1779
原创 js中实现阶乘（多种方法）以及阶乘求
阶乘五种计算方法/*use strict*//* 方法一 尾递归的优化*///构建一个带尾递归的函数。因为它会返回自身调用的结果，所以它是尾递归//JavaScript 当前没有对这种形式的递归做出优化var factorial = function factorial(i,a){console.log(i,a);a = a || 1;console.log(i
2018-01-25 00:11:04
19265
原创 ionic2完整-签名android和ios App打包上架
APP开发完成后都需要做的就是打包上架，这里列举三种打包方法，着重讲解官网Android打包方式(结合android的打包)进行最详细的讲解。【学不会你可以打死我】打包执行命令：（ionic其实可以省略，尾部可以加–save） 1、ionic cordova platform remove android （移除平台） 2、ionic cordova platform add andr
2017-11-20 22:51:07
1409
原创 Node的安装以及npm的常见指令、webstorm工具常用快捷键
***********Windows系统安装NodeJS，在IDEA开发工具下集成NodeJS插件**************Node.js下载地址： https://nodejs.org/en/download/ 开发环境部署： windows安装NodeJS，双击安装包安装。 与普通软件安装一样，下一步–接受—下一步—修改安装目录—下一步… 测试NodeJS安
2017-10-31 17:22:55
2272
原创 Git的详细使用命令和DOC的简单实用指令
工作中使用到了git这里就大体总结一下在DOC界面中，下面指令是DOC指令：DOC界面基本命令（输入完成记得回车）直接输入d: （表示进入到D磁盘中）；直接输入cd /–> cd node (表示进入到node文件夹下)；直接输入dir 显示文件夹中的内容node helloworld.js (执行某个js文件，前提是安装了Node);cd ../ 退到上一级cls 清除屏幕mkdir
2017-10-31 09:38:42
948
原创 原生Ajax的多种简单封装
方法一、不封装window.onload = function(){ var btns = document.getElementsByTagName("button"); var tbls = document.getElementsByTagName("tbody"); //处理数据 function handle
2017-01-21 14:30:42
676
原创 JS当中的Ajax异步交互（详细笔记）
Ajax 1. Ajax 是Asynchronous JavaScript and XML的缩写，异步的JavaScript和XML. Ajax描述了一种主要使用脚本操作HTTP的Web应用架构，Ajax应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。2. HTTP 超文本传输协议(HyperText Transfer Proto
2017-01-21 12:10:49
5239
1
原创 使用H5编写网页版象棋（源码）
<!DOCTYPE html><html><head><title>中国象棋-canvas动画-前端技术-关尔先生</title><meta name="keywords" content="中国象棋,原生js,canvas动画,沙拉小姐,关尔先生" /><meta name="description" content="关尔先生用canvas动画和原生js写的中国象棋对战" />
2017-01-20 12:14:28
11366
14
原创 JS当中选项卡闭包问题（解决）
作用域当中的变量<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF
2017-01-20 12:03:40
773
原创 3-BOM1+事件note2
1. BOM 浏览器对象模型 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM的核心对象是window，它表示浏览器的一个实例，在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。 1.浏览器窗口位置 screenLeft和scr
2017-01-19 16:02:11
557
原创 1-DOM对象模型+事件（+note）
1. 文档对象模型，Document Object Model DOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准，为基本的文档结构以及查询提供了接口。但是要注意，IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生
2017-01-18 14:53:43
659
原创 8-深入面向对象+原型链+继承(总结+note)
面向对象的程序设计 1.深入理解对象(选读) ECMA-262对象的定义：无序属性的集合，其属性可以包含基本值，对象，或者函数。可以将对象想象成散列表:键值对，其中值可以是数据或者函数。 1) 属性类型 1.数据属性： 例如：name 包含一个属性值的位置，这个位置可以读取和写入值。 [[Configur
2017-01-18 14:32:40
380
原创 Dom当中对于IE和非IE下事件的封装
**IE和非IE事件的简单封装源码**/** @author qian @date 2016-8-17 封装事件相关API*///因为对象可以存放一些方法和属性var eventUtil = { bind:function(element,type,handler){ //IE->没有addEventListenter->nudifined--
2017-01-18 14:25:49
395
原创 7-包装器函数+Match对象+Date对象+note
1. 基本包装类型 1)为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类Boolean, Number, String 每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对象，从而可以使我们调用一些方法操作这些数据。 var s = "briup"; s.substring(2);
2017-01-16 09:53:01
642
原创 6-正则表达式例子（总结）
[正则表达式]文本框输入内容控制 2 整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$ 3 只能输入数字："^[0-9]*$"。 4 只能输入n位的数字："^\d{n}$"。 5 只能输入至少n位的数字："^\d{n,}$"。 6 只能输入m~n位的数字：。"^\d{m,n}$" 7 只能输入零和非零开头的数字："^(0|[1-9][0-9]*)
2017-01-16 09:49:26
728
原创 6-正则表达式详细+数组note
1. 正则表达式 是一个描述字符模式的对象. 1.创建方式 1) 正则表达式直接量 var pattern = /s$/; 2) RegExp()构造函数 var pattern = new RegExp("s$"); 2. 直接量字符 正则表达式中所有字母和数字
2017-01-16 09:48:04
2507
原创 5-对象+函数+数组note+数组详细
对象 属性和方法的集合 1) 常见方式 1. 构造函数 Object Date var obj = new Object(); obj.name = "terry"; obj.age = 12; 2. 对象字面量
2017-01-15 15:15:54
486
原创 4-this执行环境(this+作用域)
1. 执行环境(execution context 也称环境) 执行环境定义了变量或者函数有权访问的其他数据，决定了他们各自的行为，每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们无法访问这个对象，但是解析器在处理数据的时候会在后台使用它们。 活动的执行执行环境组在逻辑上组成一个堆栈。堆栈底部永远都是全局上下文(global
2017-01-15 09:58:41
483
原创 4-复杂数据类型和函数
1. 复杂数据类型 Object（对象） ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。 1) 创建（对象）Object实例： 1.使用构造函数创建，new Object() var person = new Object(); person.name = "briup";
2017-01-15 09:56:28
582
原创 3-javascript流程语句和循环语句
1，流程控制语句 分支语句 01) if语句 if(condition){ statement1 }else{ statement2 } =》condition？s1:s2(三目运算) condition表示任意表达式，该表达式求值的结果
2017-01-13 18:07:19
366
原创 2-javascript类型转换+操作符总结
1.js历史 1995年 网景公司 浏览器 JavaScript{ 语法 解析器 }IE JavaScript{ 语法 解析器}ECAMScript2. JavaScript ECAMScript 语法 DOM BOM 3. JS特点 1) 解释型语言
2017-01-13 13:38:54
462
原创 1-javascript基本类型总结
1，Javascript 简介 诞生于1995年，当时的主要目的是处理由以前服务器语言负责的一些没有填写的必填域，是否输入了无效的值。在web日益流行的同事，人们对客户端脚本语言的需求也越来越强烈，那时绝大多数因特网用户使用的速度仅为28.8kbit/s的猫上网，但网页的大小和复杂性却不断增加，为完成简单的表单验证而与服务器交换数据只会加重用户的负担。 1995年2
2017-01-13 09:43:54
420
原创 CSS Hack技术的总结
1、什么是CSS hack?简单地讲，css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的误差(比如我们常说错位)的处理。由于各浏览器的内核不同，所以会造成一些误差就像JS 一样，一个JS网页特效，在微软IE6、IE7、IE8浏览器有效果，但可能在火狐（Mozilla Firefox）谷歌浏览器无效，这样就叫做JS hack ，所以我们对于CSS来说他们来解决各浏览器对CSS
2017-01-12 15:48:23
502
原创 8-PS学习总结
PS常用快捷键总结 1. 历史记录 ctrl+z ：只能还原一步操作 ctrl+alt+z ：可以还原多次操作 2. 图片缩放 ctrl++ ：图片放大 ctrl+- ：图片缩小 alt+ 滚轮 3. 工作区 ta
2017-01-11 11:16:47
874
原创 7-HTML+CSS页面布局重点总结
HTML 重点： 1）每种标签特性 h1 table tbody tr td ul,ol,dl li,dt,dd p a
2017-01-10 17:29:57
604
原创 6-普遍的IE5、CSS兼容性问题总结
CSS兼容性问题第一部分： 1，浏览器默认样式 问题： 有些浏览器默认会给一些标签添加一些样式，并且不同浏览器添加的样式不相同，这样会导致我们布局的页面在不同浏览器发生错乱 解决： 清除默认样式，保证在每个浏览器样式统一 body,p,ul,h1,h2,h3,h4,h5,
2017-01-10 15:47:05
3242
原创 在JS原型prototype中编写提取整数和移除字符串首尾空白的trim方法
通过给Function.prototype增加方法Function.prototype.method = function(name,func){ this.prototype[name] = func; return this; };通过给Number.prototype增加一个integer方法JavaScript没有专门的整数类型，但有时候却是只需要提取数字钟的整数部分，JS自
2017-01-09 22:38:43
913
原创 JS中的！=、== 、！==、===的用法和区别
var num = 1; var str = '1'; var test = 1; test == num //true 相同类型 相同值 test === num //true 相同类型 相同值 test !== num //false test与num类型相同，其值也相同, 非运算肯定是false nu
2017-01-09 09:54:39
255
原创 5-行列布局+浮动元素+优先级
---行级布局----1. div是块级元素，独占一行空间，宽度默认沾满父级元素2. div的高度由子级元素来决定---列级布局---1. 浮动元素与兄弟元素之间的关系 1）a浮动，b不浮动，b钻到a下面 2）a不浮动，b浮动，b的上边界和a的下边界重叠 3）a浮动，b浮动，a,b一行显示，当行内放不下的时候b另起一行2
2016-12-17 19:40:32
1333
原创 4-基本布局+CSS样式属性+盒子模型
***********************回顾一下*****************************---行级布局----1. div是块级元素，独占一行空间，宽度默认沾满父级元素2. div的高度由子级元素来决定---列级布局---1. 浮动元素与兄弟元素之间的关系 1）a浮动，b不浮动，b钻到a下面 2）a不浮动，b浮动，b的上边界和a的下边
2016-12-16 20:58:05
2909
原创 3-表单及CSS选择器
表单与CSS 1，表单 主要用于收集来自用户的信息，并将收集的信息发送给服务器端处理程序处理。表单时客户端和服务器端传递数据的桥梁，是实现用于与服务器互动的最主要方式。 1）form 表单控件的容器 属性
2016-12-15 19:27:41
468
原创 2-HTML中的表格及表单控件
其他常用的html标签第一部分 1，超链接 从一个web资源到另外一个web资源的连接 绝对路径： 每个网页都有一个唯一的地址，称为URI 统一资源定位符，也称为该网页的绝对路径。 http://ip:port/目录/文件名 相对路径：
2016-12-14 20:49:38
2248
原创 什么是web前端
HTML 超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。CSS 层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式
2016-12-13 16:26:19
800
原创 1-HTML发展及基本标签
初始HTML第一部分 开发前准备： 1，WWW,Internet,W3C,ip,域名 WWW：(world wide web) 万维网，是基于Internet的信息服务系统，官方定义为"WWW is a wide-area hypermedia information retrieval initiative aiming
2016-12-13 16:22:03
475
原创 使用DW、Sublime快速生成HTML头部和DW中站点建立及显示文件后缀名
Dreamweaver 8 中快速生成DOCTYPE头部（需要插件）： 添加 Zen Coding 插件，或者emmet 插件（Sublime 中使用在这也可以用）打开DW 8 –>命令–>扩展管理–>安装新扩展【Zen Coding 】、（找到插件的本目录选中）“CTRL+shif+J”–>为DW中代码片段收缩快捷键Sublime 中插件的使用以及在线安装插件 Preferences–
2016-12-13 15:28:40
2576
原创 4-DOM中重写-myslice-切割数组
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
2016-11-13 14:18:42
543
原创 3-DOM操作节点-insertBefore+replaceChild+removeChild
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
2016-11-13 14:17:48
395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人