随笔分类 -  前端

1 2 下一页
uniapp小程序自定义分享按钮
摘要：<view class="icon-item"> <view class="icon-img"> <image :src="`${imgurl}/onlineApplet/applet3/followlist/share.png`"></image> </view> <view class="ico 阅读全文
posted @ 2025-01-23 14:14 打击范围覆盖全球 阅读(184) 评论(0) 推荐(0)
JS时间操作
摘要：// 获取下个月的特定一天 getSpecificDayOfNextMonth(day, dayEnd = 0) { let now = new Date(); now.setMonth(now.getMonth() + 1, day); // 设置月份加一，日期设置为特定的一天 if (dayEn 阅读全文
posted @ 2024-12-07 16:33 打击范围覆盖全球 阅读(34) 评论(0) 推荐(0)
JS 树型结构数据简易递归
摘要：js树型结构数据简易递归 // item内的值根据实际情况更换replaceValueInTree (tree) { const result = [] tree.forEach((item) => { let children = item.children || [] if (Array.isA 阅读全文
posted @ 2024-10-17 17:19 打击范围覆盖全球 阅读(65) 评论(0) 推荐(0)
JS trim方法改造
摘要：// 去除字符串两边的指定字符function strTrim(string, char, type) { if (char) { if (type 'left') { return string.replace(new RegExp('^\\' + char + '+', 'g'), ''); } 阅读全文
posted @ 2024-07-23 14:52 打击范围覆盖全球 阅读(12) 评论(0) 推荐(0)
Vue子组件props多类型
摘要：在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。 除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。 props: { propA: [ 阅读全文
posted @ 2024-05-09 09:33 打击范围覆盖全球 阅读(608) 评论(0) 推荐(0)
JS substr 根据字节长度截取字符串
摘要：js substr 根据字节长度截取字符串此方法应该还可以被优化一下 /** * 根据字节长度截取字符串 * @param str 字符串 * @param bytesStart 字节截取起始位置 * @param bytesLen 字节截取长度 */substrByBytes(str, bytes 阅读全文
posted @ 2024-03-21 13:49 打击范围覆盖全球 阅读(134) 评论(0) 推荐(0)
HTML 阻止浏览器自动填充input密码框
摘要：方法1：把input的 type="password" 改成 type="text" 并在后面加上 οnfοcus="this.type='password'" <input type="text" placeholder="密码" onfocus="this.type='password'"/> 阅读全文
posted @ 2024-02-23 15:34 打击范围覆盖全球 阅读(758) 评论(0) 推荐(0)
JS中几种追加元素的方法
摘要：a：要追加的位置 b：要追加的内容 1、append：a.append(b) 将b追加到a的内部的末尾，b是a的子元素 2、appendTo：b.appendTo(a) 将b追加到a的内部的末尾，b是a的子元素 3、prepend：a.prepend(b),将b追加到a的内部的最前面，b是a的子元素 阅读全文
posted @ 2024-02-20 11:18 打击范围覆盖全球 阅读(1118) 评论(0) 推荐(0)
JS 数字字符串补零
摘要：有时为了格式美观，我们需要给数字统一格式，比如001,002,003，这就有了为数字补足0的需求。具体见代码 // num: 数字 // fill: 补足后的位数 padNumber(num, fill) { let len = ('' + num).length; if (fill > len) 阅读全文
posted @ 2024-01-22 16:27 打击范围覆盖全球 阅读(1096) 评论(0) 推荐(1)
CSS dispaly: flex—左右两栏式
摘要：父级：display: flex left: flex: 0 0 200px(固定200px，不放大也不缩小) right: flex: 1(会随父级变化) （固定+自适应） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2023-12-21 17:17 打击范围覆盖全球 阅读(163) 评论(0) 推荐(0)
HTML 移动端禁止浏览器强制缩放
摘要：移动端H5页面加上 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> 还是会被浏览器强制缩放。 阅读全文
posted @ 2023-12-21 16:04 打击范围覆盖全球 阅读(275) 评论(0) 推荐(0)
查看npm包某个具体版本及所有版本
摘要：查看该包的所有版本及最新版本 npm info jquery查看npmjs服务器上包的版本信息： 使用npm view jquery versions；这种方式可以查看npm服务器上所有的jquery版本信息； 使用npm view jquery version； 这种方式只能查看jquery的最新 阅读全文
posted @ 2023-11-30 14:44 打击范围覆盖全球 阅读(760) 评论(0) 推荐(1)
Angular - 生命周期钩子
摘要：Angular 会按以下顺序执行钩子方法。可以用它来执行以下类型的操作。 钩子方法 用途 时机 ngOnChanges() 当 Angular 设置或重新设置数据绑定的输入属性时响应。 该方法接受当前和上一属性值的 SimpleChanges 对象注意，这发生的非常频繁，所以你在这里执行的任何操作都 阅读全文
posted @ 2023-11-29 14:16 打击范围覆盖全球 阅读(25) 评论(0) 推荐(0)
uniapp 图片base64与file互转
摘要：uniapp base64与file互转 // base64转flie //base64转flie base64ToFile(base64data, cb) { const fsm = uni.getFileSystemManager(); const FILE_BASE_NAME = 'tmp_b 阅读全文
posted @ 2023-11-25 14:47 打击范围覆盖全球 阅读(3226) 评论(0) 推荐(0)
判断是否是json字符串
摘要：const isJson = str => { try { JSON.parse(str); return true; } catch (e) { return false; } }; isJson('{"name":"小明","address":"苏州"}'); // true isJson('{ 阅读全文
posted @ 2023-11-25 08:28 打击范围覆盖全球 阅读(77) 评论(0) 推荐(0)
uniapp子组件监听触底
摘要：在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. 阅读全文
posted @ 2023-05-08 11:01 打击范围覆盖全球 阅读(410) 评论(0) 推荐(0)
使⽤text-align：justify，让内容两端对齐，兼容IE及主流浏览器的⽅法
摘要：如果不喜欢看分析过程，可以跳到最后看最终兼容方案史前方法：以前实现两端对齐是这样的： <p class="box1">密&emsp;&emsp;码</p> <p class="box1">⽤&emsp;户&emsp;名</p> <p class="box1">⾝&emsp;份&emsp;证&emsp 阅读全文
posted @ 2022-07-18 16:08 打击范围覆盖全球 阅读(174) 评论(0) 推荐(0)
CSS一些常用样式
摘要：1.文字分散对齐 在css标签内，设置div的宽度、内边距，再将text-align-last和text-align属性同时设置为justify，实现文字的分散对齐。 text-align-last: justify; text-align: justify; 2.滚动页面，实现导航栏固定在顶部（吸 阅读全文
posted @ 2022-07-13 14:41 打击范围覆盖全球 阅读(105) 评论(0) 推荐(0)
Vue项目调用百度地图Api
摘要：1、安装vue-baidu-map组件 npm install vue-baidu-map --save 2、在mian.js 中注册 vue-baidu-map import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, { ak: '你的申请的a 阅读全文
posted @ 2022-06-17 15:44 打击范围覆盖全球 阅读(577) 评论(0) 推荐(0)
删除 vue 里的 eslint
摘要：1. 打开package.json 2. 删除文件里的如下内容，总之就是带eslint的删干净 "@vue/cli-plugin-eslint": "^4.0.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue 阅读全文
posted @ 2022-06-17 15:10 打击范围覆盖全球 阅读(2275) 评论(0) 推荐(0)

1 2 下一页