- 博客(14)
- 收藏
- 关注
原创 微信小程序 tabbar
在微信小程序中,tabBar 是一种底部导航栏的布局方式,用于快速切换不同页面或功能模块。通常,每个底部选项对应着小程序的不同页面或功能。tabBar 是一个方便的方式来实现底部导航,允许用户快速访问小程序的不同功能或页面。你可以根据自己的小程序需求自定义底部导航栏的样式和功能。注意,小程序的底部导航栏最多支持 5 个选项卡。如果有更多的页面需要导航,你可以考虑使用其他布局方式或侧边栏导航。
2019-12-28 11:52:20 758 1
原创 通过css改变浏览器滚动条的默认样式
css改变盒子滚动条的样式谷歌浏览器如下// 改变滚动条的盒子::-webkit-scrollbar { width: 8px; background-color: #fff; }// 改变滚动条轨道::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius...
2019-12-17 14:05:10 407
原创 关于vuex保存的东西刷新后消失的问题
在默认模式下,vuex中保存的东西会在刷新之后被清空,这是因为浏览器刷新会重新加载 JavaScript 代码,包括 Vuex 存储的数据。导致我们想用vuex存储一些状态,比如登录状态,都会受到很大的影响每种方法都有其优点和限制,你可以根据你的应用需求选择适当的方法。如果你只需要在短时间内保存一些数据,本地存储可能足够;如果需要更可靠和安全的状态管理,可能需要考虑服务器端持久化。
2019-12-17 09:39:50 971 1
原创 vue中修改data中数据的方法
vue的data中保存一些数据,用于页面的渲染。有的时候,当我们手动对data中的数据修改时,vue却监听不到这些数据的变化,导致页面没有触发新一轮的更新。注意:出现以上问题的原因在于,没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对数据修改的那些方法,有一部分在vue中是不被认可的。vue中修改数组的方法:①变异方法(7个):push ,shift, unshif...
2019-12-16 11:10:06 45393 1
原创 vue中watch的用法
watch用来监听data中已经存在的数据,如果data中没有watch监听的数据,那watch就没有存在的意义watch能够监听到的几个先决条件1 watch监听的数据,data中必须已经存在,否则没有任何意义,2 watch监听的数据,如果是数组或对象,必须通过vue提供的方法去改变它的值时才能被监听到3 watch监听的数据改变,层级不能太深,只能是一层。对象和数组改变的地方,层级不...
2019-12-16 00:22:35 379
原创 vue项目input标签checkbox,change和click绑定事件的区别
我们经常在vue开发项目的过程中,遇到需要对input框使用v-modal的这种情况,在有的时候,不光需要双向数据绑定,还需要在改变数据之后绑定其它的操作,那么问题来了,你是使用@change绑定事件还是使用@click绑定事件建议不要通过click绑定事件,对待input标签,最好通过change来触发,本人血的教训。<input @change="inputchecked" clas...
2019-12-15 23:45:30 7583 1
原创 js那些常用的遍历节点的方法
你可以编写递归函数来遍历 DOM 树的各个节点,访问它们的属性和执行操作。这些方法提供了多种方式来遍历 DOM 节点,你可以根据需要选择最适合你的方法。注意,一些方法可能返回文本节点等非元素节点,因此需要小心处理。在 JavaScript 中,遍历 DOM 节点(文档对象模型)的方法有多种。允许你通过 CSS 选择器选择特定的节点或一组节点。分别用于根据元素的 ID 和类名来获取节点。这些方法可以快速定位到特定节点。你可以使用这些属性来遍历父节点和子节点。属性可以访问节点的下一个兄弟节点和上一个兄弟节点。
2019-12-08 23:00:00 1533 1
原创 js关于字符串的常用操作
字符串常用方法,越往后用得越少1.concat(v1,v2…)concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。2.indexOf(substr, [start])indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到,则返回-1。Start是一个可选参数,指定字符串中开始搜索的位置,默认值为0。3.la...
2019-12-05 00:10:04 205
原创 react路由和路由嵌套
如果需要路由嵌套,只需要在本身是路由的子组件中继续完成上面的步骤就可以了,举个例子,在about组件中海油许多子组件路由。安装react-router react-router-dom react-router-native。后面两个对第一有依赖,所以只用安装后面两个即可,会自动安装第一个依赖。每一个需要使用路由的组件,都应该根据需求进行导入。那就在about组件中完成以下代码。
2019-12-03 15:03:43 481 1
原创 react生命周期
当页面被打开,路由被激活,将会触发挂载挂载阶段constructor 创建一个组件的解构,在里面执行super(),创建组件私有数据this.state={}render 阶段,创建一个虚拟的dmo,在里面创建html代码,通过return返回创建的虚拟demo结构componentWillMount 组件即将挂载,这个基本没什么用,即将被废弃,不推荐使用componentDidMou...
2019-12-02 23:25:45 120
原创 react中的双向数据
大家都知道vue中有一个双向数据绑定,通过v-model来实现,通常用于input标签,但在react中,是没有这样一个机制的。开发者可以根据情况,自己手动进行双向数据绑定在react中模拟input的双向数据绑定import React from 'react'class Dx extends React.Component { constructor () { super() ...
2019-12-02 17:07:21 270
原创 react中关于state
在react项目中,关于class定义的组件,可以使用私有数据私有数据的定义方式如下import React from 'react'class Dx extends React.Component { constructor () { super() this.state = { work: '前端开发工程师' }//在this.state对象里面,保存组件的私有数据...
2019-12-02 16:21:39 242
原创 react 事件绑定机制
给标签绑定事件的第一种方式<button onClick={ function(){console.log('点击事件触发了了')}}> 触发点击 </button>添加类似onClick的属性,onMouseEnter,onMouseOver等等这些属性名必须按照小驼峰的方式命名,给标签绑定事件的第二种方式在组件里面定义一个函数,当触发点击事件的时候...
2019-12-02 15:47:30 737
原创 react写样式的方式
第一种:行内样式的写法1-----------------------------------------------------------------------------------在标签上绑定style属性,style={ } ,向{}里面存放一个对象,对象的内容就是样式的表达式<div style={{color: 'red',fontSize: '20px'}}>d...
2019-12-02 10:45:50 1045
国家或地区,中文名称与对应的地理坐标
2023-02-23
常用国家或地区 英文简写与地理坐标
2023-02-23
flexible.js 实现响应式布局
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人