头上三尺很有神-CSDN博客

原创 node.js crawler和sql模块的基本使用

crawler（爬虫）模块适用于Node的功能最强大，最受欢迎和生产中的抓取/抓取软件包，祝您黑客愉快:)安装下载node.js后首先先在终端进行初始化$ npm init -y然后在终端中进行爬虫模块的安装npm i crawler基本用法// 导入crawler包var Crawler = require("crawler");// 创建爬虫对象var c = new Crawler({ maxConnections : 10, // 爬完一个数据

2020-08-11 20:33:09 297 1

原创前端面试题总汇二

前端面试题总汇二1. ES5新增的遍历方法2. 箭头函数和普通函数的区别3. ES6的暂时性死区4. JS事件流模型5. 事件委托是什么，有什么好处1. ES5新增的遍历方法迭代遍历方法：forEach()、map()、filter()、some()、every()判断方法：isArray()forEach跟jQuery的each用法类似。语法是：array.forEach(function(currentValue, index, arr))currentValue: 数组当前项的值i

2020-08-10 19:44:12 190

原创 node.js express模块的介绍与简单使用

Express是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。安装首先假定你已经安装了 Node.js，接下来为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。通过 npm init -y命令进行初始化为你的应用创建一个 package.json 文件。欲了解 package.json 是如何起作用的，请参考 Specifics of npm’s package.json handling.npm init -y此

2020-08-04 22:30:34 670

原创前端面试题总汇一

前端面试题总汇一技术题1.new关键字的作用2.什么是跨域，怎么解决3.前端开发的优化问题4.什么是闭包（closure），为什么要用它？5.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？6.修改this指向的方法，它们有什么区别7.数组添加元素的方法8.h5操作自定义属性技术题1.new关键字的作用创建一个空对象将this指向这个对象完成赋值返回这个对象2.什么是跨域，怎么解决跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对Jav

2020-08-04 22:10:07 241

原创 node.js 的简单介绍

node.js的介绍node.js 是一个基于Chrome V8引擎的JavaScript 运行环境 (v8解析js是最快的)nodejs是让js运行在服务器端nodejs 里面的API大多数都是异步nodejs的意义1.了解浏览器端和服务器端的交互过程可以缩短开发周期2.出现bug可以快速定位是前端问题还是后端问题3.nodejs和其它后端语言拥有一样的功能可以做数据库的增删改善爬虫读写文件等服务器端的js和浏览器端的js的区别客户端的js三个组成部分DOM文档对象模型 js操作网

2020-07-29 13:23:55 216

原创 ES6 Promise的使用方法、class继承和generator函数的有关概念

