- 博客(38)
- 收藏
- 关注
RSS订阅原创 面试需要注意细节
```java**1.需要扎实的基本功，体现在3个方面，编程语言、数据结构、算法每个程序员至少要掌握一两门编程语言数据结构需要掌握链表、树、栈、队列和哈希表等数据结构各大公司的面试题，链表和二叉树相关的问题是重点对于链表的插入和删除节点，二叉树的各种遍历方法和循环的递归写法对于算法方面，查找、排序等算法重点掌握二分查找、归并排序、快速排序少数公司要求掌握动态规划和贪心算法越简...
2019-10-30 13:59:32
153
原创 ajax请求
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, ini
2018-12-16 14:55:28
131
原创 H5文件下载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件下载</title></head><body><!-- 注意下文件路
2018-12-16 14:53:22
12034
1
原创 自定义属性的处理
1.在前端的页面结构处理一些逻辑时，有时候会加一些自定义的属性类，这个时候要进行处理自定义属性时，我们需要用到一些特别的方法进行处理//获取自定义属性名//修改自定义属性//删除自定义属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2018-12-16 14:37:04
173
原创 字符串与json进行转换
1.前端负责数据采集、发送请求、发送数据、数据处理，后端负责返回请求，会传送一些数据回来,这个时候前端要进行处理 //数据采集 发送请求 发送数据 数据处理 //后端返回 const arrStr = '["胡振宇",22]'; const newStr = JSON.parse(arrStr); //把字符串解析成json对象 console.log(newS...
2018-12-16 14:32:55
414
原创 历史管理与router路由
1.router路由管理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>router</title></head><body>&am
2018-12-16 14:30:11
357
原创 H5拖拽的file对象与blob对象
File对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。通常情况下，File对象是来自用户在一个 元素上选择文件后返回的FileList对象，也可以是来自由拖放操作生成的 DataTransfer对象。用户在选择一个或者多个文件后，可以通过File API访问这些File对象，这些对象被包含在一个FileList对象中。所有type为file的input都有一个files属性，通...
2018-12-15 19:59:33
241
原创 H5思想特点
H5注重用户体验，而不专注特效H5的难点在于兼容性，高级API超前会有各种限制，学技术要举一反三，融会贯通在于理解，不要刻意记忆，不要强求兼容IE特性利于开发者，更加方便学东西要有侧重点，有目的性的学习，理解每个知识点去多看，才能丰富知识库，开阔视野不管学到什么知识，都一定要学会实战vue,react,开发环境，源码，这是本质跨平台开发，react native 更接近原生APP...
2018-12-15 17:31:54
136
原创 H5拖拽7个事件
1.简介（1）蓝图拖动源放置目标拖放并不是单纯的把目标从一个地方移动另一个地方，其实是促成成功交互的操作过程中的反馈。光标指示当前的位置是否可防置目标用户提示是移动、链接或者复制鼠标经过的地方样式改变，提示此处可以放置。为满足以上的要求，浏览器在拖拽的每个过程中发起一系列的事件。数据传输：一组对象，这个对象用来公开存储，拖动数据存储是拖放操作的基础。可以将传输数据理解成拖放的中央...
2018-12-15 17:31:16
6089
原创 H5第一章拖拽
1.H5是属于移动端的，不存在兼容问题，在HTML中写上draggable=“true” 打开元素，可以拖拽元素，下面就用一段代码来进行展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title&
2018-12-15 17:20:05
116
原创 基于node.js打造一个简易的聊天室
1.先写服务端的代码在服务端要先进行安装node环境，然后用npm install socket.io要安装express框架let http = require('http');let fs = require('fs');let ws = require('socket.io');let express = require('express');let app = express...
2018-12-13 22:24:07
197
原创 百度搜索案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度搜索</title> <style> #box{ position:
2018-12-05 16:59:56
273
原创 点击拖拽功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击拖拽功能</title> <style> .login-header {
2018-12-05 16:51:59
207
原创 封装滚动距离
//用对象封装好一个滚动距离与可视区的代码 var evt = { //window.event与事件参数对象的兼容 getEvent:function (e) { return window.event||e; }, //可视区的横坐标的兼容代码 getClientX:functio...
2018-12-05 16:47:39
87
原创 完整轮播图
function $(id) { return document.getElementById(id);}//封装运动函数function animate(ele,target) { //开始要清除定时器 clearInterval(ele.timer); ele.timer = setInterval(function () { //先获...
2018-12-05 16:43:49
949
原创 运动模块最终封装
运动模块的最终版 //封装getScroll函数 //获取浏览器向上滚动的距离 function getScroll(obj) { obj = { left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft, ...
2018-12-05 16:38:11
147
原创 运动模块1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>移动案例</title> <style> .box{ width: 10
2018-12-05 16:11:56
222
原创 CSS3分页
1.分页是css3中重要的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3分页</title> <style> ul.pagina
2018-12-05 16:09:14
427
原创 MongoDB增删改查
1.数据库使用开启mongodb服务，要管理数据库，必须先开启服务，开启服务使用mongod–dbpathc:\mongodb管理数据库:mongo清屏:cls 查看所有数据库列表 show dbs2.创建数据库使用数据库，创建数据库use student 创建student数据库如果想进行创建数据库成功，那么必须插入一个数据数据库中不能直接插入数据，只能往集合中插入数据，...
2018-11-22 23:46:26
86
原创 MongoDb数据库介绍、安装、使用
1.数据库与文件的区别数据库有数据库表、行和列的概念,让我们数据存储更方便数据库提供了非常方便的接口，可以让后端语言实现增删改查2.NoSQL数据库在以下的这几种场景应用比较适用1.数据库模型比较简单2.需要灵活性更强的IT系统3.对数据库性能要求较高4.不需要高度的一致性5.对于给定key,比较容易映射复杂值的环境3.什么时候使用NoSQL1.对数据库进行高并发的读写需求2...
2018-11-22 20:24:16
99
原创 React高阶组件1
1.高阶组件的应用先要了解高阶函数的作用，//时间函数的应用setTimeout(function(){},2000);setInterval(function(){},2000);ajax请求数据的应用$.get(‘url’,function(){console.log(‘data’);})2.什么叫高阶组件高阶组件就是接收一个组件作为参数并返回一个新组件的函数高阶组件是一个...
2018-11-22 20:09:00
71
原创 es6对象功能的扩展
1.es5对象的写法function createPerson(name,age) { //返回一个对象，属性名和参数名相同 return { name:name, age:age }}console.log(createPerson('hu',22));2.es6对象的简写//用es6的语法可以进行简写 functio...
2018-11-04 16:17:21
158
原创 闭包与循环中的函数
1.es5中的函数循环遍历由于在es5中没有块级作用域，会导致一些问题//循环中的函数 var func = []; //这是个数组 for(var i=0;i<10;i++){ console.log(i);//打印了0-9，这个时候i=10;,不小于10，循环遍历结束 func.push(function () { ...
2018-11-04 16:10:15
127
原创 axios请求数据
1.Axios是基于promise的一个HTTP库，可以用于浏览器与node.js中Axios的特点：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF2.安装axios使用npm npm install axios...
2018-11-02 15:16:12
159
转载 借用构造函数调用继承
3.1借用的方式借用构造函数调用继承，又叫伪装调用继承或冒充调用继承。虽然有了继承两个子，但是这种方法从本质上并没实现继承，只是完成了构造方法的调用而已。使用call或apply这两个方法完成函数借调。这两个方法的功能是一样的，只有少许的区别(暂且不管)。功能都是更改一个构造方法内部的this指向到指定的对象上。 function Father (name,age) { ...
2018-10-30 21:37:41
274
转载 原型链继承
一、继承的概念 继承是所有的面向对象的语言最重要的特征之一。大部分的oop语言的都支持两种继承：接口继承和实现继承。比如基于类的编程语言Java，对这两种继承都支持。从接口继承抽象方法 (只有方法签名)，从类中继承实例方法。 但是对JavaScript来说，没有类和接口的概念(ES6之前)，所以只支持实现继承，而且继承在 原型链 的基础上实现的。等了解过原型链的概念之后，你会发现继承其实是...
2018-10-30 21:28:30
4558
原创 谈谈对javascript原型对象的理解
1.1函数原型对象在js中，我们创建一个函数A，那么浏览器会在内存中创建一个对象B，而且每个函数都会默认有一个属性prototype指向了这个对象，这个prototype的属性的值就是这个对象，这个对象B就是函数A的原型对象，简称函数的原型，这个原型对象B默认会有一个属性constructor指向了这个函数A,声明一个函数，则这个函数会有一个默认属性叫prototype,而且浏览器会自动按...
2018-10-30 20:52:18
253
原创 工厂模式与自定义构造函数
工厂模式与自定义构造函数先说下创建对象的三种方式**1. 通过内置对象来创建**var obj = new Object();obj.name = 'hu';obj.age = 12;**2.通过字面量的方式来进行创建**var obj = { name:'hu', age:12, sex:'男'}\console.log(obj.name);console.l...
2018-10-30 19:23:03
224
原创 真数组与伪数组
//真数组与伪数组的区别真数组的长度是可变的，伪数组的长度是不可变的真数组可以使用数组中的方法伪数组不可以使用数组中的方法function f1(){ var sum = 0; for(var i=0;i<aruments.length;i++){ sum += arguments[i]; } console.log(sum); //arguments得到的是实参...
2018-10-30 15:52:37
161
原创 正则表达式第四章
正则表达式的其他方法match方法，进行验证，获得验证后的返回值正则表达式中:g代表全局模式匹配var str = '中国移动:10086,中国联通：10010,中国电信:10000';var array = str.match(/\d{5}/g);//获取全局模式匹配项console.log(array);//10086 10010 10000 组成的一个数组var str =...
2018-10-30 15:04:24
107
原创 正则表达式第三章
//验证用户输入的是不是中文名字//是中文名字，则为绿色，否则为红色var userName = document.getElementById('userName');userName.onblur = function(){ var reg = /^[\u4e00-\u9fa5]{2,6}$/;//判断是否是中文名字 if(reg.test(this.value)){ this....
2018-10-30 14:08:59
82
原创 正则表达式第二章
1.通过构造函数创建对象var reg = new RegExp(/^\d{5}$/)var str = '我的电话是10086';//调用方法验证字符串是否匹配var flag = reg.test(str);console.log(flag);// false2.通过字面量方式创建对象var reg = /\d{1,5}/;var flag = reg.test('我的幸运数...
2018-10-30 12:24:20
155
原创 正则表达式的使用
正则表达式：又叫规则表达式，按照一定规则进行的组成的一个表达式，这个表达式的作用是匹配字符串的正则表达式的作用：匹配字符串，在大多数编程语言中都可以进行使用正则表达式的组成：是由元字符或者是限定字符组成的一个式子## 元字符:\n是换行符**. 表示的是：除了\n以外的任意一个字符** []:表示的是范围，[0-9]表示的是0-9之间的任意一个数字[1-7]表示的是1到7之间的...
2018-10-30 10:12:44
90
原创 浅拷贝与深拷贝
浅拷贝：拷贝就是复制，就相当于把一个对象中的所有内容复制一份给另外一个对象，直接复制，或者说把一个对象的地址给了另外一个对象，他们指向相同，两个对象之间的有共同的属性或者方法，都可以进行使用var obj1 = { age:10, sex:'男', car:['本质'，'121'], };//另外一个对象var obj2 = {};//写一个函数，作用：把一个对象的属性复制到另...
2018-10-29 16:44:11
73
原创 js函数闭包与改变this指向方法
1**. js高级对象**apply与call的使用方式都可以改变this指向,这个方法会被当前的对象使用，同时这个方法中的this对象就是当前的对象，再调用方法时改变了this的指向//使用方式函数名.apply(对象，[参数1，参数2，参数3]);函数名.call(对象,参数1，参数2，参数3);//bind的使用方式与区别复制一个方法或者是函数，是在复制的同时改变了this的指...
2018-10-29 16:13:31
571
原创 前端vue框架的使用
使用vue框架的步骤：1.cnpm install -g vue-cli2.用vue命令进行测试版本3.vue init进行初始化4.敲上 vue init webpack (sell)就可以进行安装webpack打包工具自定义指令的介绍1.为什么需要自定义指令，当需要DOM操作的时候，需要使用自定义指令来解决问题2.如何注册和使用自定义指令(1)注册全局注册，在任何组件中都可以...
2018-10-24 16:26:29
2193
原创 前端网站开发步骤
1.首先应该把所有的图片用ps切好(当然一般这是设计师做的事情)，可以把切好的图片用在线icon工具上传转换，变成icon的图片,把所有的图片放到文件夹 2.再次就应该创建index.html文件，js文件，css文件 3.js开发时，可以用原生开发，也可以用jquery开发...
2018-08-31 11:07:00
1180
原创 css基本概念
css中的几点重要概念 1.元素类型 HTML的元素可分为几种类型 块级元素与内联元素 两者区别 1.块级元素会单独占一行，除非修改display属性，而内联元素可以在一行显示 2.块级元素可以设置高度，宽度等，而内联元素设置无效 3.块级元素的width默认为100% 4.最常见的块级元素是div,而内联元素为span,a,img 5.内联元素想要设置宽高，可以设置属性为dis...
2018-08-28 10:28:08
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人