自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

周家大小姐

一入前端深似海

  • 博客(26)
  • 资源 (28)
  • 论坛 (2)
  • 问答 (1)
  • 收藏
  • 关注

原创 es6 find()与filter()区别

find 和 filter 都是不改变原数组的方法find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。返回的是对象如遇到重复的值只会返回第一次出现的值 var users = [ { name:"alie" }, { name:"carrie" },{ name:"carri...

2018-12-29 20:27:39 661

原创 控制台查看发送请求的信息

需求在控制台可以看到我们发送了什么打印了什么

2018-12-29 11:12:11 1013

原创 github特殊仓库可以当服务器使用

1. 在github中创建一个新的仓库: 2.文件命名: 3.下载github客户端以上我们把index.html放进去相当于用了git add index.html4.之后在客户端提交然后描述5.之后回到github刷新会发现多了一个Index.html 6.最后直接输入你的项目名就可以访问 7.如果有多个项目的话可以要客户端创...

2018-12-28 16:09:39 883

原创 vue beforeRouteEnter 路由取不到值

需求:进入页面前取到上一个页面带进来的值,并且赋值问题:打印出来是undefinde;但明明是有值的在上一个页面,但在内部获取不到外部的this,方法、变量等都获取不到后来发页面,beforeRouteEnter是页面进入之前调用;所以取不到实例可以使用但是vm.XXXXX可以获取到 beforeRouteEnterbeforeRouteEnter (to, from, next...

2018-12-27 19:50:35 4977

原创 vue dist打包后找不到图片路径

打开dist文件夹下新生成的index.html文件,会发现页面空白,打开控制台会发现页面中引用的css和js文件都找不到: 说明引用路径错了,需要手动修改:进入config/index.js原配置中的引用路径是’/’(根目录): build: { // Template for index.html index: path.resolve(__dirname...

2018-12-27 17:09:52 1557

原创 vue 打包找不到背景图片路径

背景图要放在static文件中;在build中的utils.js中的 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, // 背景图的时候使用 publicPath:'../../', fallback: 'vue-sty...

2018-12-27 16:48:07 492

原创 vue store存储commit 和dispatch的区别

dispatch:含有异步操作,存储:this.$store.dispatch('setTargetUser',friend);取值:this.$store.getters.targetUser;commit:同步操作,存储:this.$store.commit('setTargetUser',friend);取值:this.$store.state.s...

2018-12-27 16:31:04 23985 2

原创 vue 3.0 公共header子组件封装

需求:做一个公用的header子组件,左侧为返回中间为titile右侧为拍照,里面的条件为有的页面会有这个功能有的页面没有;所以我们会用false,和true来做定义效果图:创建一个header,vue做为子组件<template> <header class="header"> <!-- 左侧 --> <div cl...

2018-12-27 14:34:31 1291

原创 vue3.0 仿微信实时通信Tab切换与子路由

需求:底部有tab切换;点击当前会显示对应的子页面效果图tab子组件:&lt;template&gt; &lt;div class="tabbar"&gt; &lt;router-link class="tab-item" v-for="(item,index) in data" :key="index" :t

2018-12-27 11:41:45 425 2

原创 vue3.0 请求拦截对Token处理,导航守卫判断是否登录,响应拦截,觖析token存储到vuex中

需求:用户点击登录的时候获取token存取下来,然后放入请求拦截,因为用户上拉刷新下拉加载的时候需要用到;不然用户一刷新,服务端都不知道用户是谁了目录 请求存储token:请求拦截,及请求错误的响应拦截路由守卫(用来判断用户有没有登录;如果没有的话只能进入登录和注册页面)觖析token存储到vuex中请求存储token:login.vue页面//请求的时候存储...

2018-12-26 11:20:37 2040 5

原创 vue3.0 vue.config.js 配置跨域

需求我们要访问后台的数据,但因为后台的端口号不一致所以需要实现跨域未跨域 // 请求接口 后台的接口为5001 我们本地的接口为8080,所以我们需要去到vue.config.js配置跨域 http://localhost:5001/api/ this.$axios.post('http://localhost:5001/api/users/register',...

2018-12-26 10:10:26 21922 12

原创 vue3.0 封装button使用slot组件

需求: 同一个button在不同页面使用,只有文字不一样;有的内容为登录有的为注册下面我们自封一个button组件子组件:&lt;template&gt;&lt;!-- :type="type" 为按钮类型 :disabled="disabled" 为判断他为false还是ture {'is-disabled':disabled} 如果为true就可以有is-disab...

2018-12-26 09:57:03 3039

原创 ps 切psd图

目录 切片 查看文字大小查看背景色:切片想要切片不便利先下载;cutterman 切片神器之后打开Ps找到窗口 --&gt; 扩展功能 --&gt; cutterman 切图神器 点击打开 查看文字大小找到导航栏的窗口--&gt;选择字符 (会看到右边有字符框) 点击选择文字就会看到字体的大小了查看背景色:左侧选吸管 --&g...

2018-12-25 17:34:53 441

原创 vue3.0 路由懒加载

如果我们使用懒加载的话;在router.js中的顶部不需要写上如:import dutyCheck from "../components/pages/dutyCheck"直接写在routes:中就可以{ path: "/dutyCheck", component: () =&gt; import("../components/pages/dutyCheck...

2018-12-25 11:52:17 1254

原创 js constructor 查看类

可以要控制台测试如:返回的是字符串类型如果是方法的话;

2018-12-23 22:26:32 59

原创 form 表单提交不跳转页面

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;筛选框&lt;/t

2018-12-19 17:04:42 2823

原创 html 引入less文件

开发工具为vscode在扩展里下载 Easy LESS这个插件 在css文件夹中创建一个less后缀名写入css 如:body{ background-color: #fff; font-size: 14px;}.container{ width: 100%; max-width: 100%; height: auto;}.co...

2018-12-19 15:44:25 9531 6

原创 vue 引入stylus

书写格式在命令中输入 npm install stylus stylus-loader --save-devxxx.vue使用 在index.html(或者外部)中引入@import "assets/base.styl"; 

2018-12-12 16:59:37 987

原创 vue 真机测试

需要用到的网址:http://people.apache.org/~pmuellr/weinre/docs/1.x/1.5.0/ 把config中的index.js文件host对像属性改成0.0.0.0,后续在随意的电脑上都能查看项目,只要在浏览器把四个0改成你自己的ip就可以 输入命令(安装调试工具):  npm install -g weinre启动的时候输入: weinre ...

2018-12-09 21:12:20 245

原创 vue 打包发布注意的细节

打到 config -&gt; index.js 找到build对象把productionSourceMap:true改成false因为这个东西在打包的时候会给你生成很多SourceMap的东西;占用的空间会很大;主要是用来帮助我们调试的;...

2018-12-09 20:29:56 517

原创 手机投屏到电脑

我这里是安桌手机调试:爱莫助手官网地址:http://web.airmore.cn/在app上下载爱莫助手下载好后;在PC端打开: http://web.airmore.cn/手机也打开APP点击扫描连接,之后回来Pc端的http://web.airmore.cn/网址扫描后就可以接上手机;之后再Pc端点击镜像在手机上点击立即开始,就可以直接操作了...

2018-12-09 19:20:24 1308 1

原创 vue json有对应的数据但控制台却又报错

需求: 我需要用到spus里的title,但在确定有json数据的时候能取到却又报错: spus赋值给了food &lt;div class="like-ratio" &gt; &lt;span class="title"&gt;{{food.rating.title}}&lt;/span&gt; &lt;span class="retio"&gt;

2018-12-07 15:49:09 581

原创 引入flexible.js rem字体

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta content="yes" name="apple-mobile-web-app-capable"&gt; &lt;meta

2018-12-06 14:56:41 692

原创 css 给img预留占位符位置

需求:在进入页面时,如果图片还没有加载进来应该给到它一个预留位置;不然如果不预留等图处加载进来就会蹭的一下把文字挤下去会不太好看;所以我们可以用css来实现 .food .food-wrapper .food-content .img-wrapper{ position: relative; width: 100%; height: 0; padding-top: 100%;}...

2018-12-05 21:47:04 3628

原创 vue 给本地json新增对象属性(vue set的使用)

&lt;script&gt;//引入全局vueimport Vue from 'vue' export default { props:{//父子传值 food:{ type:Object } }, methods:{ decreaseCart(){ this.food.count-- }...

2018-12-03 21:34:08 6078

原创 vue 引入字体图标库

在main.js中引入从阿里图标库下下来的css在页面直接使用如: <span class="icon iconfont">&#xe66f;</span>

2018-12-03 20:51:40 811

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序实现搜索功能

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

getCurrentPages()使用

使用场景:可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

vue2.0富文本编辑器.zip

在vue中使用富文本编辑器,使用插件上图,视频,查看源代码和编写原代码

2019-08-22

README.md编写教程(基本语法)

README.md编写教程(基本语法) Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

2020-02-12

vuex对store进行抽离.zip

当项目越来越大的时候我们需要对项目进行抽离;这样显得项目不会看起来很复杂

2019-08-26

prod.env.zip

配置生产环境和线下环境自动配置,如果axios不封装那就每个页面都需要引入

2019-09-29

axios_vue_element.zip

根据原装修改的aixos封装的方法,让页面看起来没有复杂,对每个文件的请求独立 ,里面用到了orders.js,如果再创建一个文件请求可以在同级下面直接创建并引入和orders.js相同的路径文件进行修改就可以

2019-10-16

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08

storjs分离封装.rar

对vue2.0中的store进行分离,对组件中的数据通过store进行分发

2019-10-19

selectarr.html

多维数组遍历并赋值,使用concat方法,先合并再拆分;之前用for在第三层的时候赋不了值

2019-09-10

iviewSelect.zip

vue2.0 结合iview组件实现五级联动,点击上级给下级赋值利用@on-select取到所点击的下标再与数组里的Id进行匹配

2019-08-23

周家大小姐.的留言板

发表于 2020-01-02 最后回复 2020-01-02

前端三大框架区别与选择

发表于 2019-05-14 最后回复 2019-11-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除