- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue nuxt网站设置黑夜 白天模式切换 自动识别系统主题色变化
主要用到的方法。document.body.setAttribute("data-theme", 'dark');window.matchMedia('(prefers-color-scheme: dark)').matches
2022-08-24 12:15:58
1887
2
原创 swiper 缩略图与banner联动
版本：“vue-awesome-swiper”: “4.1.1”,“swiper”: “5.4.5”我的方法是两个轮播存在，一个展示，另一个多个展示，主要使用slideTo方法联动。
2022-08-19 18:39:14
364
原创 css 技巧 nuxt打包优化
css 技巧1. image-rendering 属性： 用于设置图像缩放算法；2. draggable 属性： 规定元素是否可拖动
2022-08-19 18:25:23
1026
原创 hellojs使用 推特登录/api nuxt vue
网页项目需要接入推特登录，发现网上教程文章跟都是一个人写的似的，都是重复的文章，多看了下官方文档，记录下过程hellojs是针对推特 谷歌 脸书等都集成了一套sdk，使用OAuth2(1)Web 服务进行验证，在需要的官方平台申请好需要的东西就可直接调用其方法进行登录
2022-08-19 18:10:52
1425
2
原创 apple 组织者开发者账号申请 2022 4月
官方链接：https://developer.apple.com/cn/support/app-account/新注册了appid，双重认证打开(默认)申请邓白氏码 https://developer.apple.com/enroll/duns-lookup最主要的 公司名称英文翻译时，尽量使用拼音拼写，科技公司后缀最好是Technology Co.Ltd，如果翻译的话，也会人工给修改回正常的，街道信息都是英文，直接翻译就可以，这个无关紧要，点击继续就可以，如果查询不到会让你提交表单，不用直接
2022-04-22 17:54:01
915
原创 uniapp地址定位获取不到address时的处理
uniapp将经纬度转换成省市区街道根据getLocation将经纬度获取，判断address对象存在吗使用plus将将维度转换var point = new plus.maps.Point(res.longitude, res.latitude);plus.maps.Map.reverseGeocode( point, {}, function(event) { var address = event.address; // 转换后的地理位置 var point = eve
2021-01-11 09:34:20
1753
原创 uniapp 右侧滑动左侧自动定位到相应模块
适应各种手机的右侧滑动，左侧能自动定位到相应位置项目开发中，需要手机左侧是模块名称，右侧是所有模块的展示，右侧可滑动，滑动到另一个模块时，左侧能自动激活到相应模块主要使用scroll-view，@scroll，scrill-into-view。html代码//左侧常规写，声明一个变量控制样式激活状态//右侧<scroll-view class="scroll" scroll-y="true" :scroll-into-view="scrollViewId" @scroll="onS
2020-12-10 16:43:28
1613
原创 自己维护地址时前端展示
uniapp手写地址选择html代码js代码** 在一个项目需要自己维护地址时，就需要根据后端维护的地址进行选择**使用swiper实现省市区三级联动，每个获取的列表都是后台接口（省市区三个列表）先需要写三个swiper，分别对应省市区，每个swiper-item就是对应的省市区的名称，页面展示5个获取的数据，不能在头部，需要留空，所以要对数据进行头尾各推加两个空元素站位进入页面获取省，市，区列表，默认省市的id要有3个变量分别监听省市区的当前指定的current，减去空元素的站位html
2020-12-10 16:24:41
182
原创 uniapp关于nvue页面的使用
uniapp关于nvue页面的使用不用写display:flex; 自动就是flex布局，但是自动加入了flex-derection:column,需要自己覆盖修改没有%，最好通过获取屏幕宽度动态绑定宽度border不能简写，分成border-style,border-color,border-width(border-top)文字显示和绑定只能通过text标签绑定nvue向vue页面传输许多数据并跳转时，可以使用仓库储存，在onUnload时清空(判断对象是否为空，JSON.stringify
2020-08-03 17:18:44
4047
原创 vue判断时间，通过filter筛选
时间方法判断是否是今天判断距今几天在vue页面中使用（filter）当需要根据返回的信息设置不同的样式时判断是否是今天判断距今是几天怎么在vue页面使用和封装判断是否是今天// var str = '2020-07-28 16:44:57' var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){
2020-08-03 17:05:26
1543
原创 在vue项目中使用全局混入
在vue项目中使用全局混入步骤：代码展示步骤：根目录下新建文件夹，新建js文件填写筛选条件，返回值main.js中导入此混入的js文件并混入使用在需要的页面中直接使用全局混入的筛选方法代码展示新建mixin文件夹中包含commin的js文件，填写筛选条件import store from '../store/index.js'export default { filters:{ imgurl(imgsrc){ if(imgsrc) { if(imgsrc.subs
2020-07-20 14:17:30
584
原创 uniapp的swiper动态赋值问题
uniapp的swiper动态复制问题过程html的结构js中操作过程可以给组件赋class值，通过uniapp的createSelectorQuery方法动态获取高度如果多个组件在一起，可以通过view包裹住所有组件，获取view的高度mounted中获取初始高度，watch中监听切换，动态赋值给swiperhtml的结构<swiper :style="{height: componentHeight + 70 + 'px'}" @change="swiperChange" :cur
2020-07-15 14:48:51
4069
转载 js判断传过来的时间距今几天
判断距今几天time2(data){ var date = data.toString(); var year = date.substring(0,4); var month = date.substring(5,7); var day = date.substring(8,10); var d1 = new Date(year+'/'+month+'/'+day); var dd = new Date(); var y= dd.getFullYear();
2020-07-09 17:07:39
529
原创 v-distpicker的使用
v-distpicker的使用1. 安装2. 注册与使用3. 使用方法1. 安装npm install v-distpicker --save2. 注册与使用import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker);3. 使用方法<v-distpicker hide-area @selected="sel" :province='province' :city='myaddress
2020-07-03 15:21:52
595
原创 企业信用代码等常用的正则验证
常用的正则验证方法整合var Reg = (/\S/g)==null *[HTML]: 判断是否为空var nameReg = /^[\u4E00-\u9FA5]{2,4}$/; *[HTML]: 名字var idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([
2020-07-03 15:07:07
1238
原创 pc端vue项目使用百度地图获取位置
pc端vue项目使用百度地图获取位置cli3方法过程理解cli3方法获取百度地图ak新建js文件，将动态加载百度地图的api函数完成在需要的页面或组件里面使用import导入方式使用在mounted钩子函数中调用，将密钥传给js文件加载new一个BMap,使用其方法过程1.新建loadBMap的js文件，export default function loadBMap(ak) { return new Promise(function(resolve, reject) {
2020-07-02 14:41:21
955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人