自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 禁止浏览器记住密码和自动填充 element-ui+vue

【代码】vue 仿element-ui 自定义密码输入框,防止浏览器 记住密码和自动填充。

2023-12-26 11:56:42 1885

原创 HTML 调用后置摄像头

HTML 调用后置摄像头<html><script type="text/javascript"> var CameraInit = (function (window, document, undefined) { function MyCamera(videoDom, canvasDom) { this.mediaOpts = { audio: false,

2020-12-09 13:51:21 944

原创 vue文件代码缩进以及格式化代码 [自定义]

文件->首选项->设置->文本编辑器->找到setting.json 替换以下内容.{ "files.autoSave": "afterDelay", "files.autoSaveDelay": 3000, "files.associations": { "vue-html": "html", "vue": "h...

2020-04-15 18:01:40 2439 2

原创 解决参数是数组axios请求类型为from时格式问题。

axios默认是application/json格式的,如果不适用 qs.stringify 这种形式, 即使添加了请求头 最后的content-type的形式还是 json 的。把Content-Type 设置成application/x-www-form-urlencoded;拦截所有的axios请求,qs的数据转化只能帮json 格式的序列化 无法将数组序列化 就会出现参数携带[]的情况...

2020-04-15 09:46:15 576

原创 axios的一些简单配置

main.jsimport Vue from "vue";import axios from "axios";// 添加请求拦截器,在请求头中加tokenaxios.interceptors.request.use( config => { if (sessionStorage.getItem("Authorization")) { config.header...

2020-02-19 17:09:08 130

原创 mysql基本使用

mysql数据库创建表- 数据类型 + 整数类型 int + 浮点类型 double + 日期类型 date/timestamp + 字符串类型 char varchar * 可变varchar 不可变是char * 空间换时间- 首先足够用,其次尽量小 create table 表名( id int,...

2019-05-07 09:16:12 115

原创 闭包深入浅出

闭包变量作用域变量作用域的概念:就是一个变量可以使用的范围JS中首先有一个最外层的作用域:称之为全局作用域JS中还可以通过函数创建出一个独立的作用域,其中函数可以嵌套,所以作用域也可以嵌套var age=18; //age是在全局作用域中声明的变量:全局变量function f1(){ console.log(name); //可以访问到name变量 ...

2019-05-06 16:49:12 144

原创 JS中继承的概念

继承JS中继承的概念:通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承 并不是所谓的xxx extends yyy为什么要使用继承?有些对象会有方法(动作、行为),而这些方法都是函数,如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function()...

2019-05-06 16:47:39 1503

原创 构造函数的执行过程

构造函数的执行过程var p1=new Person();1、创建一个对象 (我们把这个对象称之为Person构造函数的实例)- _p12、创建一个内部对象,this,将this指向该实例(_p1)3、执行函数内部的代码,其中,操作this的部分就是操作了该实例(_p1)4、返回值:a、如果函数没有返回值(没有return语句),那么就会返回构造函数的实例(p1)b、如果函数返回...

2019-05-06 16:46:32 2014

原创 express中的路由

路由是指确定应用程序如何去响应对特定的客户端请求,该请求是URL(或路径)和特定HTTP请求方法(GET,POST等)。每个路由都可以有一个或多个处理函数,这些函数在路由匹配时执行。路径采用以下结构:app.METHOD(PATH, HANDLER)app是一个实例express;METHOD 是一个HTTP请求方法PATH是服务器上的路径HANDLER 是路由匹配时所执行的功能...

2019-05-06 16:42:34 134

原创 window.open打开新窗口返回原窗口

一、Vue入门基础知识1、Vue使用的基本操作i. 先下载,引入vue.jsii. Vue,实例化一个vue实例化对象(new Vue({}))    1. 新建一个vue实例化对象(Vue是一个构造函数)    2. 执行vue构造函数中每一句代码    3. 将新...

2019-05-06 16:29:11 1618

原创 session和cookie

sessionsesion是服务端存储数据,session也是一个对象。对session 的操作,就是基本的对象操作。读value 添加 key:value使用方式在哪使用:接口中。1:往session 中存数据 ctx.session.属性 = js数据类型(除了函数)对客服端而言,ctx.session 是“写”的过程,写到客户端cookie中cookiecooki...

2019-05-05 19:53:12 373

原创 MongoDB基本使用

MongoDB一个数据库对应多个集合一个集合对应多个文档对象在mongo中不论是db还是集合,你都无需去创建他直接就当他已经存在,直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了1:启动服务器mongod --dbpath "D:/mongodb/db" // 目录一定要存在自己创建随便名称...

2019-05-05 19:51:33 137

原创 内置中间件及第三方中间件

内置中间件(处理静态资源)1: 创建对象 let static = express.static('./public');2: 配置到中间件中 app.use(static);第三方中间件(post请求体的获取)原生的:req.on('data',data=>{ data.toString();})const bodyParser = require('body-parse...

2019-05-05 19:49:28 468

原创 express 内置的模板引擎与art-template模板引擎

模板渲染express 内置的模板引擎内置的模板引擎你不需要去注册一个模板引擎ejs<% js 逻辑代码 %> <% if(ture){ %> // 模板 一般模板就是html 标签 <% } %> // 2模板渲染数据 <%= js渲染的数据%> <div><%=...

2019-05-05 19:47:38 292

原创 express框架使用

准备开始express 简介绍express 是自定义对象,使用原生nodejs 写的框架启程helloworld初始化npm init -y安装npm i express -S1:引入express第三方对象1/。2:构建一个服务器对象3:开启服务器监听端口4:处理响应在express中,保留了原生http的相关属性和函数app.use(虚拟目录,fn)小练习...

2019-05-05 19:46:13 183

原创 如何快速开启NodeJS服务

第一个NodeJS服务器1 NodeJS的安装2 运行node3浏览器访问 http://127.0.0.1:8888/第一个NodeJS服务器NodeJS创建第一个应用参考来源:http://www.runoob.com/nodejs/nodejs-http-server.html1 NodeJS的安装64 位安装包下载地址 : https://nodejs.org/dist/v...

2019-05-05 19:41:21 4699 2

原创 学node需要知道常用的npm命令

npm包管理工具(文件夹)多个文件,有效的被组织与管理的一个单位留一个入口包就是一个:文件夹npm|| yarn自己先有一个包描述文件(package.json)创建一个包描述文件 npm init [-y]会根据当前的文件夹来自动生成包名(不允许中文,不允许大写英文字母)默认生成npm init [-y]下载一个包 npm install art-template ...

2019-05-01 19:13:10 139

原创 Node基础

为什么学习Node?IO优势IO I—inputu 读取文件 o — outinput 写入文件对于文件读写,Node采用的是非阻塞IO传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能应用场景实际应用: webpack/gulp/npm/http-server/json-server服务器...

2019-05-01 19:10:55 173

原创 v-if和v-show

v-if和v-show的区别v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,...

2019-04-27 09:02:35 98

原创 jQuery知识点总结

1. jQuery 库中的 $() 是什么?$()函数是JQuery函数的别称,就是一种标志,符合其思想:write less,do more。第一次接触可能有些不适应,是jQuery代码佶屈聱牙,晦涩难懂。我们需要适应一段时间,过一段时间,就会爱上其简洁,方便,飞起来。**$()函数用于将任何对象包裹成jQuery对象,接着就可以被允许调用定义在jQuery对象上的多个不同方法。甚至可以将一...

2019-04-27 08:59:14 145

原创 jquery判断是否为对象或者数组

JavaScript判断变量是否为数组的方法(Array)(1)typeof不能判断变量是否为数组(Array)var ary = [1,23,4];console.log(typeof ary); //输出结果是Object12(2)instanceof 判断var ary = [1,23,4];console.log(ary instanceof Array)//true;...

2019-04-26 20:18:56 1632

原创 jQuery重定向如何跳转到另一个网页

如何在jQuery中跳转到另外一个网页HTML。其实下面我列举的几种方法。我们可以利用http的重定向来跳转window.location.replace("https://blog.csdn.net/qq_43294510);使用href来跳转window.location.href = "https://blog.csdn.net/qq_43294510";使用jQuery的属性...

2019-04-26 20:15:17 1979

原创 js中的DOM对象 和 jQuery对象

js中的DOM对象 和 jQuery对象二者的区别通过 jQuery 获取的元素是一个数组,数组中包含着原生JS中的DOM对象。举例:针对下面这样一个div结构:<div></div> <div id=”app”></div> <div class=”box”></div> <div class=”box”&g...

2019-04-26 19:35:01 162 1

原创 jQuery 修改css 样式

jQuery 修改css 样式逐个设置$("p").css("color","red"); //将所有段落字体设为红色。链式设置(建议最多三个)$("p").css("color","red").css("font-size","18px"); //将所有段落字体设为红色,字体大小为18px。批量设置(传入“对象”)$("p").css({ "color"...

2019-04-11 14:37:56 458

原创 三元运算符用法

三元运算符用法三元运算符其实是很方便很好用的一种条件判断方法,这个方法可以使调用或渲染数据时逐级筛选。不仅如此,如果适当的扩展三元运算符的逻辑,这个判断方法还会很好玩,也可以在某种情景下提高代码效率。三元运算符的最基本的语法:条件表达式?True:False这是三元运算符最基本的语法结果,首先?前是一个条件表达式,?后面的即是逐级执行的条件,如果条件为真值时,?后面的一个事件将被触发,否...

2019-04-10 09:20:45 20018

原创 mock.js 使用方法

mock.js 使用方法在使用mock.js之前,我们得了解mock是干什么的。mock.js 作用:可以帮助前端独立于后端完成开发前端如何使用mock.js呢1: 首先要根据业务需求,以及服务端真实接口返回的数据结构mock,js 去创建虚拟的数据2:通过拦截AJAX 帮前端是完成项目的交互3: 最后;等真实接口出来后;用真实数据替换Mock数据。完成项目测试// 使用 Moc...

2019-03-30 09:54:32 519

原创 js中的事件委托

什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。HTML代码<div class="box"><ul id="list"><li>我是标签000...

2019-03-19 22:39:49 170

原创 jQuery链式编程的实现原理

链式编程的实现原理jQuery可以让我们开发者一直使用点语法调用自身方法的原理,主要原因是jQuery内部利用了js的对象来实现。在jQuery中,如果一直对同一个元素或元素的其他关系元素(兄弟元素,父子元素)进行操作,那么可以使用 .语法(点语法),一直写下去。$(&quot;#box&quot;).css(&quot;background&quot;, &quot;pink&quot;).css(&quot;font-size&quo

2019-03-14 22:40:43 5345

转载 cookie localStorage sessionStorage之间的区别

基本概念cookiecookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。当访问者首次访问页面时,他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时,他们会收到类似 “Welcome Jacob!” 的欢迎词。而名字则是从 coo...

2019-03-13 23:05:10 70

原创 js验证身份证正则表达式

身份证正则表达式6位地区号:条件为首位非0,后五位数字——对应正则:[1-9][0-9]{5}4位年:条件为19或20开头,后两位数字——对应正则:(19|20)[0-9]{2}4位月日:月份为31天——对应正则:(01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|31)月份为30天——对应正则:(04|06|09|11)(0[1-9]|[1-2][0-9]...

2019-03-12 23:08:39 23245 1

原创 封装一个方法的过程思路

我要封装一个方法:第一:明确该方法的作用是什么?第二:确定该方法的形参,每个形参的规则,每个形参代表什么,?第三: 对形参进行操作。目的是为了实现该方法的作用,需要的知识点:数据类型循环;判断语句 需要掌握语句的作用。遍历形参数据;然后考虑各种情况;对不同情况输出不同结果1:找规律;2:找条件;3:找出口;最后完整这个方法下面便自己尝试着封装一个css样式的方法function s...

2019-03-07 20:25:22 1634

原创 js实现简单的tab切换

页面分析:三个按钮:三个内容;点击不同的按钮显示不同的内容。初始状态:3个按钮始终显示;3个内容只是显示一个;其它默认隐藏装填;css样式代码 * { margin: 0; padding: 0; box-sizing: border-box; } .content { ...

2019-03-07 20:14:41 253

原创 js中的作用域

作用域:全局作用域;局部作用域局部作用域:在函数体中声明的变量;只能在该函数体中访问全局作用域: 除了函数体中声明的变量;或者在函数图中没有var 的变量。作用:在任何地方都可以访问该变量//var 的变量便是全局变量// var d = 'ssss'function sum(b){var c = 2;console.log(c)console.log(b,'sssss')d ...

2019-03-05 19:46:16 94

原创 简介闭包

什么是闭包?形式上;多成函数嵌套,实质上:在外部函数体中;执行内嵌的函数。在他爸爸的范围下执行儿子的方法注意;不是说在函数中执行函数就是闭包了,例如;在函数中执行自己的行数是递归;在函数中执行自身以外的函数通过参数形式传进来;就是回调函数要理解闭包,首先必须理解js特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。就在于函数内部可以直接读取全局变量。函数的内部,再定义一个函数...

2019-03-04 22:23:40 73

原创 阻止事件冒泡的方法

阻止事件冒泡的方法首先看看事件冒泡是什么?事件冒泡代码结构上嵌套,在直系关系中;同一个事件绑定多个元素(子元素,父元素…都绑定该事件),从子元素到父元素依次触发事件。代码很简单,就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。css样式代码&lt;style&gt;.wrap {width: 400px;height: 400px;background: red;}...

2019-03-02 09:52:10 645

空空如也

空空如也

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

TA关注的人

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