react useRef的两层用法,开眼界了

2022-06-15
阅读 2 分钟
1.6k
代码中用 useRef 创建了 couterRef 对象,并将其赋给了 button 的 ref 属性。这样,通过访问 couterRef.current 就可以访问到 button 对应的 DOM 对象。

ES6模块化改变前端的原生开发方式

2022-05-31
阅读 2 分钟
1.1k
ES6推出的模块化,使用方式有点类似 require.js,只需要引入一个入口文件即可,其他的js文件可以按功能创建及引入,export 导出方法属性,然后 import 引入使用,这个新特性可能在未来会引来原生开发的热潮,不需要三方框架(vue、react)即可自由使用模块化开发,而且目前浏览器市场快统一了,就连IE也放弃了自己的内核...

vue3.x几个不看不知道的自动化加载技巧

2022-05-23
阅读 5 分钟
2.1k
最近鼓捣了一下 Vue3 + Vite2,遇到了不少问题,整理了5个可以提高开发效率的小知识,让你在 Vue3 的项目开发中更加丝滑、顺畅。

一个你想不到的小程序数组更新方式

2022-05-18
阅读 2 分钟
1.3k
首先这里不得不吐槽下小程序的数组更新,直接通过 setData 替换整个数组只在开发者工具上有效果,放到真机上就完全失灵,这是一件很蛋疼的事情,不知道小程序官方团队的更新机制是什么,也没有去细看,猜测可能与引用类型有关系。

vue3.x页面功能拆分方式

2022-05-17
阅读 1 分钟
1.8k
vue3.x相对比vue2.x主要的应用区别在于setup的使用,这个也是vue3.x的特色,所有的功能都得通过vue钩子引入使用,因为 setup 语法糖环境是不支持 this 的,这种开发方式有点回到原始的感觉,针对小项目还好,但如果页面模块功能复杂,如果都放到一个文件里堆叠,不仅会造成可读性差,而且时间长了难以维护,所以这就需要...

Vue3.x项目开发常用知识点

2022-05-12
阅读 2 分钟
1k
PS:以下知识点都是基于 vue3.x + typescript + element-plus + setup语法糖 使用的。一、定义组件属性 {代码...} [warning] 注意:defineProps 不用从vue引入,setup 语法糖环境会自动识别二、formatter简写在 el-table-column 中使用 formatter 简写 {代码...} 三、子父组件通信子组件: {代码...} 父组件: {代码...}...

如何有效的删除数组中符合条件的值?

2022-04-29
阅读 1 分钟
1.3k
结果:[2, 4, 5, 6, 7, 8],与预想的:[5, 6, 7, 8]对比明显不是想要的数据,出现这个原因是为什么呢?下面我们来剖析下循环执行步骤和输出结果:

vue3.x从打包、部署到上线

2022-04-24
阅读 3 分钟
3.1k
作者采用的项目架构:vue3.x + typescript + element-plus + axios,知道这一点很重要,因为目前 vue3.x 和 element-plus 还在不断更新迭代中,可能后面又会有所变化,导致具体的解决方案也会跟着改变。

vue3.x路由404通配处理

2022-04-21
阅读 1 分钟
1.7k
vue-router3.x通配规则vue2.x对应的vue-router3.x的404路由通配方式: {代码...} vue-router4.x通配规则上面的代码在vue3.x对应的vue-router4.x的路由通配中就没有效果了,需要改成这样才行: {代码...} 匹配优先级有时候,同一个路径可以匹配多个路由,此时,匹配的优先级就按照路由的定义顺序:路由定义得越早,优先级...

vue3.x+ts+vite2环境变量配置

2022-04-20
阅读 2 分钟
2.8k
默认 dev 环境下使用 .env.development 环境变量配置,build 环境下使用 .env.production,所以不需要在 package.json 中再指定模式了

vue3+ts+vite2环境变量应该这样使用

2022-03-24
阅读 2 分钟
5.4k
默认 dev 环境下使用 .env.development 环境变量配置,build 环境下使用 .env.production,所以不需要在 package.json 中再指定模式了

西瓜播放器前端代码

2021-10-15
阅读 1 分钟
1.5k
传送门:[链接]

推荐两款买房计算器小程序

2021-04-12
阅读 1 分钟
1.4k
一、房贷计算器专业计算房贷二、房税计算器专业计算房税(维修基金、契税等)

vuepress打包项目如何在express框架渲染

2021-03-10
阅读 1 分钟
2.1k
如果要在 express 项目上加一个 vuepress 写的文档应如何渲染?Vuepress 是 Vue 驱动的静态网站生成器1、.vuepress/config.js 修改 base 配置指定静态资源目录,如:test目录 {代码...} 2、打包去缓存配置package.json {代码...} 3、把打包目录 dist 复制到 express 项目 public 目录下4、路由配置 {代码...} 视图目录:...

webp图片的优劣势及生成

2021-02-23
阅读 3 分钟
5.2k
WebP相比于JPG拥有更小的文件尺寸、更高的质量(相比于相同大小不同格式的压缩图片),抽取100张商品图片采用80%压缩,大约能减少60%的文件大小。

动态polyfill和import

2021-02-20
阅读 1 分钟
2.2k
以前都是通过 babel-polyfill 一把梭,不管能不能用到,都全量处理,这样虽然方便,但也会造成资源浪费,所以出来了一个动态 polyfill 概念,根据项目需要指定要 polyfill 的特性,而且会根据浏览器是否支持来决定要不要 polyfill,这样性能会更好,如何指定要 polyfill 的特性,直接到 polyfill.io 勾选生成即可

