- 博客(15)
- 收藏
- 关注
RSS订阅原创 适配那些事
pc端适配<script> // 完成rem适配（动态根据页面宽度设置rem的基准值-->html标签font-size）(function () { // 1. 页面初始化 获取当前页面的宽度 约定页面宽度除以80 计算rem的基准值 设置html标签 var setFont = function () { var html = document.querySelector('html') // document.documentElement
2021-12-15 15:05:57
129
原创 输出今天的日期，以 YYYY-MM-DD 的方式，比如今天是 2014 年 9 月 26 日，则输出 2014-09-26
var d = new Date(); // 获取年，getFullYear()返回 4 位的数字var year = d.getFullYear(); // 获取月，月份比较特殊，0 是 1 月，11 是 12 月var month = d.getMonth() + 1;// 变成两位month = month < 10 ? '0' + month : month; // 获取日var day = d.getDate(); day = day < 10 ..
2021-09-15 19:33:17
311
原创 请求拦截器和响应拦截器
请求拦截器：请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。关于拦截，这里只说原理，前端的请求，最终还是离不开 ajax，像vue 的 vue-resource 、axios，都只是对ajax进行了统一的封装，它暴露出来的拦截器，其实就是写了一个方法，把ajax写在这个方法里面，（我们先说请求拦截器哈）在执行这个方法的时候，先将请求时要添加给请求头的那些数据（token、后端要的加密码…具体要看实际情况）先执行一遍，都赋值给一个变..
2021-09-12 17:51:46
472
原创 Vue路由跳转
1、<router-link to="需要跳转到页面的路径"> 2、this.$router.push()跳转到指定的 url，并在 history 中添加记录，点击回退返回到上一个页 面 3、this.$router.replace()跳转到指定的 url，但是 history 中不会添加记录，点击回退到上上个 页面4、this.$touter.go(n)向前或者后跳转 n 个页面，n 可以是正数也可以是负数 ...
2021-08-25 17:46:32
91
原创 Vue 怎么实现跨域？
1、什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端 口，域名。只要这个 3 个中有一个不同就是跨域2、使用 vue-cli 脚手架搭建项目时 proxyTable 解决跨域问题打开 config/index.js,在 proxyTable 中添写如下代码： proxyTable: {'/api':{ //使用"/api"来代替"http://f.apiplus.c"target:'http://f.apiplus.cn..
2021-08-24 18:51:18
259
原创 Vue-router 怎么配置路由?
在 vue 中配置路由分为 5 个步骤，分别是：1、安装npm install --save vue-router 2、引用import VueRouter from 'vue-router' 3、配置路由文件 var router = new VueRouter({routes:[{path:"/hello",component:HelloWorld},{path:"/wen",component:HelloWennew Vue({el: .
2021-08-22 21:40:26
141
原创 Vue 组件如何进行传值
1、父组件向子组件传递数据子组件的代码<template> <div id="container"> {{msg}} </div></template><script>export default { data() { return {}; }, props:{ msg: String }};</script><style scoped>.
2021-08-21 19:11:11
135
原创 Vue中v-show 和 v-if指令的共同点和不同点
1、相同点v-show 和 v-if 都能控制元素的显示和隐藏。2、不同点2.1）实现本质方法不同 v-show 本质就是通过设置 css 中的 display 设置为 none，控制隐藏 v-if 是动态的向 DOM 树内添加或者删除 DOM 元素 2.2）编译的区别 v-show 其实就是在控制 css v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件 监听和子组件2.3）编译的条件v..
2021-08-20 17:50:52
712
原创 Vue 生命周期
一、什么是 vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。下面是官网中的生命周期照片二、生命周期函数Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。2、c..
2021-08-19 21:26:25
94
原创 我的Git
git 的作用1、在工作目录中修改某些文件2、对修改后的文件进行快照，然后保存到暂存区域3、提交更新，将保存在暂存区域的文件快照永久转储到 Git 目录中Git指令git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git...
2021-08-18 20:55:58
91
原创 介绍 this 各种情况
this 的情况：1、以函数形式调用时，this 永远都是 window2、以方法的形式调用时，this 是调用方法的对象3、以构造函数的形式调用时，this 是新创建的那个对象4、使用 call 和 apply 调用时，this 是指定的那个对象5、箭头函数：箭头函数的 this 看外层是否有函数 如果有，外层函数的 this 就是内部箭头函数的 this 如果没有，就是 window ...
2021-08-18 12:25:46
487
原创 JavaScript 中的作用域、预解析与变量声明提升？
作用域：就是变量的有效范围。 在一定的空间里可以对数据进行读写操作，这个空间就是数据的 作用域 1、全局作用域： 最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是 可以访问的； 2、局部作用域： 局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无 法访问的，最常见的例如函数内部。在 ES6 之前，只有函数可以划分变量的作用域，所以 在函数的外面无法访问函数内的变量 3、块级作用域：凡是代码块就可以划分变量的作用域，这种作用域的规则就叫块.
2021-08-15 10:37:47
179
原创 CSS 单位中 px、em 和 rem 的区别？
1、px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，是一 个虚拟长度单位，是计算机系统的数字化图像长度单位 2、em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字 体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大 小，因此并不是一个固定的值 3、rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素设定字 体大小时，仍然是相对大小，但相对的只是 HTML 根.
2021-08-14 21:17:10
262
原创 哪些是块级元素那些是行内元素，各有什么特点 ？
行内元素：<a>定义超链接<b>字体加粗<span>定义在文档中的行内元素<img>向网页中插入题图像<input>输入框<small>小号字体效果<br>换行<big>字体加大加粗<strong>强调的语气<select>创建单选或多选菜单<textarea>定义文本域，多行的文本输入控件块级元素：<div&g.
2021-08-12 18:15:39
463
原创 Array数组方法
splice()方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 const months = ['Jan', 'March', 'April', 'June'];months.splice(1, 0, 'Feb');// inserts at index 1console.log(months);// expected output: Array ["Jan", "Feb", "March", "April", "June...
2021-08-11 20:11:16
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人