- 博客(41)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue学习笔记-路由篇
什么是路由?路由就是通过url的地址去请求的资源,这个地址和资源有一种对应关系, 就被叫做路由路由分为前端路由和后端路由前端路由:通过hash值(锚链接)的变化实现后端路由:在服务器中实现,通过url的地址去访问不同的资源实现一个简单的路由<!DOCTYPE html><html lang="en"><head>...
2019-12-05 15:57:42
227
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue学习笔记-组件篇(插槽)
匿名插槽当组件中有插槽内容是显示插槽内容当组间中没有插槽内容是,会默认显示slot中的插槽内容代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head&...
2019-12-04 16:51:16
242
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue学习笔记-组件篇(组件之间传值)
父组件向子组件传值通过属性的方式绑定到子组件中,自组件通过props接受该参数代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><bod...
2019-12-04 16:10:45
176
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue学习笔记-指令篇
v-textv-text指令用于将数据填充到标签中,作用于插值表达式类似,但是没有闪动问题相当于元素中的innerText属性不会解析html标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue指令</titl...
2019-12-02 17:03:51
346
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Node.js中模块加载机制
模块查找规则-当模块拥有路径但没有后缀时require('./user');require('./user.js');require方法根据模块路径查找模块,如果是完整路径,直接引入模块。如果模块后缀省略,先找同名JS文件再找同名JS文件夹如果找到了同名文件夹,找文件夹中的index.js如果文件夹中没有index.js就会去当前文件夹中的package.json文件中查找main...
2019-12-01 14:20:35
211
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 mongdb增删改查操作
导入数据mongoimport -d 数据库名称 -c集合名称 --file 导入文件的路径注意:使用前需要配置环境变量 找到mongodb安装目录的bin目录,将bin目录配置到环境变量中...
2019-11-19 20:12:39
120
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 关于标准盒模型和怪异盒模型的区别
标准盒模型如图,标准盒模型的width为content的width,height为content的height一个完整的盒子模型的宽度计算方式为width+padding-left+padding-right+border-left+border-right+margin-left+margin-right即width+左右内边距+左右边框+左右外边距怪异盒模型如图,怪异盒模型的w...
2019-11-16 15:40:40
647
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2019年最新版本SSH整合案例
SSH整合小案例步骤1、新建web项目注:案例版本采用hibernate5、spring5.1、struts2.5,不同版本配置可能会有所不同2、jar包准备,导入ssh相关jar包至项目中1.hibernate所需jar包2.spring所需jar包3.struts2所需jar包4.导入数据库驱动包该案例以配置文件方式配置数据源(可选)database.propertie...
2019-08-15 15:23:39
886
原创 前端基础-html+css
对HTML语义化标签的理解便于开发人员阅读,便于理解,增强可读性,比如nav一般用于导航条,header表示头部,article表示文章等meta viewport 是做什么用的,怎么写?<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sc...
2020-03-28 20:12:56
273
2
原创 前端基础-HTTP
http和httpshttp:超文本传输协议,是互联网应用最广泛的网络协议https:以安全为目标的http通道,是http的安全版https主要作用是:建立一个信息安全通道,来确保数据传输时的安全性,网站的真实性http与https的区别http传输的数据是未加密的,https是加密传输协议,https比http更安全https协议需要ca证书,费用较高端口号不同,http端...
2020-03-28 17:55:35
203
原创 js基础习题及答案(二)
箭头函数和普通函数的区别是什么?箭头函数比普通函数写法更简洁箭头函数没有this,他的this是函数所处上下文中的this(call、apply等任何方式都无法改变this的指向)箭头函数中没有arguments,只能基于…arg获取传递的参数集合(数组)箭头函数不能被new执行(因为箭头函数没有this也没有prototype)如何把一个字符串的大小写去反(大写变小写,小写变大...
2020-03-21 17:14:58
886
原创 三大经典排序算法
冒泡排序function bubble(arr){ //外层循环控制比较的轮数 for(var i=0;i<arr.length-1;i++){ //内层循环控制每轮比较的次数 for(var j=0;j<arr.length-1-i;j++){ //如果当前项大于后一项就交换 if(arr[j]>arr[j+1]){ var temp=arr[j...
2020-03-21 17:13:17
329
原创 使用jquery实现多个图片懒加载
html<!DOCTYPE html><html><header> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } .cont...
2020-03-19 15:59:38
280
原创 js继承
借助构造函数实现继承//父类function Parent(){ this.name='parent'}//子类function child(){ Parent.call(this) this.type='child'}缺点:虽然可以继承父类的属性,但是不能继承父类函数借助原型链实现继承//父类function Parent(){ this.name='parent'...
2020-03-14 20:07:50
92
原创 js基础习题及答案(一)
this的不同应用场景,如何取值当做普通函数被调用this=window使用call apply bindthis=call | apply | bing 中绑定的this作为对象方法调用this=对象本身在class中的方法中调用this=当前实例箭头函数this=上一个作用域的this手写bind函数function fn1(a,b)实际中闭包的应用隐藏数据...
2020-03-04 20:46:08
809
原创 变量类型和计算
值类型字符串、数字、布尔、undefined、symbolvar a='abc' //字符串类型var b=18 //数字var c=true //布尔var d //undefinedvar e=Symbol('e') //symbol引用类型对象、数组、nullvar obj={age:18} //对象var arr=[1,2,3] //数组var a=null //n...
2020-02-29 18:13:16
157
原创 ES6新特性总结
constlet不存在变量提升(用var声明的存在变量提升,打印undefined,而let声明的,打印会报错)同一个作用域下不能重复定义同一个名称(var重复定义的会覆盖上一个变量的值,let重复定义会报错)有着严格的作用域(var属于函数函数作用域,let属于块级作用域)const不存在变量提升(用var声明的存在变量提升,打印undefined,而let...
2020-02-27 20:09:00
145
原创 promise学习笔记
promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容易primise基本使用//1.创建promise对象//接受一个函数对象,参数为两个对象:resolve,reject//resolve表示成功操作//reject表示失败操作let p =new Promise((resolve, reject)=>{ //2. 这里...
2020-02-27 17:30:06
127
原创 vuex学习笔记-核心概念(Getter)
GetterGetter用于对Store中的数据进行加工处理形成新的数据,只能读取Store中的数据,但是不能修改,getter数据会随着store中的数据变化而变化1、创建vuex项目使用Action的第一种方式:编写app.vue<template> <div id="app"> <addition></additio...
2019-12-17 18:26:41
156
原创 vuex学习笔记-核心概念(Action)
Action在mutation中不能编写异步代码,否则会报错,需要使用action处理异步请求需求:想要函数在一秒钟之后执行1、创建vuex项目使用Action的第一种方式:编写app.vue<template> <div id="app"> <addition></addition> </div>...
2019-12-17 18:10:00
152
原创 vuex学习笔记-核心概念(Mutation)
MutationMutation用于修改变更$store中的数据1、创建vuex项目使用mutations的第一种方式:编写app.vue<template> <div id="app"> <addition></addition> </div></template><script...
2019-12-17 17:56:27
307
原创 vuex学习笔记-核心概念(State)
Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处能够在vuex中集中管理共享的数据,便于开发和后期进行维护能够高效的实现组件之间的数据共享,提高开发效率存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新Vuex的基本使用...
2019-12-17 17:38:22
142
原创 vuex学习笔记-基本概念
Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处能够在vuex中集中管理共享的数据,便于开发和后期进行维护能够高效的实现组件之间的数据共享,提高开发效率存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新Vuex中的核心特性如图所示:组件中想要在vuex中发送异步请求...
2019-12-17 17:22:26
157
原创 vue学习笔记-组件篇(组件注册)
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代码组件注册全局组件Vue.component(componentName, { }) 参数1:标签名称,参数2:选项对象全局组件在任何vue实例中都可以使用<!DOCTYPE html><html lang="en"><he...
2019-12-04 15:25:37
124
原创 vue学习笔记-数组更新
数组变异方法在 Vue 中,直接修改对象属性的值无法触发响应式。当直接修改了对象属性的值,会发现数据改了,但是页面内容并没有改变变异数组方法在保持数组方法原有功能不变的前提下对其进行功能拓展push()—:往数组最后面添加一个元素,成功返回当前数组的长度pop():删除数组的最后一个元素,成功返回删除元素的值shift():删除数组的第一个元素,成功返回删除元素的值unshift()...
2019-12-04 15:07:32
128
原创 vue学习笔记-V-Show 和 V-If的区别
v-show根据表达式的值的真假条件渲染元素,改变css中的display属性,注意是改变css中的属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue指令</title> <style> ...
2019-12-02 17:28:07
245
原创 vue学习笔记------我的第一个vueDemo
Vue 是什么Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。vue使用步骤前往官网下载vue.js https://cn.vuejs.org/项目中引入vue.js文件<script src="./vue.js"></script>...
2019-12-02 13:43:37
178
原创 HTTP请求与响应处理
HTTP请求与响应处理GET请求参数参数被放置在浏览器地址栏中,例如:http://localhost:3000/?name=zhangsan&age=20参数获取需要借助系统模块url,url模块用来处理url地址// 引用系统模块const http = require('http');// 导入url系统模块 用于处理url地址const url = require...
2019-12-01 14:13:32
196
原创 HTTP协议
HTTP协议的概念超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)规定了如何从网站服务器传输超文本到本地浏览器,它基于客户端服务器架构工作,是客户端(用户)和服务器端(网站)请求和应答的标准。报文在HTTP请求和响应的过程中传递的数据块就叫报文,包括要传送的数据和一些附加信息,并且要遵守规定好的格式。请求报文请求方式 (Request Met...
2019-12-01 13:55:33
87
原创 使用node.js创建web服务器
// 引用系统模块 const http = require('http'); // 创建web服务器 const app = http.createServer(); // 当客户端发送请求的时候 app.on('request', (req, res) => { // 响应 res.end('<h1>hello node</...
2019-12-01 13:41:53
137
原创 node.js简介
Node是什么?Node是一个基于Chrome V8引擎的JavaScript代码运行环境Node能够运行JavaScript代码,Node就是JavaScript代码的运行环境Node.js 的组成JavaScript 由三部分组成,ECMAScript,DOM,BOM。Node.js是由ECMAScript及Node 环境提供的一些附加API组成的,包括文件、网络、路径等等一些更加强...
2019-12-01 13:33:25
103
转载 js数组中的find、filter、forEach、map四个方法的详解和应用实例
数组中的find、filter、forEach、map四个语法很相近,为了方便记忆,真正的掌握它们的用法,所以就把它们总结在一起喽。find():返回通过测试的数组的第一个元素的值在第一次调用 callback 函数时会确定元素的索引范围,因此在 find 方法开始执行之后添加到数组的新元素将不会被 callback 函数访问到。如果数组中一个尚未被callback函数访问到的元素的值被cal...
2019-11-27 18:37:30
126
原创 js引用类型和基本类型
关于引用类型值和基本类型值在js中有五种基本类型即 Undefined、Null、Boolean、Number 和 String。引用类型 Object,Array,Date,Function等基本类型不能扩展属性,例如:var a=10;a.phone=666666;那么console.log(a.phone)将会输出undefinedvar a=10a.biu=10cons...
2019-11-27 18:26:11
92
原创 AJAX笔记
AJAXAjax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过...
2019-11-26 19:01:17
109
原创 MongoDB数据库
const mongoose=require('mongoose')//导入连接mongodb数据库模块 .connect('mongodb://localhost/student')//创建连接 .then(()=>console.log('连接成功'))//连接成功 .catch(err=>console.log('连接失败'+err))//连接失败...
2019-11-19 16:10:43
89
原创 gulp常用插件使用方法
gulp常用插件gulp-htmlmin:html文件压缩gulp-file-include:公共文件包含示例代码如下://引用gulp模块const gulp = require('gulp')const htmlmin = require('gulp-htmlmin')//html文件压缩const fileInclude = require('gulp-file-include...
2019-11-15 20:44:53
140
原创 获取对象属性的点方法和中括号的区别
获取对象属性的点方法和中括号的区别中括号法可以用变量作为属性名,而点方法不可以中括号法可以用数字作为属性名,而点语法不可以中括号法可以使用js的关键字和保留字作为属性名,而点语法不可以(尽量避免在变量或者属性中使用关键字或保留字)...
2019-11-15 16:31:04
331
原创 gulp使用步骤
gulp使用步骤 今天学习了node.js中的gulp的使用步骤,接下来将总结gulp的使用步骤使用npm install gulp下载gulp库文件在项目根目录下创建gulpfile.js文件编写gulpfile.js任务代码示例如下//引用gulp模块const gulp = require('gulp')//使用gulp.task建立任务//参数1任务名称,参数二回...
2019-11-15 12:47:03
102
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人