- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue 使用代理解决跨域问题
1、在main.js同级创建vue.config.js module.exports = { devServer: { proxy: { '/tag': { //代理api target: '', // 代理接口(注意只要域名就够了) changeOrigin: true, //是否跨域 ws: true, // proxy websockets pathRewrite: { //重写路径
2021-09-01 15:43:18
101
1
原创 flex弹性布局
Flex弹性布局 核心概念 主轴 简单理解为：元素的默认添加方向所在的轴，即为主轴 侧轴 与主轴交叉的那个轴被称为侧轴 实现过程 # 1、设置主轴 display: flex; flex-direction: row; /* 设置X轴为主轴，子元素从左向右排列，默认 */ flex-direction: row-reverse; /* 设置X轴为主轴，子元素从右向左排列 */ flex-direction: column; /* 设置Y轴为主轴，子元素从上向下排列 */ flex-direction: c
2021-04-25 20:00:53
130
原创 JS数组常用方法
数组常用方法 1、length // 数组长度 //数组名.length 2、push() // 将元素添加到数组末尾，并返回新数组的长度 //数组名.push("内容"，"内容") 3、pop() // 删除数组的最后一个元素，并返回该元素的值，此方法更改数组的长度 //数组名.pop() 4、shift() // 从数组中删除第一个元素，并返回该元素的值，次方法更改数组的长度 //数组名.shift() 5、unshift() //将一个或
2021-04-16 20:12:59
61
原创 小程序接口封装
作用：方便统一管理项目接口，便于项目后期维护与管理 具体怎么实现封闭 1.集中管理项目中可能用到的公共url（线上url,测试url,本地url,...） 例如： module.exports={ //线上地址 prod:{ baseUrl:'https://api.it120.cc' }, //测试地址 test:{ baseUrl:'https://www.05E.com' .
2021-04-14 21:39:28
94
原创 小程序登录授权
登录授权的流程 1、通过wx.login获取code 2、通过code换取用户的匿名信息,并将获取的token缓存起来 3、通过调取微信wx.getUserProfile()方法来获取用户详细信息 toLogin() { wx.getUserProfile({ lang:'zh_CN', desc:'我要获取信息用户', success:(res)=>{ console.log('用户详情：',res); this._up
2021-04-14 21:33:12
85
原创 小程序上拉加载
上拉加载 产品角度：提升用户体验 技术角度：后台接口支持分页 返台接口：{page:当前页码，pageSize:每页显示几条,start:起始偏移量} 实现方式: 使用onReachBottom实现 //触底生命周期 onReachBottom() { console.log('onReachBottom'); if(!this.data.flag) { this.data.page++; this.getGoods() } } /
2021-04-14 07:40:34
100
原创 小程序的样式隔离
小程序的样式隔离： 1.通过在组件的options中配置 Component({ options: { styleIsolation: ‘隔离选项’ } }) 其中【隔离选项】值包括： isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（默认值）； apply-shared 父级样式会穿透影响组件样式，但组件样式不会影响其他页面 shared：互相影响 2.外部样式类 1.在app.wxss中定义一个class样式，例如： .box { background:#
2021-04-14 07:39:33
295
原创 小程序的slot（插槽）
slot:用于在不破坏组件的情况下，给组件嵌入结构的一种方式 例如：dialog组件： … … cate页面： 安全 高效 便捷 注意：如果使用命名的slot，必须要开启多slot支持，代码如下： Component({ /** 组件的属性列表 */ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 } … }) ...
2021-04-14 07:38:47
531
原创 小程序组件传值
1、组件、插件、类库、框架 组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块 插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。 类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js 框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架 UI框架：boostStrap,Element UI,vant
2021-04-13 07:38:35
226
原创 小程序 生命周期 选择器 路由
一、小程序布局与普通web开发差异 小程序实现响应式单位：rpx 小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的 .logo {width:80rpx,height:80rpx} 样式导入 @import "要引入的外部样式文件" 意义：大型项目开发中，为了方便样式复用 例如：@import "/public/css/style.wxss"; 行内样式 <view style="color: {{index===1? 'red' : ''}}"</view
2021-04-07 23:30:50
84
原创 动态设置rem
动态配置rem其实就是在窗口大小改变时重新设置rem的值 var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) { docEl.style.fontS
2021-04-05 14:25:00
53
原创 了解vue路由
总结 路由分为 编程式路由和声明式路由 定义路由对象 const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置（意思就是要把页面定向到哪一个页面） redirect: { // 可以是下面五种跳转方法中的任何一种方式
2021-04-05 14:22:32
49
原创 vue 组件传值
创建一个子组件 Vue.component('组件的标签'，{ template: '模板内容' }) // 例如 定义一个子组件 Vue.component('child'，{ template: '<div></div>' }) // 定义一个父组件 将子组件在父组件中使用 Vue.component('parent'，{ template: `<div>
2021-04-05 14:17:49
42
原创 git命令
git 命令 git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git 创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗 git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件 git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容 git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改
2021-04-05 09:30:10
55
原创 javaScript构造函数
概念：严格来说js并不是一门面对对象的语言，通过构造函数可以像其他语言一样实现面对对象的过程，构造函数就是js实现面对对象的一种方式 new关键字的作用 声明了一个空对象 调用了构造函数，使构造函数内部的this指向了实例化对象 使函数的原型对象指向了构造函数 将属性和值赋值给了声明的对象 在函数中默认返回了实例化对象 原型 概念 原型是一个对象，只是对象可以通过原型继承另一个对像的属性和方法 每一个函数声明时，都会自动生成一个对象prototype，prototype通过constructor指针指向了该
2021-04-05 09:28:35
85
原创 js的了解以及Es6新增
一、javaScript初式 javaScript:是一种单线程的可以运行在浏览器或服务端的弱类型脚本语言 单线程： 进程：完成一项任务所经历的过程 线程：线程进进程范围要小，一个进程可以包括多个线程 弱类型：变量的类型由赋值的类型决定 脚本语言：不会提前编译，是在运行时边解释边执行的语言 javaScript发展史 javaScript是1995年诞生的 javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262) javaScript于1998发
2021-04-05 09:26:01
67
原创 vue设置动态rem
git 命令 git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git 创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗 git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件 git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容 git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改
2021-04-01 21:44:10
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人