- 博客(47)
- 收藏
- 关注
RSS订阅原创 elementUi的配置
.babelrc文件{ "presets": [ [ "@babel/env", { "targets": { "chrome": "60" } } ] ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ]}需要下载包...
2021-06-07 14:21:56
253
原创 vue中的.env进行环境配置
1. 不能乱起名字 .env 默认的全局环境的配置，对那个环境都有用 .env.development 是开发环境下的环境变量的配置 .env.production 是生产环境下的环境变量的配置2. 命名规则必须以 VUE_APP_ 开头 代码如下VUE_APP_URL = 192.168.13.76const server = process.env.VUE_APP_URL ? process.env.VUE_APP_URL : window.location.hos...
2021-05-19 14:27:14
628
原创 input 在浏览中 自动填充后的默认样式 修改
在chrom中，我们时长会遇到一个自动填充后，背景颜色变了，不是我们默认的背景颜色。而是白色，这就是因为input标签在默认填充后，会有一个默认的样式input:-internal-autofill-selected { background-color: rgb(232, 240, 254) !important; background-image: none !important; color: rgb(0, 0, 0) !important;}如果想要修改，需要覆盖
2021-05-19 14:03:33
3641
原创 Mock
Mockmock的语法规范包括两部分 数据模板定义规范 (Data Template Definition DTD) 数据占位符定义规范 （Data Placeholder Definition DPD） 数据模板定义规范：数据模板中的每个属性由三部分组成：属性名，生成规则，属性值'name|rule':value注意 属性名和生成规则之间使用 | 分隔 生成规则是可选的 生成规则有7种格式 'name|min-max':va.
2021-05-19 10:31:57
194
原创 去掉elementUi的table组件的悬浮效果
/* 去掉鼠标悬浮效果 */ >>> .el-table tbody tr:hover > td { background-color: transparent !important }
2021-04-25 16:00:48
1400
原创 Reflect
RefelctReflect是一个内置的对象，他提供拦截的JavaScript的操作的方法。一共有 13 个静态的方法Reflect的描述：reflect与大多数的对象不同，Reflect并非一个构造函数，所以不能通过new运算符来对其进行引用，或者将Reflect对象作为一个函数来调用，Reflect的所有方法和属性都是静态的，相当于Math，Refelct相当一一个静态的类。Reflect的静态的方法：Relect.apply(target,thisargument,argument
2021-04-21 10:27:07
289
原创 2021-04-15
BOM：1.BOM的核心就是理解window2.控制窗口，框架和弹出窗口3.利用location对象中页面信息4.使用navigator对象了解浏览器window作用域：BOM核心对象是window，它表示一个浏览器的实例。在浏览器种，window有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，有事ECMAScript的一个全局对象。全局作用域：由于window扮演着ECMAScript的全局对象，所以在全局对象上声明的变量，函数都会变成window.
2021-04-15 14:38:46
161
原创 前端一些常见面试题网页的收集
Vue的一些常见面试题:https://www.cnblogs.com/aimeeblogs/p/9501490.htmljs数组和字符串的方法：https://www.cnblogs.com/leaf930814/p/6919197.htmljs字符串的一些方法：https://blog.youkuaiyun.com/where_slr/article/details/81902496
2020-11-02 14:23:48
155
原创 设置跨域的一种方法
//在所有路由之前允许跨域app.use((req,res,next)=>{ //后台对前端发发送过来的请求头，进行设置，允许他们跨域 res.header({ 'Access-Control-Allow-Credentials':true, 'Access-Control-Allow-Origin':req.header.origin || '*', 'Access-Control-Allow-Headers':'Content-T.
2020-10-23 17:46:03
276
原创 手写promise
function promise(option){ const that = this; //防止this指针的改变 that.status = 'pending'; //初始化的状态值 that.value = null; //保存外部传入的值 //创建执行resolve时的函数 function reslove(value){ if(that.st...
2020-10-21 17:57:48
109
原创 路由守卫
路由前置全局守卫：router.beforeEach((to,from,next)=>{})全局守卫是针对所有路由的，它有三个参数，to是你想要去哪个路由，from是你来自哪个路由，next()是放行。全局后置守卫：路由变换完切换完成之后，触发回调，只有连个参数to,from，主要用来离开路由的时候，弹出的广告router.afterEach((to,from)=>{})路由独享守卫：单个路由自己独有的守卫，专门用在单个路由,写在路由配置里面，局部没有后置b
2020-10-21 10:38:36
262
原创 vue脚手架的安装
脚手架的安装：2.X版本的脚手架3.X和4.X版本的脚手架脚手架：已经准备好的模板，在里面写内容；安装vue首先我们得安装webpack,我们首先从2.x版本开始安装脚手架，然后再安装3.X版本安装webpacknpm i webpack-cli -g //安装webpack，搭建相关的环境安装时候出现问题卸载npm uninstall webpack-cli -g接下来安装 vue-cli (vue脚手架)cnpm i vue-cli -g //创建.
2020-10-21 10:32:48
109
原创 手写一个简单的vue双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input ty.
2020-10-21 10:28:33
296
原创 ajax的封装
function ajax(options){ let params = '' //拼接传递过来的值 //创建一个xhr对象 let xhr = new XMLHttpRequest(); //把传过来的JSON值拼接成字符串 for(let attr in options.data){ params += attr +'='+options...
2020-10-20 21:38:20
123
原创 Vue路由的一些基本知识
Vue-Router路由：路由主要用来实现单页面开发在传统的前端多页面应用中，网站的每一个url都相对应着服务器中的一个物理地址，当我们发送一个http请求的时候，服务器会自动把我们的请求对应到当前站点的路径下面的index.html文件，然后给与响应，当跳转到别的页面上，则重复一边这个过程但是如果是单页面开发，有且只有一个html页面，当用户切花页面的时候，只是通过这个唯一的html文件进行动态的重写，从而达到响应用户的请求，也就是说从切换页面的应用，应用只是在第一次打开页面请求了服务器前
2020-10-16 19:55:26
208
原创 Vue路径的引入方式
路径的引入方式：1.引入图片路径，当我们动态绑定图片的src的路径的值是由组件的data传值的时候，我们需要在data下的值用require引入这是固定写法<template> <div class="home"> <img :src="img" alt=""> </div></template><script>// @ is an alias to /srcexport default {..
2020-10-15 13:49:00
773
1
原创 2020-10-15
父子组件之间的通讯：1.父组件向子组件传值父组件向子组件传值：1.首先得动态绑定一个值接收父组件传过来的值2.子组件用props接收动态绑定的值3.用插值符号显示在自子组件的模板中 <div id="app"> <h1>{{des}}</h1> <!-- 不管是静态文件还是动态文件都要加上 v-bind告诉vue这是一个表达式 --> <c-header :liquan="na...
2020-10-15 13:46:37
132
原创 mysql
mysql什么是数据库？数据库是按照一定的形式来组织，存储数据，目的是为了操作数据的增删改查数据的几种类型：1.网状数据库2.层次性数据库3.关系型数据库4.非关系型数据库关系型数据库的逻辑关系：server（数据库服务器）/database（数据库）/table（数据表）/row行/column列mysql的常用管理命令：如果数据库运行的同一台计算机上登陆可以省略主机连接数据库 mysql -uroot -p2.如果服务器是在你登陆的计算机以外的计算机上
2020-09-24 19:59:17
127
原创 ES6的class
ES6的class：为了和其他的语言一致，JS提供了关键词class模拟传统的class，但底层的实现机制仍然是原型继承什么是class？集中存储一个类型的构造函数和原型对象的程序结构，即简化版的面向对象（封装，继承，多态）为什么使用class因为在ES5中，要定义一个类型，构造函数和原型对象方法要分着写，不符合封装的要求什么时候使用class：只要创建一种类型，不要先创建构造函数，也不要分着写原型对象方法，而是先创建一个class，然后将所有成员集中在class中，用class
2020-09-22 20:59:46
111
原创 ES6的函数参数增强
es的函数参数增强：1.参数默认值：什么是参数默认值？ES6允许为函数定义中形参列表中的最后一个参数定义默认值，如果没有传递实参，自动调用新参的默认值什么时候使用参数默认值？当我们希望参数没有传递一个实参的时候，也有备选的默认值的时候，就用这个默认值语法使用参数默认值定义函数：<script> function fn(e1,e2,e3='liquan') //如果没有传递最后一个参数的时候 </script>2.剩余参数什么是剩余
2020-09-21 19:06:39
268
原创 DOM操做form表单
DOM操作form表单：1.document.forms 获取文本中的所有form表单<form action=""><input type="text"></form><form action=""><input type="text"></form><script> let forms = document.forms; console.log(forms); //得到两个form节
2020-09-21 15:40:08
793
原创 es5对对象的保护
对象的保护1.为什么使用对象的保护？因为js的对象中，毫无自保能力，随时可以添加和删除属性，随时可以修改属性2.什么时候使用对象的保护？当我们想要我们创建的对象的结构和内容，不被更改的时候，我们就要用到对象的保护3.如何保护保护对象的两个层面（保护属性，和保护结构）保护属性分为两大类：数据属性和访问器属性数据属性：什么是数据属性？实际存储在对象的属性值的属性数据属性的四个特性：1.value：就是属性值2.writable:true/false 是否可修
2020-09-17 20:28:50
150
原创 mongoDB的CRUD
/* mongodb只支持64位的操作系统 默认端口是：27017 数据库之间是独立，和mysql是不一样的 mongo会给每个数据给个id，不会重复，保证了数据的唯一性*/1.启动MOngoDB数据库指令:mongod --dbpath 输入路径2.cmd连接mongo3.查看：show dbs4.使用数据库，创建 数据库use kuangjia (还没创建成功) 创建 kuangjia是随便起的名字+如果真的想把这个数据库创建成功，那么必须插入一个数据...
2020-09-17 11:37:10
106
原创 ejs模板引擎渲染
node的ejs模板引擎，前后端数据交互：什么是ejs：“E” 代表什么？可以表示 “可嵌入（Embedded）”，也可以是“高效（Effective）”、“优雅（Elegant）”或者是“简单（Easy）”。EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。1.引入ejs包cnpm/npm i ejs --save注意：如果ejs是
2020-09-17 10:41:30
1591
原创 面向对象过程
面向对象过程：一切事物事物皆对象，对象有属性和方法，对象的属性是描述对象的特征的，是静态的，对象的方法是对对象的操作，是动态，举个列子：一辆汽车，它的颜色，重量，形状就是汽车的属性，汽车的启动就是汽车的方法面向对象的三大特征： 继承 多态 封装 什么是封装：创建一个对象，集中存储一类相同的事务，复杂问题简单化，不在意内部的过程和细节，只注意功能和结果。将一个事物的属性和功能存在一个对象中，事物的属性会变成对象的属性，事物的方法会变成对象的方法，说白了就是给事物套
2020-09-16 17:41:12
336
原创 j原型
原型对象：1.每个对象都有一个原型对象(prototype),通过函数创建的对象也将拥有这个原型对象。原型是一个指向对象的指针。 原型对象：在声明了一个函数之后，浏览器会根据一定的规则，创建一个对象，这个对象就是原型对象，这个原型对象是存储在内存中的在声明了一个函数之后，这个构造函数（声明的这个函数）会有一个prototype属性，这个属性指向的就是这个构造函数（声明的那个函数）的原型对象，这个原型对象有一个属性contstructor，这个属性指向的是这个构造函数（声明的这个函数）使用..
2020-09-15 19:10:37
164
原创 简单的正则表达式
正则表达式正则表达式是用于匹配字符串中字符组合的模式，在js中，正则表达式也是对象创建正则表达式：1.使用字面量，也是我们推荐的，但它不能在其中使用变量2.对象创建let reg = new RegExp('表达式'，‘元字符’)选择符 || 这个符号带表选择修饰符，它只分左边和右边，注意 |优先级最低字符集：什么时候使用？当一位字符有过个备选字符使用。注意：一个字符集只能匹配一个字符字符集的包括：常用字符集：[abcdef] 任意括号之间的任意字符[
2020-09-15 19:09:24
99
原创 Promise
promise1.prosmise是一个构造函数，他跟js中的Date,Array,等构造函数类似，都是使用new操作符实例化之后，通过传参和调用方式来完成某些特定功能，promise是专门用来实现多个异步函数，顺序必须是先后顺序执行的技术...
2020-09-14 09:55:09
171
原创 npm的一些命令
npm：npm：node module mange ;node的包管理器npm的一些指令：1.npm init -y ：初始化，用npm来管理项目会自动生成一个package.json文件，在任何时候都不能删除这个文件，因为这个文件存储着当前项目的所依赖的包下载包的时候一些参数// -S: == --save 安装在当前项目下，生产环境，项目上线还需要这个环境npm install 包名 -S;// -D == --save-dev安装在当前项目下，开发环境（写代码的时候才
2020-09-13 21:13:10
80
原创 node的url模块，和queryString和path模块的常用API的简介一下
path:path模块是专门用来解析node的文件夹和的文件的路径path的模块的使用方法：/** node的原生模块:path* path模块提供了一些实用工具，用于处理文件和目录的路径** */const path = require('path');node的常用API：1.path.join();是拼接路径的，一般配合node的全局变量__dirname使用得到一个安全的路径console.log(path.join('./a', '/b')); //a\b/
2020-09-13 19:16:18
239
原创 session
cookie和seesion的区别1.cookie的数据是保存在浏览器的，session保存在服务器上2.cookie不是很安全，别人可以分析存在本地的cookie并进行cookie欺骗，考虑到安全，应该使用session3.session会在一定时间内，保存在服务器上，当请求个数过多的时候，会占用较多的服务器性能4.单个cookie保存的数据不能超过4k，很多浏览器都限制一个站点做多保存20个cookiesession的介绍session的运作通过一个session_id来进行。s
2020-09-09 16:14:45
157
原创 node操作cookie
cookie解决了什么问题1.http是无状态链接的，当请求结束的时候，就会关闭，所以会产生身份识别系统 2.当浏览器访问服务器的时候，服务器会发送一个cookie给浏览器，相当于一个标志，下次浏览器发送请求的时候，会自动携带这个标志符号3.服务器能够根据这个标志，在下个报文中设置cookie的持续时间4.那么浏览器在设置的时间内访问这个服务器会...
2020-09-09 14:01:50
575
原创 简单的介绍node的Express
Express 是一个基于node平台的，快速开放，极简的web开发模式Express框架是后台的Node框架Express在后台的受欢迎程度类似前端的Jquery，是企业的标准Express的特点：Express是一个基于node.js平台的极简，灵活的web应用开发框架，它提供了一系列强大的特性，帮你创建各种web和移动设备应用丰富的http快捷方法和任意排列组合的connect中间件，让你创建健壮，友好的API变得即快速又简单Express官网： http://expr...
2020-09-07 22:38:42
433
原创 JS的模块开发
什么是模块？1.模块就像拼图一样，一个模块就是一个拼图，当我们把所有拼图正确的拼在一起的时候，形成一张照片，就是我们想要的一个整体，而形成那张图片的步骤，也就是把一张张拼图拼在一起的过程就叫模块化开发，我是这样理解的，如果大家有不同见解，希望大家留言。谢谢使用模块的作用：模块是一个独立的文件，里面是封装的函数或者类 解决了命名空间的冲突、 模块隐藏了内部的实现，只对外开放接口 模块可以避免滥用全局变量，造成代码的不可控 模块比较易于维护，提高代码的执行效率2.标签的使用因为以前我们
2020-09-01 14:07:32
1408
原创 斐波那契数列
斐波那契数列：前两个数之后等于后面的那个数，用js实现他的顺序/** 斐波那契数列* */function f1(n) { /* 先声明三个数，前两个个是前两个数，最后一个是前两个数之和 */ let num1 =1,num2=1,sum=0; if(n<=2){ return 1; }else{ for (var i=3;i<=n;i++){ sum = num1 +
2020-08-29 15:18:06
93
原创 node第一节课
node:node是后端语言；后端和前端的区别：举个列子：1.前端不能操作本地文件的文件夹和文件，但是后端可以，随意的删除文件夹文件或者增加等等node的操作全是异步的操作；node我们学习的就是API，node提供给我们的APIAPI就是运用程序接口，别人已经写好的，我们拿来用的。node执行代码底层c++，但是我们可以使用js来操作node，底层会把我们写的js解析成c++node的引擎是v8，解析js的代码很快。打开powshell的方法，找到文件的目录，在空白的区
2020-08-27 22:11:01
101
原创 闭包
闭包：闭包的三个概念1.函数嵌套函数2.内部函数引用外部函数的变量3.外部函数被引用的变量不会被销毁，而是会被隐藏下来闭包的优点：1.闭包让外部访问局部变量成为了可能2.可以避免使用全局变量，造成全局污染3.局部变量常驻内存中闭包的缺点：1.占用过多的内存，造成内存泄漏理解闭包的一些列子请大家在看这些列子的时候，一定要想想闭包的概念function f1() { var count = 1; return function () {
2020-08-27 19:37:19
106
原创 js第7课函数
js的函数进阶基础知识函数是将复用的代码块封装起来的模块声明定义1.“在js中，函数也是对象，函数是Function类创建的实例let fn = new Function("title","console.log(title)");fn("liquan"); //liquan第一个参数是函数的参数，第二个是函数体2.直接使用函数声明定义函数3.全局函数会被提升到...
2020-04-08 20:59:17
135
原创 js第6课 js的作用域和闭包
作用域和闭包：在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。局部作用域因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。全局作用域变量在函数外定义，即为全局变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。如果变量在函数内没有声明（没有使用 var 关键...
2020-04-07 18:55:41
98
原创 js第五课 Symbol
Symbol:1.symbol是用于防止属性名冲突，比如 像第三方对象添加属性时2.symbol的值是唯一的，独一无二不会重复的3.symbol不可以添加属性：let hd = Symbol();let edu = Symbol();console.log(hd == edu); //falselet hd = Symbol();hd.name = "liqau...
2020-04-02 17:42:36
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人