apeman1024-优快云博客

原创 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 1705

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

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

2021-10-28 00:04:49 192

原创 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 409

原创跨域问题

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

2020-11-21 22:36:49 124

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

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

2020-10-24 23:01:17 329

原创 HTML5学习

HTML5学习拖动特效常使用的api draggable='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 92

原创 webpack

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

2020-09-30 10:47:52 153

原创 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 185

原创 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 103

原创 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 1554

原创 web worker

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

2020-09-22 01:39:06 237

原创 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 279

原创 mongodb

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

2020-09-17 21:21:28 124

原创 ubuntu使用nginx

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

2020-09-15 16:24:08 577

zhizhenjin的博客