- 博客(49)
- 问答 (2)
- 收藏
- 关注
原创 react-router5: 地址栏变化,页面没变
今天在写 react-router demo 的时候,出现了一个问题,浏览器地址栏变了,但是页面没变。
2023-04-06 14:33:52 711
原创 移动端布局(一)
移动端的布局 rem+vwrem:即相对于根元素html中font-size的倍数,因为移动端的设备大小不同 有320 有375的;如果我们把font-size写死,比如font-size=100px;这样的话 我们设置的元素大小在375 的屏幕下,显示的大小合适,但是如果换做320 的屏,由于元素大小不变,那么在320屏幕下显示则可能会非常别扭,影响用户体验。所以,我们希望元素大小...
2023-02-23 10:54:15 43
原创 Taro-音频 innerAudio 使用seek 方法后中断播放、ontimeupdate方法不执行
小程序 seek() 方法 跳转后,不继续播放
2022-08-09 18:40:37 368
原创 Taro-navicateTo的event 属性及eventChannel
Taro-navicateTo的event 属性及eventChannel
2022-07-04 11:35:09 1586
原创 typescript-回顾
一、typeoftypeof 函数function fnA(x:number):Array<number>{ return [x]}type fntype = typeof fnA // (x:number) => number[]二、ReturnType 和 Parameters获取函数的返回值类型function fnA(x:number):Array<number>{ return [x]}type fntype =
2022-05-31 15:22:07 44
原创 TypeScript - 01
typescript 中内置了工具类型:pick omit ,patial,parameters...这篇博客讲的很好,没有必要再去补充(95条消息) TS 里几个常用的内置工具类型(Record、Partial 、 Required 、 Readonly、 Pick 、 Exclude 、 Extract 、 Omit)的使用_织_网的博客-CSDN博客_ts内置类型...
2022-05-23 11:12:50 48
原创 Taro 实现微信支付
前端实现是比较简单的,调用后端时,返回一系列参数timeStamp, // 注意这里的时间戳也是后端返回的字段,不能前端 用 new Date.getTime() 获取nonceStr,package:,signType,paySign,直接上代码就行...
2022-04-28 16:55:28 731
原创 大家都能听懂的 http 缓存 讲解
http 缓存 目的是将资源放在浏览器端,减轻服务端的压力我觉得这篇文章大家都能听懂http 缓存分为两种:强制缓存 和 协商有序列表缓存强制缓存:无需和服务器端通信一般使用Cache-Control 即可,使用Expires是为了兼容低版本浏览器有了Expires 为啥还要有 Cache-Control 嘞:为了防止客户端和浏览器端,时间不一致不要忘了我们是可以修改自己电脑的时间的!!Cache-Control 有如下属性 no-cache: 强制进行协商缓...
2022-04-26 17:28:09 109
原创 webpack基础-01:webpack.common.js 一般配置
webpack 学起来不知道大家感觉怎么样,反正我学的 md ,想咬人一方面文档有些说明不是很清楚,一方面配置太他么多了,记不住啊。记住有点不太实际,如果把平时整理好的配置记录下来,等到不满足需求了再去查文档loader 及 插件的使用会在代码中注释talk is cheap,show me the codeconst path = require("path");const HtmlWebpackPlugin = require("html-webpack-plu...
2022-04-19 17:10:58 921
原创 antd 表单验证
antd 表单验证大致可以分为两种一种是 提交按钮在 在 Form.Item 内部一种是提交按钮在 在 Form.Item 外部// 表单外部<div className={styles.loginBtn}> <Button type="primary" onClick={this.onSubmit.bind(this)}> 登录 </Button></div>// 表单外部<Form.Item > <
2022-04-12 10:55:24 4570
原创 antd 覆盖原有样式
在使用 antd 的时候 往往需要覆盖原有的样式例如覆盖 Upload 组件大小 想要把下面的 Upload 组件调大代码// index.module.css.upload_size :global .ant-upload.ant-upload-select-picture-card { width:220px ; height:130px; border:'0px solid red'; background-c.
2022-04-11 17:31:38 3420
原创 CSS 实现 三角形
在技术交流群看到 有人面试的时候被问到 如何实现三角形 ,本来感觉自己很熟,一时也想不起啦。擦,果然是眼高手低 .triangle{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid re
2022-03-25 15:54:24 49
原创 Promise 用法
Promise 对前端开发人员来说并不陌生,可以一起看看Promise 的基础用法及平时不注意的表现Promise 有三种状态 pending、fullfilled、rejectedthen()const p1 = new Promise((resolve,reject)=>{ resolve('lll') // reject('222')})// resolve 把 pending 状态 改变为 fullfilled 执行then 的第一个回调函数 打印 11
2022-03-25 15:43:34 1087
原创 React 在哪个生命周期里监听props变化发请求
先说答案 (第三个参数 是 getSnapShotbeforeUpdate 的返回值)componentDidUpdate(prevProps, prevState, snapshot)Use this as an opportunity to operate on the DOM when the component has been updated. This is also a good place to do network requests as long as you compare
2022-03-17 16:05:02 2492
原创 Object.defineProperty()
使用过Vue 的同学都应该知道,Vue 的数据劫持就是通过Object.defineProperty() 实现的 下面我们来具体看一下 1.属性描述符 enumerable:是否可枚举的(可遍历) writable :value 值 是否可以改变 configurable: 属性是否可配置(为true ,可以通过 delete 删除对象属性,并可以更改配置项的值) let obj = {'gender':'male'} ...
2021-10-31 15:10:46 73
原创 Taro 小程序 阻止事件冒泡
网上大概有两种阻止事件冒泡的方式 :方式一:(部分开发者说此种操作无效,可尝试下面两种)handleClick=(e)=>{ e.stopPropagation() }<View className='iconfont iconxinxi' onClick={(e)=>{this.handleCilick()}} </View>方式二:(元素嵌套少时,此种方式有效)handleClick=(e)=>{
2021-05-08 09:15:57 1670
原创 webpack 基本配置
const { resolve } = require("path");const HtmlWebpackPlugin= require("html-webpack-plugin")module.exports = { entry: "./src/index.js", output: { filename: "index.js", path: resolve(__dirname, "./dist"), }, module: { rules: [ .
2020-12-06 16:13:57 83
空空如也
gitbash 打开很慢, 无$ 符号,输入命令没有作用
2021-11-24
VS2013菜单中没有 项目和生成两项?
2017-10-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人