自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 前端面试题200道--整理中

css的居中方式margin:0 auto;/(适用于行内元素)/text-align:center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transfrom: translate(-50%,-50%);display: flex;1234567891011121314152. px,em,rem,%一、px是固定的像素,一旦设置了就无法因为适应页面大小而改变。二、em和rem相对.

2021-10-13 13:21:46 456

原创 vue路由

2021-08-19 21:58:43 97

原创 vue项目组件

全局组件:局部组件:

2021-08-19 21:58:10 99

原创 Vue Router

1.什么是Vue Router?Vue Router和v-if/v-show一样,是用来切换组件的显示的v-if/v-show是通过标记来切换(true/false)Vue Router是通过哈希来切换(#/xxx)比v-if/v-show强大的是Vue Router不仅仅能切换组件的显示,还能够在切换的时候传递参数2.Vue Router使用:1.导入Vue Router2.定义路由规则3.根据路由规则创建路由对象4.将路径对象挂载到Vue实例中5.修改URL哈希值6.通过渲染匹

2021-08-07 17:10:51 86

原创 vuex基础

什么是vuex?vuex是vue配套的公共数据管理工具,我们可以将共享的数据保存到vuex中,方便整个程序中的任何组件都可以获取和修改vuex中保存的公共数据。

2021-08-06 20:24:20 67

原创 vue父子组件

1.什么是父子组件?在一个组件中又定义了其他的组件就是父子组件。其实局部组件就是最简单的父子组件,因为我们说过可以把vue实例看作是一个大组件。我们在vue实例中定义了局部组件,就相当于在大组件里面定义了小组件,所以局部组件就是最简单的父子组件。2.如何定义其他的父子组件前面我们说过,自定义组件中可以使用data,可以使用methods,当然子定义组件中也可以使用components,所以我们也可以在自定义组件中在定义其他组件。...

2021-08-05 15:23:18 2384 1

原创 Vue组件

Vue两大核心:数据驱动界面改变组件化1.什么是组件?什么是组件化?在前端开发中组件就是把一个很大的界面拆分为多个小的界面,每一个小的界面就是一个组件将大界面拆分成小界面就是组件化2.组件化的好处?可以简化Vue实力代码可以调高复用性3.Vue中如何创建组件?创建组件构造器注册已经创建好的组件使用注册好的组件自定义全局组件:自定义局部组件:...

2021-08-02 16:37:39 76

原创 vue自定义全局和局部过滤器

1.什么是过滤器?过滤器和函数和计算属性一样都是用来处理数据的,但是过滤器一般用于格式化插入的文本数据2.如何自定义全局过滤器?Vue.filter(" 过滤器名称",过滤器处理函数)3.如何使用过滤器?{{msg | 过滤器名称}}value=“ msg | 过滤器名称 ”4.过滤器注意点:只能在插值语法和v-bind中使用一个数据可以交给多个过滤器使用全局过滤器:局部过滤器:...

2021-08-02 15:15:18 155

原创 vue自定义指令及其钩子函数

钩子函数:一个指定定义对象可以提供如下几个钩子函数:bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中)update:所在组建的VNode更新时调用,但是可能发生在其子VNode更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模块更新。自定义指令:自定义指令传参:自定义局部指令和全局指令:...

2021-08-02 11:09:00 2082

原创 v-on 常见修饰符

v-on修饰符.once 只触发一次回调.prevent 调用event.preventDefault().self 只处罚事件本身的回调函数stop 调用event,stopPropagation()capture 添加事件监听器时使用capture模式.once.prevent.stop.self.capture...

2021-08-01 22:57:56 84

原创 Vue小案例

记事本<body> <!-- 主体区域 --> <section id="todoapp"> <!-- 输入框 --> <header class="header"> <h1>记事本</h1> <input v-model="inputValue" @keyup.enter="add" autofocus="aut

2021-07-29 23:05:44 89

原创 Vue基础

