- 博客(25)
- 收藏
- 关注
RSS订阅原创 好用的css属性
writing-modewriting-mode 属性定义了文本在水平或垂直方向上如何排布,用来控制文本的展示方向,以便可以从上到下或从左到右读取,具体取决于语言
2022-06-24 15:52:33
191
原创 小程序的运行环境判断和跨端兼容
小程序运行环境的判断if(process.env.NODE_ENV === 'development'){ console.log('开发环境') }else{ console.log('生产环境') }判断平台**编译期判断 条件编译 **只在h5上编译*//#ifdef H5 alert('你好')//#endif不会在App中出现//#ifndef APP-PLUSalert(“你好”)//#endif运行期判断uni.getSyste
2022-04-21 14:33:12
1822
原创 用本地存储来保存vuex的状态，避免刷新时vuex的状态消失
import Vue from 'vue'import Vuex from 'vuex'Vue.Vue(Vuex);const store = new Vuex.Store({ state:{ username:uni.getStorageSync('username')?uni.getStorageSync('username'):"未登录用户" }, mutations:{ MLOGIN(state,userNmae){ uni.setStorageSync('use
2022-04-21 14:06:44
917
原创 微信小程序动画
<view class="topimg" :animation="animationData" @click='go'> </view>data(){ return { animationData:{}}}methods:{go(){ var animation = uni.createAnimation({ duration:200, timingFunction:'linear', .
2022-03-23 22:20:19
107
原创 好用的npm包
格式化时间的包moment().format('MMMM Do YYYY, h:mm:ss a'); // 三月 11日 2022, 3:51:19 下午//moment()得到当前的时间
2022-03-11 15:54:19
138
原创 小程序高度的计算
wx.getSystemInfo({ success: function(res) { //获取窗口高度px var clientHeight = res.windowHeight, //获取窗口宽度px clientWidth = res.windowWidth, rpx_r = 750 / clientWidth; // 窗口的高度rpx var height.
2022-02-25 13:39:15
483
原创 头部搜索组件跟列表组件的关联
头部搜索组件html<div class="search"> <img src="/static/img/explore-search-icon.svg" alt=""> <input v-model="searchName" type="text" confirm-type="search" @change="searchList" /></div>//chang事件 input失去焦点的时候才会被触发js /
2022-01-14 11:09:45
315
原创 Vue中.sync修饰符的使用
使用场景: 需要对一个 prop 进行“双向绑定”。vue父子通信是单向数据流，也就是子组件不能修改父组件的值。但是在很多情况下，子组件得到父组件的传值后，还需要再修改父组件传入的这个原始值。最原始的父子组件的传值//父组件<child-cop :cmessage=“message” @update:cmessage="handler"></child-cop> data: { message: '父组件中的message' } met
2022-01-13 17:49:47
356
原创 uniapp的页面通讯
uni.$emit触发全局的自定事件。附加参数都会传给监听器回调。 uni.$emit('update',{msg:'页面更新'})uni.$on监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。 uni.$on('update',function(data){ console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg); })uni.$once监听全局的自定义
2022-01-13 11:40:41
377
原创 小程序手指滑动一段距离 页面滚动
在整个页面上就监听手指触摸开始和手指触摸结束时间<template> <view @touchstart="handleTouchstart" @touchend="handleTouchend"> </view></template>事件处理//得到手指触摸屏幕的初始y值 handleTouchstart(event) { this.startY = event.changedTouches[0].clientY
2022-01-12 17:10:18
790
转载 小程序自定义导航栏
1.设置 “navigationStyle”:“custom”,{ "path" : "business_circle/business_circle", "style" : { "navigationStyle":"custom", "app-plus" : { "bounc
2022-01-12 16:39:54
560
原创 Vue脚手架创建的项目，配置路径的别名
在项目的根目录下新建一个vue.config.js文件即可，内容如下:const path = require('path')const resolve = dir => { return path.join(__dirname, dir)}module.exports = { chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('@img',
2022-01-11 10:19:40
153
原创 uniapp的节点查询器
创建节点查询器//将选择器的选取范围更改为自定义组件 component 内，返回一个 SelectorQuery 对象实例 const query = uni.createSelectorQuery().in(this)selectorQuery.select(selector)//在当前页面下选择第一个匹配选择器 selector 的节点，返回一个 NodesRef 对象实例，可以用于获取节点信息 query.select(`#city-letter-${id === '#' ? '0'
2022-01-11 09:36:56
2165
原创 AXIOS封装
单独建一个network文件建立一个network.js创建import axios from 'axios';export function request1(config){ const instance = axios.create({ baseURL: baseURL.url1, timeout: 5000 }) return instance(config)}export function request2(config){
2022-01-10 23:36:14
263
原创 函数的防抖和节流
函数防抖 防抖，触发事件后的n秒内函数只能执行一次，如果在n秒内又触发了事件，就会重新计算函数执行的时间function(func,wait){let timeout;return function(){ let context = this; let args = arguments; if(timeout) clearTimeout(timeout); timeout = setTimeout(()=>{ func.apply(context, args
2022-01-10 17:57:17
180
原创 npm qs 模块
qs.parse()const str = "username='admin'&password='123456'" console.log(qs.parse(str)) // Object { username: "admin", password: "123456" }qs.stringify()const a = qs.stringify({username:'admin', password:'123456'})console.log(a)//username=admin&
2022-01-10 17:26:17
559
原创 小程序登录和注册
小程序的登录调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户在当前小程序的唯一标识（openid）、微信开放平台帐号下的唯一标识（unionid，若当前小程序已绑定到微信开放平台帐号）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成uni.login({ provider: 'weixin', success: (res) => { console.log( res ); Vue.prototype.$u.ap
2022-01-10 09:45:19
318
原创 vuex vue的状态管理工具
安装vuex//安装vuexnpm install vuex --save引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)创建vuex的实例对象并导出export default new Vuex.Store({ state: {}, getters: {}, mutations: {}, actions: {}, modules: { app, order,
2022-01-07 15:19:53
276
原创 fly.js封装
安装fly.jsNpm install flyio引入fly.js微信小程序引入const Fly = require(‘flyio/dist/npm/wx’)const fly = new Fly()h5引入const Fly = require(‘flyio/dist/npm/fly’)设置超时时间和基地址fly.config.timeout = 20000fly.config.baseURL = ‘*********’添加请求拦截器 和响应拦截器//请求拦截fly.inter
2022-01-07 11:05:39
996
原创 当行文本和多行文本溢出隐藏
单行文本 div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }多行文本 div { -webkit-box-orient: vertical; -webkit-line-clamp: 3;/*可以设置显示几行后显示省略号*/ overflow: hidden; }..
2021-12-25 15:06:42
320
原创 css响应式布局的媒体查询
什么是响应式布局网页可以根据不同的设备或者窗口呈现出不同的效果使用响应式布局，可以使一个网页是适用于所有的设备响应式的关键就是媒体查询可以通过媒体查询为不同的设备，或者不同的状态来分别设置样式媒体查询语法 @media 查询规则{}媒体类型 ：all 所有的设备print 打印设备screen 带屏幕的设备speech 屏幕阅读器 可以在媒体类型前添加一个only：表示只有。 only的使用主要是为了兼容一些老版本的浏览器@media print,screen{
2021-12-22 17:04:07
300
原创 vue的事件修饰符
.stop阻止冒泡，阻止事件上级传递.prevent阻止默认事件的发生，比如点击超链接页面跳转。.capture捕获冒泡，当有冒泡发生时，带有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按照顺序执行。.self将事件绑定到自身，只有自身才能触发，通常避免冒泡事件的影响。.once设置事件只能触发一次，比如按钮的点击等.passive修饰符可以串联使用...
2021-10-15 14:41:56
39
转载 如何使用for循环把对象push到数组中，且前面的值不会被覆盖
如何使用for循环把对象push到数组中，且前面的值不会被覆盖为什么前面的值会被覆盖解决方法为什么前面的值会被覆盖var arr = []var obj = {}for(var i=0;i<5;i++){obj.name = i+10;arr.push()}console.log(arr) //[{name:24},{name:24},{name:24},{name:24},{name:24}]每次取出来的值都放在abj.name中，因为是在外面定义的对象，所以obj的地址是一样
2021-10-12 13:50:10
1821
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人