qq_45129167的博客

原创 axios和vuex

原创 promise

原创 vueRouter的路由参数

原创 vue-router和tabbar

原创 路由vue

原创 脚手架路由06

原创 webpackvuecli05

图片处理 url-loader小于limit 时 编译为base64字符串形式大于 file-loader进行加载，添加path路径hash字符串展示在dist，不希望哈西 name:‘img/[name].[hash:8].[ext]’将ES6转化为ES5 babelnpm install --SAVE-DEV Babel-core babel-preset-es2015在webpack里配置vuenpm install vue --saveruntime-only 不能编译templ

原创 vue04

原创 阶段总结vue

原创 vue03webpack

在脚手架里不受驼峰命名的限制，子传父mom installnpm run serve父子组件通信案例修改input值，然后父子组件中的值都变成输入的值props应该在父组件内修改data函数，防止报错对输入框进行监听，当输入框的数值改变后，写在methods里，并通过emit传出去watch监听也可以父组件访问子组件$children $refs在子标签添加ref=“aaa”访问父组件parent访问根组件parent访问根组件parent访问根组件rootslot插槽，组件的复用性

原创 vue02

v-model是双向绑定相当于v-bind:value="message"将信息绑定到value v-on:input="message=$event.target.value实时监听输入框的值v-model和radio结合使用男女二选一，互斥第一种添加key值相同，name=sex第二种用v-model=sex value=男v-model和checkbox 布尔值和数组单选框v-model=“isAgree” data:isAgree:falsebutton :disabled="!is

原创 vue笔记01

v-if   选择v-else 剩下选择无条件v-else-if 除if外选择登录切换变化效果v-if 添加类名内容v-else内容button用@click切换 取反判断script判断data里类名是否为ture关于切换效果的bug切换按钮text内容不变原因是vue会提前渲染虚拟dominput label标签没有变所以会原套原渲染label修改了内容 input没修过改变方式添加不同的key值v-if v-show前者为fasle直接不渲染dom

原创 JS的对象、方法、函数、属性、类的区分

JS是一种面向对象的编程，里面所有的都可以看做是对象，JS 中的面向对象，是基于原型的面向对象。JS 中的对象（Object）是依靠构造器（constructor）和原型（prototype）构造出来的。对象就是属性和方法的一个集合，我们可以为一个对象添加不同的属性和方法，属性一般以键值对的形式存在，属性名和属性值。方法则是一些例如提交，点击这种可以触发的事件我们称之为方法也可以自行定义。函数也是一种对象，如果用type of检验会返回function实际上函数就是func的实例，我们可以认为函数就是一种

原创 面向面试题的前端学习-js篇（自用，持续完善中）

前言：初心是记录面试题，慢慢由每个知识点引伸出去，逐渐查缺补漏，构建出更完善的前端知识系统。题目来源：牛客网 gitnub目录HTTP协议get和postget请求传参长度的误区补充get和post请求在缓存方面的区别get和post的区别作用域和闭包闭包是什么闭包的作用说一下类的创建和继承如何实现一个私有变量，用getName方法可以访问，不能直接访问异步回调如何解决异步回调地狱简单的实现一个promise将原生的ajax封装成promise事件说一下什么是virtual dom说说前端中的事

原创 去除字符串首尾空格

trim()trim()：去除字符串前后的空白。代码举例：//去除字符串前后的空格，trim();let str = ' a b c ';console.log(str);console.log(str.length);console.log(str.trim());console.log(str.trim().length);打印结果：...

原创 数组去重的方法

splice()：数组去重代码实现：//创建一个数组var arr = [1, 2, 3, 2, 2, 1, 3, 4, 2, 5];//去除数组中重复的数字//获取数组中的每一个元素for (var i = 0; i < arr.length; i++) { //console.log(arr[i]); /*获取当前元素后的所有元素*/ for (var j = i + 1; j < arr.length; j++) { //console

原创 js判断类型

type of()instance ofObject.prototype.toString.call()

原创 ==和===以及Object.js的区别

符号的强调注意==这个符号，它是判断是否等于，而不是赋值。（1）==这个符号，还可以验证字符串是否相同。例如：console.log('我爱你中国' == '我爱你中国'); // 输出结果为true（2）==这个符号并不严谨，会做隐式转换，将不同的数据类型，转为相同类型进行比较（大部分情况下，都是转换为数字）。例如：console.log('6' == 6); // 打印结果：true。这里的字符串"6"会先转换为数字6，然后再进行比较console.log(true == '1'); //