ES6 Promise的使用方法Promise回调地狱Promise的ajax封装then&catch确定状态then的返回值Promise的相关APIall方法race 方法async和awaitPromisepromise 是解决异步编程问题的一种方案从语法上讲 promise是一个对象通过这个对象我们可以获取异步操作的信息 var promise = new Promise((resolve, reject) => { var random = M

2020-07-29 13:01:29 281

原创 ES6 filter方法和Map结构

ES6 Set结构与相关方法filter方法Map结构Object 和 Map 的比较new Map()set()方法size属性get()方法set()方法has()方法delete()方法map集合换成数组clear()方法map集合的遍历for-of 方法遍历和结构赋值进行结合forEach()方法Map源码filter方法filter方法返回值是一个新数组是用来检查数组中的元素是否符合某一条件把符合条件元素过滤出来，filter方法不会改变原数组 var arr = [10, 30, 5

2020-07-20 20:26:03 718

原创 ES6 Set结构与相关方法的应用

ES6 Set结构与相关方法Set结构与相关方法1.增2.查3.删4.清空size 属性set集合的遍历forEach 方法Set源码Set结构与相关方法1.增add(数据)添加一个数据到集合的末尾如果这个数字原本就存在那就不进行任何操作 var s = new Set(); s.add(1); s.add(2); s.add(3); s.add(4); s.add(5); s.add(5); //

2020-07-20 20:13:42 159

原创 ES6 Symbol的简单介绍

ES6 Symbol的介绍以及使用方法Symbol特点Object.getSymbolSymbol 是ES6新引入的一种基本数据类型表示的是独一无二的值是js里面第六种基本数据类型基本数据类型： string number boolean undefined nulltypeof 的返回值 string number boolean undefined object function特点Symbol函数生成的数据是独一无二的即便参数一样那么表示的值也不一样console.log

2020-07-20 20:10:45 169

原创 ES6 函数的相关扩展

ES6 函数的相关扩展函数的扩展给参数设置默认值箭头函数函数中的this指向ES5中函数的this指向ES6中函数的this指向函数的扩展给参数设置默认值ES6里面默认给参数设置默认值1.为了防止报错我们不用再特地去函数内部处理参数2.设置了默认值即便所有的参数都不传程序也不会报错注意点：参数是在函数的局部作用域内设置的局部变量默认是在函数内部声明过的所以不要再使用let在函数内部声明function count2(n = 20, m = 50) { //

2020-07-14 20:26:01 118

原创 ES6 模板引擎与字符串新增的应用

ES6 模板引擎与字符串新增的应用模板字符串模板引擎1. 模板引擎使用步骤2. 注意点3. 模板引擎的内部循环4. 模板引擎的简单写法字符串新增1. 字符串新增APIindexOf()includes()indexOf() 和 includes()的区别startsWith() endsWith()2.标签模板模板字符串ES5之前拼接的字符串1.拼接太麻烦需要多次分割不便于维护2.所有拼接的字符串只能一行显示太长document.querySelector("p").innerHTML =

2020-07-14 20:06:42 236

原创 ES6 对象的扩展和有关API、类与对象的定义

ES6 对象的扩展和有关API、类与对象的定义对象的扩展对象新增的API类与对象面向对象与面向过程class关键字的基本使用对象的扩展属性和方法的简洁表示方法ES6在 {} 允许直接写入变量名，解析的时候变量名作为属性名变量值作为属性值如果给对象写入方法那么可以省略functionvar name = "lili";var age = 16;var obj = { name, age, study() { console.log("go

2020-07-13 19:47:31 107

原创 ES6 入门介绍及使用

ES6 入门介绍及使用ES6介绍let和constlet和const中存在的问题解构扩展运算符ES6介绍ES6 （ECMAScript）第六版ECMAScript 是Javascript的一套标准化设置ES6的内容包括：1.声明变量的方法（let和const）2.变量的结解构赋值3.扩展运算符4.数据劫持箭头函数5.Set Map6.数组对象数值的扩展7.Promise对象8.Generator函数let和constlet和const命令是ES6新增的语法作用：是用来声

2020-07-13 19:11:21 187

原创 Ajax 进阶扩展

XMLXML也是一种用来在不同的语言之间做数据传递的跟json的功能差不多XML相对于json 是一种重量级的传递方式 json 就是一种轻量级的传递格式XML跟html长得很像也是使用标签来标识的XML格式要求 :XML里面只能写双标签标签名没有具体的规定可以随便写他也有文档声明他的文档声明可以不写但是如果写了就必须是第一行他必须有一个跟标签 (就是最外层的标签) 所有的内容都必须写在跟标签里面<root> <items&gt

2020-07-11 16:45:44 179

原创 Ajax 入门及相关概念

Ajax 入门及相关概念01Ajax的介绍表单请求数据的时候的特点onload兼容性问题JSONAjax的介绍ajax 就是异步的js和XMLAjax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

2020-07-08 13:57:21 149

原创移动web入门

移动web入门移动web介绍开发移动端页面的原因早期手机访问pc端页面的两种结果移动web和传统的web页面的区别移动web和移动端的app的区别手机端的浏览器移动端的布局方式像素的概念视口视口的相关单位em和rem二倍图移动端的触摸事件swiper插件移动web介绍指的就是使用手机浏览器来访问的页面叫做移动端页面开发移动端页面的原因（1）因为手机流行起来手机用户越来越多（2）响应式开发支持不了功能性很强的页面（3）早期的页面大多数都是pc端的没有专门的移动端早期手机访问pc端页面的两种结

2020-07-08 13:34:32 364

原创响应式开发相关概念与使用

响应式开发响应式开发媒体查询响应式栅格系统原理响应式开发响应式开发与原生移动端开发的区别：1.现实的结构上响应式开发不同的屏幕大小会显示不同的布局但是图片以及字体的大小不会发生变化仅仅只是布局原生的移动端开发根据屏幕大小的不同对页面内容进行等比缩放2.开发的页面不同响应式开发开发的只是一个页面而且同时运行在移动端和pc端但是根据不同的屏幕大小会调整页面布局展示对应端的页面结构移动端开发其实是开发两套页面分别针对于移动端和pc端进行开发当在不同的端时仅仅在对应的页

2020-07-07 13:55:02 307

原创 Bootstrap框架的使用和总结

BootstrapBootstrap1.视口2.解决网页缩放问题3.常见的响应式开发框架4.布局容器5.栅格栏嵌套容器行偏移行排序6.常见的布局方式7.常用的样式标题标签段落标签文本突出显示高亮显示删除线下划线缩小加粗斜体对齐方式设置大小写列表表格表单选项框输入框按钮背景颜色文字颜色关闭按钮快速浮动块级盒子居中显示某个屏幕显示或者隐藏8. 字体图标9. 属性选择器10. less原生csscss预处理器Less语法组件常用的bootstrap组件bootstrap3和bootstrap4的区别Bootst

2020-07-04 11:36:19 1216 1

原创 jQuery 多库共存和jQuery插件

jQuery 多库共存和jQuery插件jQuery插件多库共存jQuery插件颜色插件query中的animate方法是不能修改背景颜色的可以去使用别人封装好的插件，上网查找（例子的插件也是网上可以找到）$("div").animate({ left:800, backgroundColor:"red" //不能修改 },3000)图片插件图片加载的特点只有img标签有src属性那么他就一定会加载不管是隐藏还是显示，对于大型网站图片比较多那么一次性加载服务器的压力会很

2020-07-04 11:32:35 156

原创 jQuery 链式编程和显示迭代

jQuery 链式编程和end方法链式编程和end方法jQuery中的显示迭代链式编程和end方法链式编程什么时候可以使用链式编程当jQuery对象调用某个方法返回值也是一个jQuery对象那么就可以继续点出jQuery方法在使用链式编程的时候一定要注意返回值的问题$("div").width(100).width() //不会报错正常显示$("div").width(100).width().height(200) //报错$("div").width(100).height(

2020-07-04 11:16:49 227

原创 jQuery 事件解绑、事件触发

jQuery的事件jQuery的事件事件解绑事件触发jQuery的事件jQuery的事件发展历程原生的js给元素注册多个同名事件那么后面的会覆盖掉前面jQuery给元素注册点击事件可以注册多个，jQuery注册事件是对原生js注册事件的一个加强1.事件简单注册不能同时注册事件而且不能动态注册事件 $("div").click(function(){ console.log("我是点击事件"); }) $("div").mouseenter(function(){ co

2020-07-04 11:06:29 218

原创 jQuery offset方法、position方法和scroll相关方法

jQuery offset方法、position方法和scroll相关方法offset方法和position方法scroll相关方法offset方法和position方法offset方法原生js的三大家族 offset家族 scroll家族 client家族offset家族 :offsetWidthoffsetHeightoffsetLeftoffsetTopoffsetParentoffset方法获取到的是一个对象这里的offset方法和原生的offset家族不一样，里面是left

2020-07-04 10:51:45 260

原创 jQuery 操作元素的宽高

JQuery操作元素的宽高width() height()innerWidth() innerHeight()outerWidth() outerHeight()获取页面可视区域的宽高width() height()获取元素宽高jQuery对象.width()jQuery对象.height()console.log($("#one").width());console.log($("#one").height());设置元素宽高jQuery对象.width(宽度)jQuery对象.hei

2020-07-04 10:42:37 247

原创 jQuery 动画、操作元素节点、操作元素属性的相关运用

jQuery动画显示与隐藏show()方法显示$(".one").show();有两个参数参数1 表示动画执行的时长可以填毫秒数也可以填代表动画时长的字符串 “slow” “normal” “fast”$(".one").show("normal");参数2 回调函数就是在动画执行完毕之后才会执行如果show方法不加任何参数就表示没有动画，只要show方法给了参数就会有动画$(".one").show("slow",function(){ alert("动画走

2020-05-16 00:04:52 95

原创 jQuery的介绍与使用方式

jQuery的介绍与使用方式jQuery 的介绍入口函数$是什么dom元素和jQuery对象基础选择器子代后代选择器过滤选择器筛选选择器全选择器mouseover和mouseenter mouseout和mouseleavejQuery操作类获取设置文本获取设置样式案例1- tab栏切换案例2-手风琴下滑栏jQuery 的介绍jQuery是一个快速，小型且功能丰富的JavaScript库。(jQuery其实就是别人封装好的一个外部js库)借助易于使用的API（可在多种浏览器中使用），使HTML文档

2020-05-15 23:29:43 190

空空如也

空空如也