- 博客(17)
- 收藏
- 关注
原创 微信小程序定位功能
1.在app.json中配置"permission":{ "scope.userLocation":{ "desc":"你的位置信息授权" } }2.在.wxml中<map latitude="{{lat}}" longitude="{{lon}}"></map><button type="primary" bindtap="getLocation">获取位置</button><
2022-05-17 14:33:20 3298
原创 vuex的理解和使用
目录为什么使用vuex?如何使用?StateGettersMutationsActionsModules为什么使用vuex?如何使用?为什么使用vuex?1、当一个组件需要多次派发事件时为什么说?多次派发事件需要用到vuex?原因很简单,如果它多次派发事件,必然有其它组件进行接收并调用。 如果是一个组件进行接收和调用还好,但是如果两个?三个?甚至四个呢? 如果派发事件的组件只是派发一个事件,那还比较好管理,一旦进行多次派发那么维护的难度会以乘法增加2、跨组件共享数据、跨页面共享数据在开发Vue项
2021-11-12 10:21:22 590
原创 ES6——Set与Map数据结构
目录Set基本用法Set 实例的属性和方法遍历操作keys方法、 values方法、 entries方法forEach 方法遍历的应用WeakSetMapSet基本用法ES6 提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { con
2021-07-13 10:39:28 614
原创 vue-router的安装与使用
1、安装npm install vue-router -S2、使用在项目中新建一个router文件夹,在router文件夹下新建一个index.js文件,index.js文件配置如下:import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)
2021-07-12 14:08:40 136
原创 sass安装与使用
npm install -g node-sass -Dnpm install -g sass-loader -D其实之所以用到node-sass、是因为sass-loader的缘故。sass-loader 是将sass文件编译成css,而sass-loader又依赖于node-sass,所以需要安装node-sass-g是全局安装,-D是安装到开发依赖...
2021-07-07 15:09:50 2783
原创 使用npm安装时的-D和-S
-D表示的是开发依赖,会把包添加到package.json的devDependencies下,这些包只在做项目的时候会使用到,在项目打包上线后不依赖于这些包项目依然可以正常运行。比如:gulp/webpack等等。-S表示的是生产依赖,会把包添加到package.json的dependencies下,这些包在项目打包上线后依然需要使用项目才能正常运行,比如:axios、element-ui、vue-router等等。...
2021-07-07 14:47:40 3462
原创 eslint的安装与使用
在vue项目中使用npm安装eslint1:安装eslint2:初始化配置文件3:.eslintrc.js配置文件的解释4:rules规则(参考)5:不使用eslint6:使用过程中的错误1:安装eslint命令:npm install -g eslint-g表示全局安装如果不需要全局安装去掉-g,就只在当前项目中使用2:初始化配置文件命令:eslint --init会生成一个.eslintrc.js配置文件3:.eslintrc.js配置文件的解释module.exports = {
2021-07-06 23:32:21 3802
原创 安装vue-cli版本
查询可用版本 npm view vue-cli versions --json安装指定版本 npm install -g vue-cli@2.9.6vue-cli3以上 npm install -g @vue/cli@版本号安装最新版本 npm install -g @vue/cli-g代表全局安装查看当前版本 vue -V如果有旧版本,卸载旧版本 npm uninstall vue-cli -g...
2021-07-05 17:56:57 174
原创 开发前准备
开发前准备一、需求整理二、目录结构设置三、分析设计图,找出最外层复用的组件,单独提出来,比如header、footer这种,然后将页面目录设置出来四、安装插件一、需求整理!!!重要:查看设计图,了解哪些页面组件是可以复用的二、目录结构设置public:一般放一些比较大的图片资源src/api:放接口src/assets:放一些小一点的图片src/components:放公用组件src/views:放项目不同页面的文件夹src/util:放一些需要格式化的js文件,比如日期转化,金融的格式
2021-03-22 19:35:34 508
原创 跨域学习
跨域学习一、什么是跨域?二、怎么解决前端跨域?三种常用跨域方式CORS跨域JSONP跨域代理跨域一、什么是跨域?只有前端才存在跨域跨域是浏览器为了安全而做出的限制策略,防止其他人随意去篡改或者抓取你的数据二、怎么解决前端跨域?浏览器请求必须遵从同源策略:同域名、同端口、同协议三种常用跨域方式CORS跨域CORS跨域只需要服务器端设置,前端直接调用,是最省事的理解:前端想要访问某个网站,那必须服务器允许你去调用才行举个栗子:var url = 'https://www.easy-moc
2021-03-19 16:05:20 157
原创 使用github管理远程项目
这里有详细的github使用教程https://docs.github.com/cn/github/getting-started-with-github很多人github打开缓慢甚至打不开,看到一个博主的方法很有用https://www.cnblogs.com/dabenhou/p/13949621.html首先你得有一个github账号,这里怎么注册登录就不多说了参考网址:https://www.jianshu.com/p/0c0d8d10a1cb其次你得安装git参考网址:https:/
2021-03-18 16:46:25 127
原创 使用vue GUI创建项目
window+R,输入cmd输入vue ui后按回车调出vue GUI点击左上角,选择vue项目管理器点击创建选择你文件创建的路径,这里我创建在桌面,点击在此创建新项目填入项目名和git初始化,点击下一步预设你可以选择以前配置过的,也可以手动配置,点击下一步功能选择,下面红框内的最好都选上,当然根据自己需求来增减,我是最常用这些,点击下一步配置选择Eslint-Standard config,点击创建项目是否保存为预设,保存的话输入名字点击保存,不保存就点击不保存,..
2021-03-17 15:07:49 1178 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人