自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 微信小程序 tabbar

在微信小程序中,tabBar 是一种底部导航栏的布局方式,用于快速切换不同页面或功能模块。通常,每个底部选项对应着小程序的不同页面或功能。tabBar 是一个方便的方式来实现底部导航,允许用户快速访问小程序的不同功能或页面。你可以根据自己的小程序需求自定义底部导航栏的样式和功能。注意,小程序的底部导航栏最多支持 5 个选项卡。如果有更多的页面需要导航,你可以考虑使用其他布局方式或侧边栏导航。

2019-12-28 11:52:20 462 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 384

原创 关于vuex保存的东西刷新后消失的问题

在默认模式下,vuex中保存的东西会在刷新之后被清空,这是因为浏览器刷新会重新加载 JavaScript 代码,包括 Vuex 存储的数据。导致我们想用vuex存储一些状态,比如登录状态,都会受到很大的影响每种方法都有其优点和限制,你可以根据你的应用需求选择适当的方法。如果你只需要在短时间内保存一些数据,本地存储可能足够;如果需要更可靠和安全的状态管理,可能需要考虑服务器端持久化。

2019-12-17 09:39:50 851 1

原创 vue中修改data中数据的方法

vue的data中保存一些数据,用于页面的渲染。有的时候,当我们手动对data中的数据修改时,vue却监听不到这些数据的变化,导致页面没有触发新一轮的更新。注意:出现以上问题的原因在于,没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对数据修改的那些方法,有一部分在vue中是不被认可的。vue中修改数组的方法:①变异方法(7个):push ,shift, unshif...

2019-12-16 11:10:06 44405 1

原创 vue中watch的用法

watch用来监听data中已经存在的数据,如果data中没有watch监听的数据,那watch就没有存在的意义watch能够监听到的几个先决条件1 watch监听的数据,data中必须已经存在,否则没有任何意义,2 watch监听的数据,如果是数组或对象,必须通过vue提供的方法去改变它的值时才能被监听到3 watch监听的数据改变,层级不能太深,只能是一层。对象和数组改变的地方,层级不...

2019-12-16 00:22:35 353

原创 vue项目input标签checkbox,change和click绑定事件的区别

我们经常在vue开发项目的过程中,遇到需要对input框使用v-modal的这种情况,在有的时候,不光需要双向数据绑定,还需要在改变数据之后绑定其它的操作,那么问题来了,你是使用@change绑定事件还是使用@click绑定事件建议不要通过click绑定事件,对待input标签,最好通过change来触发,本人血的教训。<input @change="inputchecked" clas...

2019-12-15 23:45:30 6808 1

原创 js那些常用的遍历节点的方法

你可以编写递归函数来遍历 DOM 树的各个节点,访问它们的属性和执行操作。这些方法提供了多种方式来遍历 DOM 节点,你可以根据需要选择最适合你的方法。注意,一些方法可能返回文本节点等非元素节点,因此需要小心处理。在 JavaScript 中,遍历 DOM 节点(文档对象模型)的方法有多种。允许你通过 CSS 选择器选择特定的节点或一组节点。分别用于根据元素的 ID 和类名来获取节点。这些方法可以快速定位到特定节点。你可以使用这些属性来遍历父节点和子节点。属性可以访问节点的下一个兄弟节点和上一个兄弟节点。

2019-12-08 23:00:00 1345 1

原创 js关于字符串的常用操作

字符串常用方法,越往后用得越少1.concat(v1,v2…)concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。2.indexOf(substr, [start])indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到,则返回-1。Start是一个可选参数,指定字符串中开始搜索的位置,默认值为0。3.la...

2019-12-05 00:10:04 195

原创 react路由和路由嵌套

如果需要路由嵌套,只需要在本身是路由的子组件中继续完成上面的步骤就可以了,举个例子,在about组件中海油许多子组件路由。安装react-router react-router-dom react-router-native。后面两个对第一有依赖,所以只用安装后面两个即可,会自动安装第一个依赖。每一个需要使用路由的组件,都应该根据需求进行导入。那就在about组件中完成以下代码。

2019-12-03 15:03:43 443 1

原创 react生命周期

当页面被打开,路由被激活,将会触发挂载挂载阶段constructor 创建一个组件的解构,在里面执行super(),创建组件私有数据this.state={}render 阶段,创建一个虚拟的dmo,在里面创建html代码,通过return返回创建的虚拟demo结构componentWillMount 组件即将挂载,这个基本没什么用,即将被废弃,不推荐使用componentDidMou...

2019-12-02 23:25:45 109

原创 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 261

原创 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 232

原创 react 事件绑定机制

给标签绑定事件的第一种方式<button onClick={ function(){console.log('点击事件触发了了')}}> 触发点击 </button>添加类似onClick的属性,onMouseEnter,onMouseOver等等这些属性名必须按照小驼峰的方式命名,给标签绑定事件的第二种方式在组件里面定义一个函数,当触发点击事件的时候...

2019-12-02 15:47:30 710

原创 react写样式的方式

第一种:行内样式的写法1-----------------------------------------------------------------------------------在标签上绑定style属性,style={ } ,向{}里面存放一个对象,对象的内容就是样式的表达式<div style={{color: 'red',fontSize: '20px'}}>d...

2019-12-02 10:45:50 1015

国家或地区,中文名称与对应的地理坐标

国家或地区,中文名称与对应的地理坐标 阿富汗: [67.709953, 33.93911], 安哥拉: [17.873887, -11.202692], 阿尔巴尼亚: [20.168331, 41.153332], 阿联酋: [53.847818, 23.424076], 阿根廷: [-63.61667199999999, -38.416097], 亚美尼亚: [45.038189, 40.069099], 澳大利亚: [133.775136, -25.274398], 奥地利: [14.550072, 47.516231], 阿塞拜疆: [47.576927, 40.143105], 布隆迪: [29.918886, -3.373056], 比利时: [4.469936, 50.503887], 贝宁: [2.315834, 9.30769]}... 当然还有更多内容,如果你想添加其它的地区及对应的经纬度,请按照 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负)这样的方式添加。

2023-02-23

常用国家或地区 英文简写与地理坐标

常用国家或地区 英文简写与地理坐标, 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负) 如果你想在文件的基础上添加都写地区的经纬度,请遵循上面的规则。 AF: [67.709953, 33.93911], AX: [19.9167538, 60.1749041], AO: [17.873887, -11.202692], AL: [20.168331, 41.153332], AS: [-170.43, -14.16], AI: [-63.0500809, 18.2232298], AG: [-61.48, 17.2], AE: [53.847818, 23.424076], AR: [-63.61667199999999, -38.416097], AM: [45.038189, 40.069099], AW: [-70.02, 12.32], AU: [133.775136, -25.274398], AT: [14.550072, 47.516231]

2023-02-23

世界各国地图geojson大全

世界各国地图geojson大全

2022-11-15

flexible.js 实现响应式布局

我将flexible限制的540px直接注销掉了,无论分辨率多大,都能实现响应式。 flexible.js 配合vscode的插件cssrem使用,非常方便。 我用来做大屏展示的项目,因为没有规定屏幕的分辨率具体是多大,所以flexible是一个不错的选择。

2022-11-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除