Vue简介:1.vue是javaScript框架2.简化Dom操作3.响应式的数据驱动第一个vue程序:<body> <div id="app"> {{msg}} </div></body><script> new Vue({ // 1.创建vue实例对象 el: "#app", // 2.设置el属性 data: { // 3. dat

2021-07-27 17:09:58 85

原创 Mongodb数据库

关系型数据库数据表之间存在一定的关联性所有的查询 关系 sql语句来实现 select * from xxx在使用数据库之前 先设计数据表 insert into (name,upass,xxxxx)约束 唯一的主键非关系型数据库Nosql数据库 没有sql语句key:value 存储方式非常灵活 key8i任意操作Mongodb:最像关系型数据库的 菲关系型数据库数据库 —》数据库数据表 —》集合(数组)表记录 —》对象不需要设计数据表,可以任意的插入数据,没有任何的

2021-07-09 20:57:56 99

原创 Express框架

1、Express 框架简介及初体验1.1、Express 框架是什么Express 是一个属于 Node 平台的 Web 应用开发框架 ,它提供了一系列的强大特性,帮助你 创建各种 Web 应用 。我们可以使用 npm install express 命令进行下载安装。1.2、Express 框架特性●提供了方便简洁的 路由定义 方式●对获取 HTTP 请求参数进行了简化处理●对模板引擎支持程序高,方便渲染动态 HTML 页面●提供了 中间件 机制,有效控制 HTTP 请求●拥有大

2021-07-08 12:37:51 315

原创 node使用mysql模块连接本地数据库

利用mysql模块 连接本地数据库const mysql=require("mysql")// 利用mysql模块 连接本地数据库let db=mysql.createConnection({ host:"localhost",//服务器地址名称 user:"root",//本地进入默认root password:"", database:"demo1"//连接到指定数据库})查找当前用户表中的所有用户 select//查找当前用户表中的所有用户 select

2021-07-08 12:37:13 106

原创 node图片上传

通过multiparty 获取并且实现文件上传const http=require("http")const querystring=require("querystring")const Multiparty=require("multiparty")http.createServer((req,res)=>{ // 通过multiparty 获取并且实现文件上传 let form=new Multiparty.Form({ uploadDir:"./uplo

2021-07-02 09:44:30 57

原创 node中get和post请求

在服务器端打开网页// 如何在服务器端打开网页 ajax同源策略// 1.创建服务 httpconst http=require("http") //http模块const fs=require("fs") //fs模块http.createServer((req,res)=>{ // 请求 localhost:8000/index.html // 打开服务器端的www/index.html fs.readFile(`www/${req.url}`,(err,dat

2021-06-29 13:06:56 173

原创 Node模块

webpack配置:功能分层,模块之间可以相互依赖。(但是es6的模块化,浏览器不支持)。解决:webpack打包工具 js-webpack-浏览器npm:包管理工具 下载功能(工具)新建一个页面 index.htmlimport : 引入 新建index.js --》 import * as mod1 form “./mod1.js”export : 倒出 新建mod1.js --》 export let a = 10;利用webpack将以上文件打包输出:1.新建

2021-06-27 21:54:36 70

原创 静态属性和静态方法

静态方法和静态属性:由类来直接使用,不能通过实例化对象来调用作用:1.封装性 (类.方法) // static关键字 class People { static len = 10 //静态属性 static创建的 constructor(name) { this.name = name } shoInfo() { console.log(this.name);

2021-06-26 21:16:25 103

原创 面向对象编程class类

class类:es6之前js用构造函数的方式来进行对象的创建,其他语言都具有类这个概念以及对应的类型es6之后 引入class 类// es6之前构造函数定义 function People(name, age) { //构造函数 类 this.name = name this.age = age } People.prototype.showInfo = function () { console.log(this.name);

2021-06-26 15:45:04 91

原创 es6中新增的数据类型

map类型:map类型:js中的对象的一个更新,对象本质 键值对 key:value 原始对象中key只能为字符串 map类型:其他数据类型的数据 也可以作为key<body> <button id="bt1"></button></body><script> let bt1 = document.getElementById("bt1") let m1 = new Map() //创建m1对象 //

2021-06-26 14:40:37 357

原创 ES6中字符串新增的方法

repeat重复 repeat(次数) 返回一个新的字符串 let str = "hello world" let result = str.repeat(3) console.log(result); //hello worldhello worldhello worldincludes判断是否含有指定子串 返回T或F let str = "hello world" let result = str.includes("hello") console.l

2021-06-26 13:47:37 43

原创 ES6中数组新增的方法

forEach:用于遍历数组数组.forEach(function(item,index){}) // 传统for循环遍历 let arr1 = [1, 2, 3] for (i = 0; i < arr1.length; i++) { console.log(arr1[i]); //123 } //Es6的forEach遍历 let arr2 = [1, 2, 3] arr2.forEach((item, index) =&gt

2021-06-25 11:32:49 230

原创 ES6参数默认值与rest参数

参数默认值:ES6新增默认参数功能,参数可以有默认值(初始值),通常有默认值的写在最后 // 解构 let obj = { host: "192.168.1.1", username: "王一", password: 123456, } function connect({ host, username, password, port = 3006 }) { //port=3006 设置参数默认值 console

2021-06-21 13:39:37 90

原创 ES6中的箭头函数

箭头函数对比传统函数: // 传统js中的函数 function showName1() { console.log("name1"); } // 箭头函数 let showName2 = () => { console.log("name2"); } showName1();//name1 showName2();//name2区别一:传统js中的函数,存在变量的默认提升箭头函数:由let定义,不存在变

2021-06-20 23:59:58 58

原创 ES6中对象的简写方式

没学ES6之前我们通常的写法: let obj = { name: "wangyi", //key:value age: 21, showInfo: function () { console.log(this.name); } }ES6中对象的简写方式如果key和value相同,那么直接写一个就可以 let name = "wangyi"; let age = 21; let o

2021-06-20 22:43:55 253

原创 前端面试题整理

1.css的居中方式1、文本类元素(行内元素)水平居中:text-align: center;文本类元素垂直居中:line=height:容器高度2、块级标签(display:block)水平居中:margin-left: auto;margin-right: auto;3、定位的标签居中:水平居中left:50%;transform:translateX(-50%);垂直居中top:50%;transform:translateY(-50%);4、flex布局:父级displ

2021-06-17 12:28:04 268

原创 js中var、let、const之间的区别

varvar 是es6之前 js用来声明变量的方法,其特性是:只有两个作用域,全局作用域和局部作用域,(var在函数内部定义,就是局部变量)。// 点击对应li时,在控制台输出对应的索引值 var lis = document.getElementsByTagName("li"); for (var n = 0; n < lis.length; n++) { //var定义的 n 全局变量 lis[n].onclick = function () {

2021-06-17 00:06:04 83

原创 构造函数继承之 call()与apply()的作用与区别

Javascript的每个Function对象中有一个call方法:function.call(thisObj,对应参数)还有一个类似功能的apply方法:function.apply(thisObj,[参数数组])它们的共同之处:都“可以用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。”它们的不同之处:apply:最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这

2021-06-16 16:18:37 281

原创 js中三种不同的继承方式

1. 原型链继承让父类 作为 子类的 原型对象思路:是否可以让Student类,Teacther类 来继承People类查找属性或者方法:优先找构造函数中的属性或者方法,构造函数中没有就去原型中找对应内容// 人类 (父类) function People(name, age, like) { this.name = name; this.age = age; this.like = like; } People.p

2021-06-16 15:31:39 79

原创 js中set和get方法

get和set的使用方法:1.get方法 :对象的属性值获取 get一般需要返回的2.set方法 :对象的属性值设置javascript属性:公开属性:可以通过对象.属性 进行任意更改私有属性:不可以通过对象.属性 进行访问(它会随之产生两个对应的方法,通过get set方法来访问)实现封装的办法:给私有属性建立 get和set方法function User(name, password, carId, phoneNumber) { this.name = name; //

2021-06-15 16:04:41 275

原创 构造函数常用的方法

inStanceof ()判断 对象 是否属于 构造函数这个类// 构造函数Student function Student() { this.name = "王一"; } // 构造函数Animal function Animal() { this.name = "汤姆"; } // 对象s1 var s1 = new Student(); console.log(s1 instanceof Stu..

2021-06-13 22:59:10 911

原创 构造函数的原型

原型模式:将所有对象共享的方法或属性,绑定在对应的构造函数的原型中function Student(name, age) { //构造函数Student 类 this.name = name; this.age = age; // this.eat = function () { // console.log(this.name + "正在吃"); // } }构造函数的 prototype 原型

2021-06-08 21:19:37 237

原创 js构造函数的定义

首先要了解:什么叫做类?描述一系列相同事物的总称,比如:人类,动物类,数组类Array,字符串类String,函数类function等等…什么是对象?对应类的实际内容叫做对象,从类中实例化出来的个体叫做对象。比如:var arr=new Array(); 在数组Array这个类中实例化出来的数组对象arr1、什么是构造函数在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。构造函数首字母一般大写function Student(name, age) { /

2021-06-08 16:50:58 390

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除