前端
关注
分享
扫一扫
专注于前端总结
岁月如歌_
如果你愿意，在一个四下无人的夜晚，
请我喝一杯随便什么牌子的酒吧，让我把故事说给你听。
展开
-
微信小程序picker多列默认值回显取值方法
【代码】微信小程序picker多列默认值回显。原创 2023-03-01 16:15:09 · 1020 阅读 · 0 评论 -
记录 wx-open-launch-weapp 使用react开发微信环境h5打开微信小程序
1、在微信编辑器,测试号内怎么试都不生效,最后发现正式环境可以。2、点击跳转区域需要图片,写好后发现有时候生效有时候不能点击。4、最终ios,安卓手机的h页面都正常显示并且可以点击。2、必须已认证的公众号(开发模拟器不行,测试号不行)封装了组件 ,支持按钮,弹框,自定义内部内容。3、修复前两个功能后发现ios点击没反应。我是reacr taro开发。1、微信签名配合后端。原创 2023-02-16 16:48:53 · 2216 阅读 · 0 评论 -
新年灯笼(纯css)
【代码】新年灯笼(纯css)转载 2023-01-16 14:26:32 · 207 阅读 · 0 评论 -
前端登录界面通用模版
管理后台原创 2022-12-08 12:26:22 · 1272 阅读 · 2 评论 -
taro 小程序编译在标签上px转rpx的api
在编译时，Taro 会帮你对样式做尺寸转换操作，但是如果是在 JS 中书写了行内样式，那么编译时就无法做替换了，针对这种情况，Taro 提供了 API 来做运行时的尺寸转换。原创 2022-12-08 10:43:02 · 1002 阅读 · 0 评论 -
js判断数组对象内的某个字段是否有重复
【代码】js判断数组对象内的某个字段是否有重复。原创 2022-10-11 11:36:52 · 1360 阅读 · 0 评论 -
h5适配底部安全区
h5 在苹果浏览器中需要适配底部如图按钮适配.buttom { padding-bottom: 100rpx; padding-bottom: calc(100rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(100rpx + env(safe-area-inset-bottom));}原创 2022-05-30 10:26:17 · 1264 阅读 · 0 评论 -
正则匹配数字范围级匹配多个条件
1[0-9][0-9]可以匹配100至199。2[0-4][0-9]匹配200至249。最后25[0-5]匹配250至255同理其他范围可自行配置例如 1000-5000范围^[1-5][0-9][0-9][0-9]$原创 2022-05-26 17:26:26 · 1059 阅读 · 0 评论 -
本地部署docker实践
准备工作1、安装nginx2、安装docker3、准备一个前端项目4、mac电脑M1安装 Docker#使用 Homebrew 安装Homebrew(opens new window)的Cask(opens new window)已经支持 Docker Desktop for Mac，因此可以很方便的使用 Homebrew Cask 来进行安装：$ brew install --cask docker或者去官网下载检查docker你可以在终端通过命令检查安...原创 2022-03-14 16:11:10 · 5052 阅读 · 0 评论 -
live-server安装与使用
live-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。使用live-server，首先需要安装它：npm install -g live-server然后在所在项目目录下，打开命令行工具，输入 live-server，回车就可以了（注意这里默认打开的是index.html）。接着就会看到打开了一原创 2022-03-11 14:11:13 · 15759 阅读 · 2 评论 -
Linux 系统操作命令
shutdown 关机指令shutdown -h 10 ‘服务将在10分钟后关机’ 这个命令告诉大家，计算机将在10分钟后关机，并且会登陆用户的屏幕中shutdown -h now 立马关机shutdown -h 20:25 系统将在今天20:25关机shutdown -h +10 10分钟后关机shutdown -r now 系统立马重启 shutdown -r +10 系统10分钟后重启 reboot 重启 等同于 shutdown -r nowhalt 关闭系统 等同于 shut...原创 2022-03-03 14:37:03 · 195 阅读 · 0 评论 -
html引入lodash
cdn引入方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2022-03-08 10:46:56 · 2189 阅读 · 0 评论 -
antd pro logo如果引入本地图片
此处引入本地会报错我们可以在app.tsx里覆盖原先的logo原创 2022-02-25 09:12:50 · 1986 阅读 · 0 评论 -
curl命令详解
curl是一种命令行工具，作用是发出网络请求，然后获取数据，显示在"标准输出"（stdout）上面。它支持多种协议一、查看网页源码直接在 curl 命令后加上网址，就可以看到网页源码。以网址www.sina.com为例（选择该网址，主要因为它的网页代码较短）。$ curl www.sina.com<html><head><title>301 Moved Permanently</title></head><bod..转载 2022-02-25 08:26:50 · 6968 阅读 · 0 评论 -
js指定格式合并数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-12-01 16:20:37 · 768 阅读 · 2 评论 -
微信公众号解决跨域
--disable-web-security --allow-running-insecure-content原创 2021-09-13 10:14:45 · 1359 阅读 · 0 评论 -
js将一维数组转以多少个转为二维数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-05-28 10:15:06 · 560 阅读 · 0 评论 -
js正则 总结
//判断是否含有特殊字符 // let iconRule1 = /[`~!@#$%^&*_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&* ——\-+={}|《》？：“”【】、；‘’，。、]/im; let iconRule1 = /[`~!@#$%^&*_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&* ——\-+={}|《》？：“”【】、；‘’，。、]/im; // 判断是否含...原创 2021-03-16 09:28:16 · 282 阅读 · 0 评论 -
js点击，特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-03-04 14:33:57 · 664 阅读 · 2 评论 -
秒杀时间获取天小时分钟
let endTime = this.cancel_time * 1000; let nowTime = new Date().getTime(); let timeleft = endTime - nowTime; let day = parseInt((timeleft / (1000 * 60 * 60)) % 24) let hours = parseInt((timeleft / (1000 *...原创 2021-01-21 17:18:13 · 489 阅读 · 0 评论 -
vue 判断某个值是否为真，判断条件为多个值
<button class="action cu-btn" v-if="isContentShow([-1, 3, 4, 7], item.status)" @click.stop="delOrder(item, index)">删除订单</button> /** * @description 判断内容是否显示 * @param {String} arr = 要判端数组 * @param {String | Number} val = 要判的值 ...原创 2021-01-19 11:23:27 · 3859 阅读 · 0 评论 -
js从一个数组内随机取一个值
var arr =[1,2,4,6,8]var index = Math.floor((Math.random()*arr.length)); console.log(arr[index])原创 2021-01-14 10:34:28 · 10314 阅读 · 0 评论 -
js递归通过指定id值获取树结构内的位置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></body>.原创 2021-01-06 09:40:35 · 2635 阅读 · 2 评论 -
element联动选择器，选择任意层级点击文字即选中及点击就收缩效果
效果图代码点击文字即选中在mounted里加这句话 mounted() { // 点击文字即选中 this.timer = setInterval(function() { document.querySelectorAll(".el-cascader-node__label").forEach(el => { el.onclick = function() { if (this.p...原创 2021-01-05 11:20:00 · 1024 阅读 · 3 评论 -
谷歌解决跨越问题
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="c:\MyChromeDevUserData"c盘根目录创建一个MyChromeDevUserData文件夹下一步属性 目标 修改 "C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security ...原创 2020-12-02 16:16:35 · 312 阅读 · 1 评论 -
js随机从数组中取出1个元素
var arr = [1, 2]; var a = arr[Math.floor(Math.random() * arr.length)]; console.log(a) // a随机为1或者2原创 2020-05-09 15:42:33 · 2606 阅读 · 0 评论 -
js实现数组对象相同值合并，同类值叠合，不同值不处理
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2020-04-09 15:42:00 · 1821 阅读 · 0 评论 -
js实现双向数据绑定
案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-11-13 16:53:41 · 245 阅读 · 0 评论 -
Bootstrap-媒体查询-屏幕大小
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-12-03 15:11:20 · 2184 阅读 · 0 评论 -
bootstrap写响应式导航栏
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 响应式的导航栏</title> <link rel="stylesheet" href="https://cdn.stat原创 2018-11-29 17:36:54 · 1204 阅读 · 0 评论 -
mongodb使用模板与mongodb的使用方式
//mongodb的使用方式var MongoClient=require("mongodb").MongoClient;var url ="mongodb://localhost:27017/mydb";MongoClient.connect(url,function(err,db){db.collection('use',function(err,coll){coll...原创 2018-07-26 16:58:57 · 610 阅读 · 0 评论 -
nodejs服务器搭建模块
nodejs服务器搭建模块const http=require("http");var server= http.createServer((req,res)=>{ if(req.url!="/favicon.ico"){ res.writeHead(200,{ "content-type":"text/html;charset=...原创 2018-07-19 19:05:44 · 433 阅读 · 0 评论 -
调用百度搜索框作为搜索提示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">转载 2018-12-03 09:06:27 · 2801 阅读 · 0 评论