- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue跨域配置
首先创建一个vue文件 然后在项目的根路径下创建一个vue.config.js文件（一般都在package.json下面）然后 复制 粘贴 即可实现跨域 module.exports = { //解决打包时白屏问题 publicPath : "./", //配置vue-cli服务器 devServer : { //端口号 port : 8888, //是否自动打开 open : true, //主机名 host : "localhost", //关闭ht..
2021-06-27 20:13:44
709
原创 px和em和rem的区别
1、px实际上就是像素，与物理像素有一定的区别，用px设置字体大小，比较精确，但是有缺点，当浏览器页面缩放时，px并不能跟随变大。当前网页的布局就会被打破。2、em是根据基准来缩放字体的大小。em是相对单位，一般都是以<body>的字体大小作基准的。em是相对于父元素的属性来计算的，这样就会存在一个问题，就是每一层父元素都必须有它的数值。3、而rem不同，rem是相对于根元素html,而此时我们只需要以rem为基准就可以了...
2021-06-16 15:32:41
159
原创 H5的新特性
①语义化标签<article> 定义文章<aside> 定义文章的侧边栏<figure> 一组媒体对象以及文字<figcaption> 定义 figure 的标题<footer>定义页脚<header>定义页眉<hgroup>定义对网页标题的组合<nav>定义导航<section> 定义文档中的区段<time>...
2021-06-16 15:31:19
49
原创 首屏加载优化
①把不常改变的库放到index.html中，通过cdn引入然后找到 build/webpack.base.conf.js 文件，在 module.exports = { } 中添加以下代码：externals: {'vue': 'Vue','vue-router': 'VueRouter','element-ui': 'ELEMENT',},复制代码.②vue路由懒加载（利用Webpack的代码切割）③不生成map文件，找到config/index.js文件，...
2021-06-16 15:24:39
118
原创 vue解决跨域问题
在vue根目录下创建一个vue.config.js写入如下代码以百度为例module.exports = { devServer: { proxy: '代理服务器地址' }}// 或者module.exports = { devServer: { proxy: { '/api': { target: '代理服务器地址', ws: true // webscoket changeOrigin: true } } }}代理服务.
2021-06-03 20:08:58
49
原创 vue数据双向绑定的原理
mvvm 双向绑定，采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的 setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调。几个要点：1、实现一个数据监听器 Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者2、实现一个指令解析器 Compile，对每个元素节点的指令进行扫描和解析，根据指令模板替换数据，以及绑定相应的更新函数3、实现一个 Watcher，作为连接 Obse...
2021-06-03 20:04:28
37
原创 Vue的生命周期
Vue的生命周期(11个钩子函数)⑴beforeCreate(创建前)：在此生命周期函数执行的时候，data和methods中的数据都还没有初始化。⑵created(创建后)：在此生命周期函数中，data和methods都已经被初始化好了，如果要调用 methods中的方法，或者操作data中的数据，最早只能在created中操作。⑶beforeMount(载入前)：在此生命周期函数执行的时候，模板已经在内存中编译好了，但是尚未挂载到页面中去，此时页面还是旧的。⑷mounted(载入后)：此
2021-06-03 20:01:06
55
原创 git选择推送
git可以选择推送，有些东西过大或者无需推送，怎么办呢，这里以node_modules为例先在 仓库的 根目录下 创建一个.gitignore文件然后 打开之后文件里面写node_modules的地址 比如/node_modules这样的话 就可以直接上传git 了 而且 你会发现上传的时候没有了node_modules这就是git选择推送 简单方便...
2021-06-03 19:29:05
331
1
原创 git使用
Gitee是开源中国（OSChina）推出的基于Git的代码托管服务,简单来说gitee就是一个库，线上仓库，可以上传代代码下拉代码等等，非常强大一.本地仓库的代码推送到远程仓库①（将远程仓库克隆到本地，然后进行操作，最后进行推送）在码云（gitee）上面创建一个仓库 将码云上面创建的仓库克隆到本地 在克隆到本地的仓库里面创建项目（文件），并进行代码编写 git clone 远程仓库地址 讲修改的文件添加到暂存区 git add . 将暂存区的文件添加到本地 git commit -m "描
2021-06-03 19:24:51
62
1
原创 常用的数组方法
1、push()向数组的末尾添加新内容 返回值：新增后数组的长度2、pop()删除数组的最后一项 返回值：被删除的项3、shift()删除数组的第一项 返回值：被删除的项4、unshift()向数组首位添加新内容 返回值：新数组的长度5、slice()按照条件查找出其中的部分内容 返回值：返回一个新数组6、splice()对数组进行增删改 返回删除的新数组，原有数组改变7.reverse()数组翻转8.sort()数组排序9.j...
2021-06-03 19:16:56
67
1
转载 vuex的基本使用
1、什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化（官网解释）； 通过创建一个集中的数据存储，供程序中所有组件访问；2、vuex的主要组成部分State：所有数据存储的位置。 Getter：不改变原数据，对数据进行加工处理，然后使用（例：过滤多余数据） Mutation：修改State里面数据的唯一方式 Action：异步的Mutation,
2021-06-03 19:09:16
180
1
原创 axios封装和多环境变量配置
对axios封装(url统一管理、axios请求拦截、响应拦截、函数封装)首先要安装axios，一般我会在项目的src目录中，新建一个network文件夹,作为我们的网络请求模块，然后在里面新建一个http.js和一个api.js文件和一个reques.js。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口url,在request.js中添加请求拦截和响应拦截。在请求拦截中，会给请求头添加token字段，还有loading动画的开启。在响应拦截中，可以做一些loadi
2021-05-05 18:57:14
543
原创 Ajax
AjaxAjax是一个异步的js和xmlAjax是一种异步请求方式，实现了页面的局部刷新Ajax的核心是 Javascript的对象 xmlhttprequest 它是一种支持异步请求的技术简单来说 xmlhttprequset使您可以使用javascript向服务器请求并处理响应，而不阻塞用户通过xmlhttprequest对象 web开发人员可以在页面加载后进行局部更新Ajax常用的方法和属性open 该方法创建了HTTP请求 第一个参数是提交方式（get post）第二个参...
2021-05-05 18:41:36
59
原创 js加减乘除精确运算方法
js加减乘除精确运算方法因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法首先是加法 （这里以两个数据相加为例）function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置...
2021-04-28 15:33:14
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人