原创 11.js的new操作符做了哪些事情？

new 一个构造函数的执行流程new 在执行时，会做下面这四件事：（1）开辟内存空间，在内存中创建一个新的空对象。（2）让 this 指向这个新的对象。（3）执行构造函数里面的代码，给这个新对象添加属性和方法。（4）返回这个新对象（所以构造函数里面不需要 return）。因为 this 指的是 new 一个 Object 之后的对象实例。于是，下面这段代码：// 创建一个函数function createStudent(name) { var student = new Object

原创 说一下闭包

闭包（closure）：指有权访问另一个函数作用域中变量的函数。上面这个概念，出自《JavaScript 高级程序设计（第 3 版）》这本书。上面的概念中指出，闭包是一种函数；当然，你可以把闭包理解成是一种现象。具体解释如下。简单理解就是：如果这个作用域可以访问另外一个函数内部的局部变量，那就产生了闭包（此时，你可以把闭包理解成是一种现象）；而另外那个作用域所在的函数称之为闭包函数。注意，这里强调的是访问局部变量哦。闭包代码举例代码举例：function fn1() { let a = 1

原创 改变函数内部this指针指向函数（bind,call,apply的区别）？

call() 方法的作用call() 方法的作用：可以调用一个函数，与此同时，它还可以改变这个函数内部的 this 指向。call() 方法的另一个应用：可以实现继承。之所以能实现继承，其实是利用了上面的作用。语法：fn1.call(想要将this指向哪里, 函数实参1, 函数实参2);备注：第一个参数中，如果不需要改变 this 指向，则传 null。apply() 方法的作用apply() 方法的作用：可以调用一个函数，与此同时，它还可以改变这个函数内部的 this 指向。这一点，和 c

原创 this的指向有哪几种?

函数内 this 的指向【非常重要】函数的调用有六种形式。根据函数的调用方式的不同，this 会指向不同的对象：1.以函数的形式（包括普通函数、定时器函数、立即执行函数）调用时，this 的指向永远都是 window。比如fun();相当于window.fun();2.以方法的形式调用时，this 指向调用方法的那个对象3.以构造函数的形式调用时，this 指向实例对象4.以事件绑定函数的形式调用时，this 指向绑定事件的对象5.使用 call 和 apply 调用时，this 指向指定的那

原创 arguments?

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScrip中，arguments 实际上是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象（只有函数才有 arguments 对象），arguments 对象中存储了传递的所有实参.arguments的展示形式是一个伪数组。伪数组具有以下特点：可以进行遍历；具有数组的 length 属性。按索引方式存储数据。不具有数组的 push()、pop() 等方法。代码举例：利用 arguments 求

原创 let const var的区别，什么是块级作用域，如何用ES5的方法来实现块级作用域（立即执行函数），ES6呢？

在 ES6 语法之前，统一使用var关键字来声明一个变量。在 ES6 语法及之后的版本里，可以使用 const、let关键字来定义一个变量。如果你想定义一个常量，就用 const；如果你想定义一个变量，就用 let。使用 var 关键字声明的变量（ 比如 var a = 1），会在所有的代码执行之前被（但是不会赋值），但是如果声明变量时不是用 var 关键字（比如直接写a = 1），则变量不会被声明提前。JavaScript 没有块级作用域（ES6 之前）在其他编程语言中（如 Java、C#等），存在

原创 网络安全-常见的web攻击手段

1、XSSCross Site Scripting跨站脚本攻击XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS。跨站脚本攻击是指通过存在安全漏洞的Web⽹站注册⽤户的浏览器内运⾏⾮法的HTML标签或JavaScript进⾏的⼀种攻击。跨站脚本攻击有可能造成以下影响:利⽤虚假输⼊表单骗取⽤户个⼈信息。利⽤脚本窃取⽤户的Cookie值，被害者在不知情的情况下，帮助攻击者发送恶意请求。显示伪造的⽂章或图⽚。XSS攻击分类反射

原创 对于HTML学习的一些阶段总结

WEB标准的三层结构分别是结构（html）、表现（css）和行为（javascript）介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？五大主流浏览器内核的源起以及国内各大浏览器内核总结浏览器内核包括两部分，渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。IE：Tridentfirefox：Geckochrom、safari：webkitOpera：

原创 VUE脚手架-Element-UI

Vue 脚手架的基本用法 npm install -g @vue/cli基于3.x版本的脚手架创建vue项目利用交互式命令行来创造项目完成vue ui3. 基于 2.x 的旧模板，创建 旧版 vue 项目 npm install -g @vue/cli-init vue init webpack my-project完成Vue 脚手架Vue 脚手架生成的项目结构分析Vue 脚手架的自定义配置"vue": { "devServer": {

原创 前端工程化webpack

模块化概述大一统的模块化规范 – ES6模块化Node.js 中通过 babel 体验 ES6 模块化打开CTRL+`打开终端npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/nodenpm install --save @babel/polyfill创建项目跟目录创建文件 babel.config.jsconst presets = [ [ '@babel/env',

原创 VUE模板语法+vue常用特性+vue组件化开发+vue前端交互+vue前端路由

VUE的基本使用<body> <div id="app"> <div>{{msg}}</div> <div>{{1 + 2}}</div> <div>{{msg + '----' + 123}}</div> </div> <script type="text/javascript" src="js/vue.js"&gt.

原创 关于一不小心把浏览器控制台信息隐藏后如何恢复的问题

将筛选器清空即可

原创 GIT和GITHUB

什么是GIT打开git查看版本完成Git 的使用Git 使用前配置对于提交人姓名和联系方式的配置配置提交人姓名：git config --global user.name 提交人姓名配置提交人姓名：git config --global user.email 提交人邮箱查看git配置信息：git config --list也可以再文档中进行配置完成提交步骤git init 初始化git仓库git status 查看文件状态git add 文件列表 追踪文件git

原创 AJAX学习笔记

AJAX的优势AJAX的运行原理和步骤一般情况下不会返回一个文本，而是JSON对象作为响应，但是服务器端一般是字符串所以要转换为对象转换加字符拼接传递get请求参数，参数要自己拼接post 请求如何传递请求参数引入body-parser和app.use 模块还可以用JSON格式来传递(请求参数格式get不能传JSON 然后传统网站表单也不可以用06-获取服务器端响应数据的另一种方式AJAX状态码// 当ajax状态码发生变化的时候出发xh

原创 关于express框架

express的send方法比原生Node.js end优越之处中间件next

原创 学生项目。分块

原创 node.js模板引擎

拼接字符串的作用两种语法 原始语法和标准语法条件判断循环子模板模板继承主要是extend 和block 的使用模板配置

原创 const dateFormat = require(‘dateformat‘)； ^ Error [ERR_REQUIRE_ESM]: require() o

解决方法：经查询发现JS中的format方法已经去掉了，改用moment来写moment中文文档{{ moment().format('YYYY-MM-DD')}}是07.html模板问题解决

原创 mongodb小练习

创建服务器为服务器对象添加请求事件监听端口创建数据库，连接数据库创建服务器创建集合和吉和规则添加路由导入写好的页面

原创 Mangodb+Express

数据库的概念增删改查创建集合 mongoose.Schema创建集合规则创建文档删除findOneAndDelete()deleteMany()查找find()findOne()$gt() $lt() $in()select() sort()skip() limit()6. 修改更新updateOne()updateMany()集合关联populate()...

原创 Node.js+Gulp

关于Node模块化开发导出导入两种导出方式的区别// 当exports对象和moudle.exports对象指向的不是同一个对象时 以module.exports为准系统模块fs系统模块（fs.reaFile fs.writeFile）path拼接相对路径和绝对路径第三方模块nodemonnrmGulp(方法 插件)package.json(作用)Node.js模块的加载机制有路径无后缀无路径无后缀服务端的基础概念.

原创 EXCEL与python的一些应用

1. xlrd的用法2. xlwt的用法3. xlutils的用法1.xlrd读取excel中的数值import xlrdxlsx = xlrd.open_workbook('D:/7月下旬入库表.xlsx')table = xlsx.sheet_by_index(0)# 通过sheet名查找：xlsx.sheet_by_name("7月下旬入库表")# 通过索引查找：xlsx.sheet_by_index(3)print(table.cell_value(0, 0))tabl.