随笔档案「2020年3月」 - 可樂_Thompson

vue 解决关于*!!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader

摘要：问题描述： *!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:fa 阅读全文

posted @ 2020-03-26 12:25 可樂_Thompson 阅读(2736) 评论(0) 推荐(1)

vue静态资源放在src/assets与static目录下的区别

摘要：assets 为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 <img src="./logo.png"> 和 background: url( 阅读全文

posted @ 2020-03-26 10:21 可樂_Thompson 阅读(3118) 评论(0) 推荐(1)

git踩坑之“Updates were rejected because the remote contains work that you do”

摘要：每次建立新的仓库，提交的时总会出现这样的错误，真是头疼，...... 直接开始正题，git 提交的步骤： 1. git init //初始化仓库 2. git add .(文件name) //添加文件到本地仓库 3. git commit -m "first commit" //添加文件描述信息 4 阅读全文

posted @ 2020-03-25 19:18 可樂_Thompson 阅读(989) 评论(0) 推荐(0)

在git的时候出现(e.g., 'git pull ...') before pushing again这个错误怎么做？

摘要：直接上图：出现这个问题是因为远程分支上存在本地分支中不存在的提交,是多人开发中遇到的问题,可以先fetch 再merge,也就是pull,把运程分支上的提交合并到本地分支之后再push. 如果说远程分支上的那些提交都不需要了,那么用命令: $ git push origin master -f / 阅读全文

posted @ 2020-03-23 15:55 可樂_Thompson 阅读(2952) 评论(0) 推荐(0)

vue导航守卫和axios拦截器的区别

摘要：在Vue项目中，有两种用户登录状态判断并处理的情况，分别为：导航守卫和axios拦截器。一、什么是导航守卫？ vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。（在路由跳转时触发）我们主要介绍的是可以验证用户登录状态的全局前置守卫，当一个导航触发时，全局前置守卫按照创建顺阅读全文

posted @ 2020-03-22 13:24 可樂_Thompson 阅读(305) 评论(0) 推荐(0)

js中的深拷贝与浅拷贝

摘要：深拷贝与浅拷贝浅拷贝：只是复制第一层属性；浅拷贝其实只是引用的拷贝，两者还是指向内存中的同一个地址。深拷贝：通过递归的方式复制所有的属性；深拷贝就是两者指向不同的内存地址，是真正意义上的拷贝。实现浅拷贝的方法通过es6的解构方式进行拷贝 let newArr = [...arr] 通过es6 阅读全文

posted @ 2020-03-22 13:20 可樂_Thompson 阅读(180) 评论(0) 推荐(0)

Visual Studio Code 格式化ESlint 的方法

摘要：既然要格式化ESlint，就不得不先介绍一下什么是ESlint。后面再介绍格式化的方法 1.ESlint ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数阅读全文

posted @ 2020-03-22 13:15 可樂_Thompson 阅读(368) 评论(0) 推荐(0)

Vue双向数据绑定

摘要：一、引入谈及Vue中的数据双向绑定，我们自然而然的想到是通过v-model指令实现的。但具体是怎么实现的呢？下面就介绍一下。二、v-model语法糖是什么？原理是什么？ v-model语法糖是vue多个基础语法（属性绑定和事件绑定）的简写。原理：给表单元素input绑定通过"v-bind:" 阅读全文

posted @ 2020-03-22 13:12 可樂_Thompson 阅读(188) 评论(0) 推荐(0)

CSS如何实现三列布局？如果两端固定、中间是自适应又该如何做？

摘要：使用浮动布局来实现左侧元素与右侧元素优先渲染，分别向左和向右浮动中间元素在文档流的最后渲染，并将 width 设为 100%，则会自动压到左右两个浮动元素的下面，随后在中间元素中再添加一个div元素并给其设置 margin 左右边距分别为左右两列的宽度，就可以将新元素调整到正确的位置。 html 阅读全文

posted @ 2020-03-21 16:21 可樂_Thompson 阅读(160) 评论(0) 推荐(0)

uni-app遇到的坑以及注意事项

摘要：最近在看了一下uniapp相关的内容，总结了一些易错点希望大家能够了解组件内引入图片要使用绝对路径。/static/... 主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用原来的created与mounted 用tap事件代替click事件阻止事件冒阅读全文

posted @ 2020-03-20 12:59 可樂_Thompson 阅读(1718) 评论(1) 推荐(1)

JS-字符串截取方法slice、substring、substr的区别

摘要：一、使用 slice() 截取 1，函数说明 slice() 方法可通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返回被提取的部分。语法如下： stringObject.slice(start, end) 参数说明： start（必需）：规定从何处开始选取。如果是负数，那么它规定从字阅读全文

posted @ 2020-03-18 21:28 可樂_Thompson 阅读(198) 评论(0) 推荐(0)

vue报错，轮播组件，控制台提示Cannot read property 'toLowerCase' of undefined

摘要：这里是因为在创建的时候，忘接了添加name属性在main.js添加以上代码的时候Vue.component(MySwipe.name, MySwipe)，没有注意到创建组件的时候name属性没有写！！！阅读全文

posted @ 2020-03-18 12:35 可樂_Thompson 阅读(438) 评论(0) 推荐(0)

后台管理系统用户登录问题详解

摘要：1.登录的时候点击登录按钮，会把你的手机号和验证码发给后台，后端会响应给你一个token，客户端会把这个信息存储在sessionStorage中 2.存储完之后会向首页进行跳转，（首页是必须登录后才能访问的页面）在跳转这类页面前，需要做一个登录的拦截—前置路由守卫（拦跳转） ①获取token判断是否阅读全文

posted @ 2020-03-12 14:55 可樂_Thompson 阅读(903) 评论(0) 推荐(0)

token和session的区别

摘要：session和token都是用来保持会话，功能相同一、session机制，原理 session是服务端存储的一个对象，主要用来存储所有访问过该服务端的客户端的用户信息（也可以存储其他信息），从而实现保持用户会话状态。但是服务器重启时，内存会被销毁，存储的用户信息也就消失了。不同的用户访问服务端的阅读全文

posted @ 2020-03-10 19:39 可樂_Thompson 阅读(278) 评论(0) 推荐(0)

关于行内元素设置margin:0 auto的问题

摘要：行内元素指的是可在同一行内排列的元素，列举几个常用行内元素：img、input、span、label、a、textarea、button。通常要给元素设置居中得效果的话，很多人会先想到margin: 0 auto;可当用这种方法给行内元素设置时，行内元素没有呈现我们想要得居中效果，以下为解决方案（阅读全文

posted @ 2020-03-09 13:27 可樂_Thompson 阅读(441) 评论(0) 推荐(0)

【已解决】github中git push origin master出错：error: failed to push some refs to

摘要：今天上午写项目的时候在git的时候出现了这样的错误： Administrator@PC-20131018OHXV /cygdrive/e/dev_root/git/crifanLib $ git remote add origin https://github.com/crifan/crifanLi 阅读全文

posted @ 2020-03-09 11:20 可樂_Thompson 阅读(802) 评论(0) 推荐(0)

js数组操作方法以及es6新增方法

摘要：数组在javaScript中是一个引用值，下面列举在学习中遇到的一些数据常用方法 1. 改变原数组 push(), pop(), shift(), unshift(), sort(), reverse(), splice() 2. 不改变原数组 concat(), join(), split(), 阅读全文

posted @ 2020-03-04 12:42 可樂_Thompson 阅读(912) 评论(0) 推荐(0)