apeman1024-CSDN博客

原创 vue-router的history模式

vue-router的history模式开启history模式const router=new VueRouter({ //通过指定mode选项为history，开启history模式 mode:"history", routes:[...]})history和hash的区别路径：history路径没有#号，hash有#号，history每次改变路径都相当于重新请求文件资源，hash并没有在路径改变时重新发起请求，而是通过hash参数获取相应的文件资源history是

2020-09-21 23:59:12 1651

原创浮动、清除浮动、BFC模式

浮动、清除浮动、BFC模式浮动将一个元素的float属性设置为除none的其他属性值时，元素会脱离文档流，从而漂浮起来的形式，叫做浮动没有浮动前的布局和代码<div class="box"> <div class="left"></div> <div class="right"></div></div><st

2021-10-28 00:04:49 164

原创 vue数据传递方式

父子组件数据传递在子组件中的props选项，定义属性propComponent，用于父向子传递数据子向父传递数据，通过事件传递的方式实现，在子组件中通过this.$emit(‘eventEmit’,'1')触发相应的事件，在父组件中监听eventEmit事件，并在参数中获取子向父传递过来的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

2021-10-18 00:17:47 375

原创跨域问题

跨域问题为什么会有跨域问题跨域问题是由javascript的同源策略引起的,也就是在访问一个资源时只允许访问具有相同域名、端口、协议的资源解决跨域问题通过设置响应头的方式解决跨域问题node.js处理方式//跨域处理function crossHandle(res){ const head = { //允许请求携带cookies "Access-Control-Allow-Credentials": true, //允许发送相

2020-11-21 22:36:49 103

原创学习gulp，看这篇就够了

gulp作用用来处理程序中的静态资源的，也就是对项目中的静态资源进行打包处理原理基于任务的工具，gulp的操作都要进行任务注册，然后基于这个任务对操作进行处理，这就是gulp的任务化特点gulp中的任务都必须写gulpfile.js文件中gulp的每一个任务都是一个异步的js函数，在函数中可以有一个回调函数callback或者返回promise,stream,event emitter工作流程：src()读取文件创建文件输出流->pipe传送给插件进行处理->...->

2020-10-24 23:01:17 276

原创 HTML5学习

HTML5学习拖动特效常使用的apidraggable='true':允许元素被拖动ondragstart:监听元素发生拖动事件ondragover:监听元素拖动进入事件ondrop:元素拖入事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

2020-10-24 22:51:40 68

原创 webpack

webpack前端项目的构建工具，基于Node.js开发出来的一个前端工具npm install -g 和npm install --save-dev的关系：网站npm的基本使用方法:网站webpack能做什么能处理js文件中的互相依赖的关系能处理js中的兼容问题，把一些js中浏览器不能识别的高级语法转化为浏览器能运行的低级语法使用：webpack 要打包的文件路径打包好的输出文件的路径例如[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上

2020-09-30 10:47:52 102

原创 SQL中常使用的知识点总结

SQL中常使用的知识点总结普通查询语句1.select column_name1,column_name2 from table_name;或SELECT * from table_name;2.当属性列存在多个相同值时，希望查询结果只返回其中的一个select distinct column_name from table_name;3.where 子句用于提取那些满足指定条件的记录select column_name1,column_name2 from table_name whe

2020-09-25 09:49:11 156

原创 axios

axios参数的传递get和delete请求参数通过传统的url 以 ? 的形式传递参数let obj = { id: "10", name: "xiaohong" }let s = "http://127.0.0.1:8080/user"let s1 = ""for (let key in obj) { s1 += `${key}=${obj[key]}&`}s += "?" + s1.substring(0, s1.length - 1)axios.get(s).

2020-09-25 09:35:49 81

原创 js快速获取一个月的总天数

js快速获取一个月的总天数在js中通过设置日期对象的月份参数为0,能够返回当前月份总共天数在计算2月总天数时，不需要判断当前年份是润年还是平年，就能准确的获取2月份的总天数<script> let date = new Date(2020, 2, 0) console.log(date.getDate())</script>...

2020-09-22 15:16:02 1514

原创 web worker

web workerjs的事件循环同步任务和异步任务同步任务：被主线程调用的任务，同步任务存储在一个执行栈中，不断的被主线程调用异步任务：异步任务存储在任务队列，等待主线程调用，当执行栈中的任务执行完，主线程就会自动调用任务队列中的任务，然后把这些任务放到执行栈开始执行异步任务：异步事件和定时器事件定时器事件：每当开始一个定时器，就相当于在当前的任务队列的尾部添加一个任务web worker的作用js默认是单线程模型，通过webWorker可以允许主线程创建多个子线程，然后把一些任务分

2020-09-22 01:39:06 204

原创 vue的refs和ref

vue的refs和ref获取dom元素通过refs获取dom元素一般在mounted生命周期函数执行时获取在mounted函数执行之前是无法获取到dom元素的，因为此时dom还没有挂载到页面中当ref绑定在v-for里面时，此时通过refs获取到的是一个数组#普通绑定<div id="app"> <p ref="p1">普通绑定</p></div><script>new Vue({ el:"#app",

2020-09-21 14:58:48 251

原创 mongodb

mongodb安装1安装依赖sudo apt-get install libcurl3 openssl下载安装包wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-ubuntu1604-4.2.8.tgztar -zxvf mongodb-linux-x86_64-ubuntu1604-4.2.8.tgzmv mongodb-src-r4.2.8 /usr/local/mongodb4配置环境变量vim ~/

2020-09-17 21:21:28 106

原创 ubuntu使用nginx

ubuntu使用nginx安装#更新下载源sudo apt update#安装sudo apt install nginxnginx的使用启动:service nginx start关闭:service nginx stop重启:service nginx reloadnginx中每个文件的位置/usr/sbin/nginx:主程序/etc/nginx:存放配置文件etc/nginx/nginx.conf:nginx主要配置文件，nginx启动会读取的配置文件/us

2020-09-15 16:24:08 539

zhizhenjin的博客