- 博客(25)
- 收藏
- 关注
RSS订阅原创 vite+vue+elementplus安装过程遇到的问题
因为最近忙的差不多了，而且vite据说用起来很快，所以正好现在有空闲时间，所以就来尝试一下配置一下vite+vue+elementPlus。注：本文主要是用yarn来安装包，用npm或者cnpm的同学相对应的切换即可。开始打开vite的官方文档，你会看到下面的图。vite中文官网NPM：npm init @vitejs/appYARN：yarn create @vitejs/app心念念的直接使用yarn create @vitejs/app命令开始常见，结果报错了！究其原因是因为ya
2021-04-06 14:12:47
4066
3
原创 elementUI upload组件的妙用
其实说多了也只是泪，按照本来的我正常的逻辑都是这样的：用upload组件，选择图片的时候就会立刻上传到指定的地址，最多也就配置一下header，再大不了就手写限制一下文件的大小。但是我这边的需求是这样的：上传的时候用的是文件流，就是直接把文件流赋值给参数，然后回显的时候后端会返回一个图片的id，我通过拼接地址的方式去显示图片。我第一时间的心情的这样的：但是没办法啊，后端他们不打算改，只能前端苦逼的寻找问题的解决办法。经过多次的尝试(掉了很多的头发），终于发现了如何去处理这个问题了。下面介绍主角：上传
2020-12-14 16:21:40
388
原创 使用vueCli4.0配置eslint+prettier
众所周知eslint只是个语法检查工具，要想做到真正的自动修改语法错误，还要考prettier。下面介绍两种方式，可以在VScode工具里使用。首先，所有的前提是你的vscode已经安装了prettier插件，而且我建议你开启保存时自动调整代码，文章最后附上。下面步骤用图片代替：然后接下来的步骤两个可选项：第一个第二个好了，现在使用vuecli4.0生成的vue就成功了。直接用VScode打开项目，然后在主目录添加这样这个文件：prettier.config.js。文件的
2020-12-08 17:00:08
1325
2
原创 安卓、ios微信H5分享踩坑指南
博主最近在开发一个H5的项目，正好遇到了微信分享，不得不说微信的文档不知多久没更新的缘故，里面的操作可以在安卓完美的进行，但是！有一个可恶的苹果挡住了去路！闲话不多说，直接进去正题。附上步骤图一、判断是否需要微信授权根据微信JSSDK文档，一般来说后端需要配置白名单。进入公众号里面填写JS接口安全域名，这点很重要，因为这样才能获取到正确的config配置。按照我现在的项目，我们前端主要做的就是判断用户有没有openid，没有的话就让他去微信登录授权。那该怎么判断呢？没错只能在地址里判断有没有code码
2020-12-07 17:31:25
1002
1
原创 H5调用微信JSDK的扫一扫接口实现多次扫码
最近接到一个需求，就是在扫码的时候，希望是实现连续扫码的功能。最开始我的理解是，像扫码枪一样，可以一直扫码而不要关闭相机，然后扫码得出来的商品只要提示正确与否就行了，然后我找到了H5+规范，经过各种百度谷歌发现，这个东西好像只能在app可以使用，而且是在uni中使用的，具体是不是我没有考究。然后昨晚总监给我看了一下，实现了这个功能的H5，经过仔(yi)细(yan)观(kan)察(chu)，这是重复调用微信JSDK的接口，我猜测是通过定时器，在调用接口成功的时候，再次调用这个微信接口，从而到达了伪连续扫码的
2020-07-15 15:42:09
1957
1
原创 手动实现一个v-model的不同做法(含封装组件用法)
由于疫情的原因啊，我猜大多数人都跟我一样，在家里度过，偶尔学习学习。这不，我遇到了一个如何手动一个v-model的问题，由此展开了学习。在开始之前我们先需要知道一些知识，v-model是一个语法糖，如下：<input type="text" v-model="name">实则是等于下面的：<input type="text" :value="name" @input="...
2020-03-08 19:54:48
2828
2
原创 Sticky footer经典布局
最近发现公司的在内容较小的时候使用的是js，通过过去body以及内容高度对比，动态设置footer的position的属性来改变footer是否存在与底部。所以最近搜索了很多关于了sticky footer的布局。鉴于国内环境大多文章都是抄袭，很多内容都是没有只给了关键部分，都没有给了完整的配置，所以特地写了这篇文章仅供参考，如果文中有什么不妥的地方，请各位指出，我会尽量快的修改过来。利用mar...
2019-11-28 11:14:10
132
原创 qq小程序开发者工具无法编写代码
今天博主闲来无事，想学习一下qq小程序的编写，所以就去了官网下载了开发者工具下载完以后发现根本无法写代码，找不到可以写代码的界面心急一波直接吐槽开发者工具做的垃圾，找不到写代码的地方。没办法，只能再看看官网怎么回事，看看有没有人同样遇到这样的问题。于是乎根本以往的经验以后下面的是稳定开发板，没想到还有这种操作的。不忍还是吐槽一下这个有点反程序员的设计。下载完以后打开是下面的样子好...
2019-09-18 10:28:44
1453
3
原创 如何通过git上传代码到github
最近在学习mpvue的时候遇到了一些小问题（课程是慕课网上的Sam老师的一门课，非常推荐。）由于不知道老师什么时候回复我，而且为了方便起见，所以就想通过github代码管理来实现（其实之前是用过的，不过就随便用了一下，所以忘记了。）期间确实遇到不少坑，也比较让我抓狂。（坑会后面单独写一篇，因为上传码云的时候也有坑，所以就一起写）牛皮扯完了，那么就开始介绍了。由于是要上传到github，所以我介...
2019-09-10 11:26:20
150
原创 有关flex布局中遇到的小问题
大家都知道flex布局，相信很多人都使用过flex布局。我最初接触到flex布局是在学css3的时候，视频中的老师介绍到flex布局，然后特地百度了一下，找到了阮一峰老师关于flex布局的介绍。然后使用了一下flex布局，发现确实是布局起来更加方便，毕竟不用写那么多的margin，padding什么的。那么下面就直接说我遇到的问题吧，有关flex布局y语法可以在阮一峰老师写的Flex 布局教程：语...
2019-08-02 10:07:10
346
原创 forEach,map,filter的区别使用
最近面试的时候遇到面试官问我这个问题，当时我因为只用过这个最基本的forEach这个迭代方法，所以只能说出这个方法的大概，然而被问到参数的时候，因为习惯性只会用前两个参数，没想到还有第三个参数。下面经过我自己查阅资料以及总结之后，为大家带来这个三个迭代方法的区别于相同之处。相同之处forEach最早知道这个方法的时候是使用Jquery的迭代方法Each，有兴趣的朋友可以去了解一下，基本的使用...
2019-05-11 14:38:19
1185
原创 vue 刷新浏览器重定向到首页（或者某一个页面）
最近用vue写一个模仿qq音乐的单页面应用，因为看到黄轶老师的例子是浏览器刷新会路由会重新定向到首页的，所以就想应该是跟路由有关系的。而且我注意到一个细节。就是我在其他的页面刷新的时候，它会先短暂显示首页，再跳到刷新之前的页面，所以是不是可以理解为项目刷新会先经过首页，再到刷新之前的页面。所以，我就在我的App.vue。写了下面的代码created(){ if(thi...
2019-04-10 21:53:32
21067
10
原创 常用的清楚浮动的办法
其实本质叫做闭合浮动更好一些, 记住，清除浮动就是把浮动的盒子圈到里面，让父盒子闭合出口和入口不让他们出来影响其他元素。清楚浮动其实是利用BFC模型来闭合。第一种，css清除浮动 clear： left | right | both清除左侧、右侧、或者左右侧的浮动第二种，额外标签法就是在末尾添加一个空标签。没有任何内容的div优点： 通俗易懂，书写方便缺点： 添加许多无意义的标签...
2019-03-11 13:52:43
630
原创 ES5数组操作以及遍历迭代方法
写这篇博文是因为最近学习Vue的时候发现自己忘记了好多JS的数组操作方法和一些数组遍历的迭代方法，下面将一下我自己最近经常用得到的方法，总结一下。栈方法这个所谓的栈方法就是类似于数据结构的方法，就是后进先出。也就是最新添加的数据最先被移除。这里介绍的ES5中的方法，只是类似栈方法而已。push这个方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。var col...
2018-12-20 22:09:36
320
原创 运用CSS动画，让播放音乐时图片旋转。
大家好，最近博主在写一个音乐页面，突发想到播放音乐的时候让图片旋转是不错的功能，下面我介绍我实现的效果。首先，先处理css运动。要想用css写动画，就要先知道动画函数@keyframes定义一个动画。代码如下：@-webkit-keyframes img { from { -webkit-transform: rotate(0deg); } to { -webki...
2018-12-18 15:58:53
6234
1
原创 css中 有关伪类hover用法注意事项
最近博主在用伪类hover的时候遇到问题，不论博主怎么写都不能控制到某个博主想要控制的元素，于是乎就去查了一下到底伪类hover是怎么用的，然后就总结了一下。第一种元素 a 控制a的子元素 bhtml代码：<div class="a"> <div class="b"></div></div>css代码如下：.a:hover ...
2018-12-09 15:26:19
1119
1
原创 ES6常用语法
1.声明变量let与const在ES6中新增了两个声明变量的命令分别是let与const，下面比较一下与之前的var有什么的不同。.let和const声明的变量只能在块级作用域中可以使用。所谓的块级作用域可以暂时理解为花括号{}包含里声明的变量只能在里面使用。而var则不会受这个影响，也就是说ES6之前不存在有块级作用域这个概念，用var定义的变量可以覆盖，但是let和const只能声明一次...
2018-12-07 14:45:45
134
原创 JS创建对象的三种方式
什么是对象对象是自包含的数据集合，包含在对象里的数据可以通过两种形式访问----------属性和方法属性是隶属于某个特定对象的变量；方法是只有某个特定对象才能调用的函数；对象就是有一些属性和方法组合在一起而构成的一个数据实体如何创建对象字面量方式创建对象字面量创建可以说作用类似于关联数组的，关联数组在ajax里面是非常常用的一个方法，不仅可以快速的找到自己想要的数据，而且特别方便。...
2018-10-31 16:59:51
237
原创 有关网址获取信息的Location对象的使用
Location对象的属性介绍首先Location是BOM里面一个比较重要的内容，获取Location的信息的代码是：console.log(window.location)下面的对象介绍默认是在Location的后面点出来的。hash这个属性是获取地址栏上#以及后面的内容host获取主机名及端口号，注意这是获取本机的。hostname这是获取主机名，同样是本机的。pathn...
2018-10-11 23:40:33
266
转载 常见的HTTP协议状态码
消息这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送 1xx 响应。100 Continue客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求...
2018-10-08 20:28:58
801
原创 JSON与JS对比理解
JSON作为现在用的最多的数据类型，它对面XML有更多的方便之处，在代码上面JSON可以用更少的代码获取到数据，而XML由于是解析成一个DOM文档，所以获取数据的时候，就要好像JS操作DOM一样的麻烦。JSON的语法：JSON的语法可以表示为三种类型的值。**1.简单值**...
2018-10-06 23:46:11
223
原创 JQuery中$.post()和$.ajax()收到的数据不能用的问题
最近博主在开发一个猜谜游戏的时候遇到一些关于JQuery中使用这两个方法可能遇到的问题总结，我自己也是花了好多的心思 和事件才找到问题和解决问题。下面是我自己在开发过程中遇到的问题，希望可以帮助到你。方法介绍$.post()这方法一共有四个参数。参数 描述URL 必需。规定将请求发送到哪个 URL。data 可选。规定连同请求发送到服务器的数据。function(data,status...
2018-10-06 19:52:03
5358
原创 Jquery中按钮事件重复绑定导致事件多次触发解决办法
Jquery中按钮事件重复绑定导致事件多次触发解决办法在用jquery绑定事件的时候，一般来说习惯性都是喜欢绑定匿名事件。比如下面的`&amp;lt;body&amp;gt;&amp;lt;input type=&quot;button&quot; class=&quot;dv&quot; value=&quot;按钮&quot;&amp
2018-09-21 14:46:00
7096
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人