免费字体下载

2021-02-08
阅读 1 分钟
941
字体分享录:[链接]

react className变量使用方式

2021-01-20
阅读 2 分钟
5.9k
[success] 这种命名规范主要是避免 class 作用域相互影响,在新版的 React 中命名为 xxx.module.scss 自动开启。

微信小程序轮播图高度自适应

2020-11-04
阅读 2 分钟
2.6k
图片自适应在网站上是内置好的,只需要设置宽度即可,但在微信小程序非要做一个封装,高度不是随宽度自适应,真是操蛋,不过谁叫在人家的平台的搞呢,还是不得不屈服于小马哥的淫威啊。。

vuex-router-sync如何使用

2020-10-31
阅读 3 分钟
2.3k
简单来讲vuex-router-sync插件就是将vue-router的状态同步到vuex中一、安装npm下载地址:[链接] {代码...} 二、使用 {代码...} 打印store.state即可看到当前路由状态三、使用场景假如您想在一个组件中显示一条消息,希望在几乎每一个页面上都显示“Have a nice day, Jack”,除了首页,因为首页要显示"Welcome back, Jack"...

selenium之nodejs入门使用

2020-10-30
阅读 2 分钟
1.8k
有了对selenium文档的了解,这里还需要做一个hello world演示,不然不知道怎么跑起来的,心里总觉得不舒服,所以下面介绍下基于nodejs的selenium启动使用

做项目容易但运营真的好难

2020-10-30
阅读 1 分钟
1.3k
直到做了一个平台后,现在真的明白当初华为为什么没有推自己的手机操作系统,因为用户生态很难建立,用户已经习惯了现有的ios和android操作系统,再出来一个新的操作系统,可能就只有国内人买账了,因为对应操作系统上的应用真的太多了,一个个重头开发或兼容到新的操作系统上确实不是一两年能实现的,而以互联网的快速...

微信小程序反编译

2020-10-29
阅读 2 分钟
2.4k
一、相关环境安装1、下载 nodejs2、下载反编译nodejs脚本 wxappUnpacker 提取码:mduo 3、下载 夜神模拟器4、下载 RE文件管理器RE:Root Explore二、获取.wxapkg文件在夜神模拟器里安装微信和RE文件管理器PS:把前面下载好的RE文件管理器直接拖到夜神模拟器安装即可接下来设置模拟器的超级权限,如下图:然后在模拟器微...

phantomjs入门使用

2020-10-28
阅读 3 分钟
6.3k
PhantomJS是一个命令行工具。确保您熟悉命令提示符或PowerShell(在Windows上)或终端(在macOS和Linux上)的使用。这个指令假设PhantomJS已经安装并放置在路径的某个地方(例如,Windows用户请参阅本教程)。

android webview与原生交互

2020-10-13
阅读 2 分钟
2.9k
demo.html完整示例 {代码...} 一、android调用webview javascript首先要启用javascript,默认是false {代码...} 加载调用 {代码...} 如果要显示后调用,只需把代码放到 onPageFinished 生命周期里就可以了二、webview javascript调用android {代码...} MyJavascriptInterface.java部分代码 {代码...} 三、加载完直接调用...

grpcwebproxy代理服务2步启动

2020-09-30
阅读 2 分钟
3.4k
在看这篇文章之前,先要做好前提工作1、搭建一个gRPC服务:[链接]2、解析.proto文件为js文件:[链接]上面两步处理完成后,再搭建代理服务,不然前端是不能直连grpc服务的一、安装启动1、下载下载地址:[链接]按操作系统选择,这里以 grpcwebproxy-v0.13.0-win64.exe.zip 为例下载完成后把 grpcwebproxy.exe 放到项目根目...

proto语法说明

2020-09-25
阅读 2 分钟
5.5k
官方文档:[链接]一、基本语法示例 {代码...} 命令规范建议使用上面示例字段类型有:二、字段修饰符singular:单个的,有0个或1个(默认)repeated:重复的,重复任意次数required:要求的optional:可选的reserved:保留的,保留字段名或字段号 {代码...} [warning] 注意:不能在同一个reserved语句中同时使用字段名和...

typescript接口使用总结

2020-09-22
阅读 3 分钟
1.2k
接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。

Autoprefixer配置详解

2020-09-10
阅读 8 分钟
12.6k
说是Autoprefixer介绍,其实是Browserslist介绍,因为Autoprefixer使用的是Browserslist一、Browserslistgithub仓库:[链接]适用于以下前端工具:AutoprefixerBabelpostcss-preset-enveslint-plugin-compatstylelint-no-unsupported-browser-featurespostcss-normalizeobsolete-webpack-pluginpackage.json配置示例: {代...

nginx location匹配规则

2020-09-09
阅读 1 分钟
4.7k
语法: {代码...} 规则:/ 开头表示通用匹配(任何请求都会匹配到)= 开头表示精确匹配^~ 开头表示uri以某个常规字符串开头(如url路径)~ 开头表示区分大小写~* 开头表示不区分大小写!~ 开头表示区分大小写不匹配!~* 开头表示不区分大小写不匹配优先级:首先精确匹配 = -> 其次以xx开头匹配^~ -> 然后是按文件中...