自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 扁平化数组转化为树形结构(递归)

【代码】扁平化数组转化为树形结构(递归)

2023-06-28 17:59:35 209 1

原创 相同域名下的页面互传信息

【代码】相同域名下的页面互传信息。

2022-12-27 14:56:39 279 1

原创 动态实现瀑布流

动态实现瀑布流1.首先获取动态高度根据标签动态获取,首先需要封装export default{ getRect(selector){ return new Promise((resolve) => { // uni.createSelectorQuery获取元素节点,小程序里wx.createSelectorQuery Vue里在元素上添加ref属性,使用$refs来获取到该元素 let view = uni.createSelectorQuery().select(selec

2021-03-21 21:23:46 222

原创 正则表达式

创建正则表达式1)字面量的形式的创建var reg = /abcdef/;2)在JS中也有一个关于正则的构建函数 RegExplet reg2 = new EegExp(‘abc’);正则的俩个核心方法1)test 验证 验证我们的字符串是否符合正则表达式这个规则语法:reg.test(你要检测的字符串);返回值:一个是布尔类型 true符合规则 false不符合规则2)exec 捕获 从一个字符串中获取符合我们规则的一个字串语法:reg.exec(你要捕获的字符串);

2021-01-28 19:57:26 98 1

原创 了解git和github

git首次安装的配置1)打开Git bash,你要哪个目录下面打开,无所谓2)输入一个命令,叫git config --list3)配置全局邮箱打开Git bash,你要哪个目录下面打开,无所谓输入一个命令:git config --global user.email “你的邮箱”这个邮箱,理论上,你可以随便写一个,最好使用真实邮箱,最好使用你注册github的邮箱没有任何提示,就表示配置OK4)配置全局用户名打开Git bash,你要哪个目录下面打开,无所谓输入一个命令:git con

2021-01-27 20:25:01 118 1

原创 react中的生命周期

1.constructor(props)在挂在之前被调用,里面放初始化函数,调用super(props)来将父组件传来的props绑定到这个类中React组件的构造函数在挂载之前被调用。在实现React.Component构造函数时,需要先在添加其他内 容前,调用super(props),用来将父组件传来的props绑定到这个类中,使用this.props将会得到。官方建议不要在constructor引入任何具有副作用和订阅功能的代码,这些应当使用 componentDidMount()。con

2021-01-18 18:55:48 61

原创 react中获取Input的值

ref: this.refs.box.value(这种写法目前已经被淘汰了)2)<input ref={ (input)=>{ this.input = input } } /> this.input.value (input 代表input框这个真实元素)3)this.inp = React.createRef(); <input ref={ this.inp } /> this.inp.current.value受控输入框和非受控输入框:所谓的受控或非

2021-01-15 21:16:53 1472 1

原创 哈希路由和历史路由

路由分两种:hash模式:url后面的有一个#,#后面的字符串,叫hash值,也叫锚点。 1)hash 值变化不会导致浏览器向服务器发出请求 2)hash 改变会触发 hashchange 事件 当hash值变化了,就会触发事件 3)在 html5 的 history 出现前,基本都是使用 hash 来实现前端路由的 4)由于hash路由,有个#,有人说比较丑 5)hash值变化,也会引起,浏览器的前进和后退 6)相对于history来说,hash的兼容性

2021-01-12 22:24:31 1214

原创 react中的路由

路由的基本使用首先在app.js中引入import { Route, BrowserRouter as Router,Link } from "react-router-dom"然后route既表示路由的出口也表示规则,exact表示绝对匹配,component可写可不写<Route exact path="/index" component={ Index }></Route>想要跳转用link,to代表去向<Link to="/">首页</Lin

2021-01-06 19:14:13 92

原创 react在脚手架中的使用

在class创建的类中,如果要使用constructor钩子函数则必须使用super()super()的意思是指手动调用父组件的钩子函数验证数据1.组件外的写法MyCom.propTypes={name:PropTypes.string}//MyCom是指创建的类2.组件里的写法static propTypes={}设置默认数据MyCom.defaultProps = { address:"bj"}组件中的状态对于类组件来说,它的数据源可以是state,也可以是p

2021-01-04 20:54:45 72

原创 react的基本认识

react特点 1)虚拟DOM 2)组件化,组件系统,在react中组件也是核心之一 3)声明式 4)JSX语法(vue中的模板) 5)一次学习,随处编写(写网站,原生APP(RN),服务端渲染)react的基本使用: 1)下载react.js,并引用react.js。 2)还需要引入react-dom.js 3)通过React.createElement创建虚拟DOM 4)把虚拟DOM挂载到真实的DOM上创建虚拟DOM的两种方式(这都需

2021-01-04 13:34:27 139

原创 uni-app

uni-app中跳转路由的方法:uni.navigateTouni-app 中引入vuex的方法:1.创建一个store 文件夹在store中创建一个index.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex)let store=new Vuex.Store({ })2.在main 中注册3.引入使用将信息存入本地和销毁的方法:存入本地:label:单选框...

2020-12-28 22:47:44 67

原创 关于uni-app

uni-app页面跳转uni.navigateTo(OBJECT) 参数是一个对象,可以通过uni.navigateBack返回到原界面。transform和transition过渡transition过渡:transition-property:设置对象中的参与过渡的属性transition-duration:设置对象过渡的持续时间transition-timing-function:设置对象中过渡的动画类型transition-delay:设置对象延迟过渡的时间综合写法:/* 监

2020-12-25 22:40:44 335

原创 微信小程序之生命周期函数,路由跳转

生命周期函数,也称为钩子函数App对象1 onLaunch: 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)1)获取用户信息2)发起ajax请求,获取全局数据3)模拟启动小程序出错2 onShow: 当小程序启动 或 切前台3 onHide: 当小程序切后4 onError: 当小程序出错会就调用onErrorPage对象: onLoad:页面加载时执行,只执行一次 onShow:页面展示时执行,执行多次 onReady:

2020-12-21 21:09:12 319

原创 微信小程序之事件,发起ajax请求

所有事件共有事件类型A)touchstartB)touchmoveC)touchcancelD)touchendE)tapF)longpressG)longtap事件参数传递传递:需要使用data-打头的属性来完成获取:通过e.currentTarget.dataset.xxx 来获取数据target和currentTarget的区别target表示触发事件的那个事件源currentTarget表示绑定事件的那个事件源事件的冒泡和事件的捕获默认的事件传播机制是从内向外,叫冒泡传

2020-12-21 20:01:34 1796

原创 路由的基本认识

创建一个最基本的路由创建一个rountes文件夹下面建rount.js文件在rount.js导入并导出路由对象,其他组件也要在rount.js中声明import Vue from "vue";// 引入vue-router模块 是一个插件import Router from "vue-router";// 引入对应的组件import Home from "../views/Home";// 调用Vue.use使用插件 只要是插件,在vue中必须使用Vue.use()Vue.use

2020-12-07 19:34:37 177

原创 promise-更加优雅的写异步代码

promise的基本形式<script> let p = new Promise(function (resolve, reject) { // resolve("包包");// 调用resolve可以传递一个终值 成功的结果 // reject("没钱"); // }); console.log(p)</script>promise如何得到终值,如何得到拒因?<script> let p = n

2020-11-26 22:17:03 222

空空如也

空空如也

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

TA关注的人

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