- 博客(37)
- 收藏
- 关注
原创 使用express-generator快速搭建express项目结构(node)
【代码】使用express-generator快速搭建express项目结构(node)
2023-07-07 14:44:56
189
原创 关于动态切换接口和页面的请求头
判断当前location.host是否包含location,如果包含则是本地,可以指定本地时的请求头,不包含说明在服务器上,则用location.host就行,
2022-10-14 13:30:19
163
原创 H5中的本地存储和会话存储
本地存储:永久的存储在电脑上面,只能存储5兆的内容//写入数据localStorage.setItem('键','值')//根据键读取数据,返回值就是对应的值var value=localStorage.getItem('键')//删除指定的键localStorage.removeItem('键')//删除所有的键localStorage.clear()会话储存:在当前网页中存储,关闭当前网页则消失用法//存储一个会话将对象转为字符串(只能存储字符串类型的数据)
2022-04-30 15:38:26
356
原创 vuecli@3如何引入bootstrap
1、首先第一步npm下载(使用bootstrap需要借助jquery)cnpm i jquerycnpm i bootsrtrap2、在package.json同级创建vue.config.js文件/**Vue-CLI项目的核心配置文件*/const webpack = require("webpack");module.exports = { configureWebpack: { plugins: [ new webpack.Pr
2022-03-19 13:42:20
782
原创 Vuecli 城市三级联动的使用
首先说一下实现思路:1.采用单独的js文件存储省市区数据,可以是json或者js文件。2.使用mt-picker进行赋值,(需要提前引入mint-ui)根据省的数据的改变,动态的改变市和区的显示数据。3.最好采用单独的组件实现,方便修改和复用。引入mint-ui://当前项目下命令行输入npm i mint-ui --save//在main.js文件中引入import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vu
2021-12-07 10:22:19
1752
原创 Vuecli 如何使用Bootstrap(三步教程)
(bootstrap是基于jQuery的,在使用之前我们先安装一下jQuery包)1、第一步命令行在当前项目下npm下载下载jquerynpm install jquery@1.11.3 --save-dev下载bootstrapnpm install bootstrap@3.3.0 --save-dev2、第二步配置jquery(在build/webpack.base.conf.js文件中)将这段代码放在文件开头:const webpack = require('webp
2021-11-30 13:33:39
1363
1
原创 教你Vue中如何获取到副文本中的文字
使用:replace(/<\/?.+?\/?>/g, ' ')还可以使用:substr(0, 20);只获取0-20下标下的数据它可以将副文本中的标签过滤掉使用方法var txt = this.array.desc.replace(/<\/?.+?\/?>/g, '').substr(0, 20);
2021-11-29 18:14:18
772
原创 Vuecli全局变量的使用
1、首先在src的assets目录下创建一个js文件,然后在创建一个globalvariable.js文件2、在该文件中写入内容3、页面中调用完毕,祝您工作顺利!
2021-11-28 14:48:07
508
原创 Vuecli中如何让页面中的title动态更新(router的使用)
1、第一步在routes中每个对象中添加meta:{title:'自定义title'}2、第二步在index.js页面底部添加以下内容router.beforeEach((to, from, next) => { //beforeEach是router的钩子函数,在进入路由前执行 if (to.meta.title) { //判断是否有标题 document.title = to.meta.title } next() //执行进入路由,如果不写就不会进入目标页})看.
2021-11-20 16:15:15
881
原创 Vuecli如何创建公用div块(公共底部按钮)
1、第一步在components中创建一个新的组件,编写自己想公用的代码2、第二步在App.vue中script标签中引入组件3、第三步在App.vue中template标签中注明(此处的v-if判断在公用代码在showNav为真的情况下展示)当然也可以不加限制,在所有页面中展现!到这里就结束了,祝您工作顺利,加油!...
2021-11-20 16:08:16
906
原创 Vue如何引入百度地图(解决方案)
第一步去百度地图上申请AK(subway | 百度地图API SDK)1、2、第二步npm下载一个百度地图包npm i vue-baidu-map --save第三步在main.js中引入import BaiduMap from 'vue-baidu-map';Vue.use(BaiduMap, {//* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */百度申请密钥的地址
2021-11-17 18:20:39
1067
1
原创 Vue脚手架使用elementUI如何修改原生的样式
直接上干货!不能在组件页面style标签中修改elementUI中标签的样式,需要在App.vue中修改才可以应用。注意:App.vue页面中设置后,所有页面的elementUI都会发生改变哦
2021-11-17 10:09:24
395
原创 Vue脚手架H5公众号微信登陆问题及解决方式
1、首先第一步在vue页面中引入sdk 现在本地命令行当前工程目录下安装sdk2、js代码中编写如下// 确认支付函数 payment() { console.log(this.baby_name) // 判断报名协议是否选中 if (this.agreementcode) { // 判断是否选择宝贝 if (this.baby_name != '') { //监听需要支付的按钮,调用该函数 //调用后台...
2021-11-17 09:54:58
416
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人