随笔分类 -  前端

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 烧机 阅读(29) 评论(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 烧机 阅读(18) 评论(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 烧机 阅读(37) 评论(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 烧机 阅读(9) 评论(0) 推荐(0) 编辑
Vue子组件props多类型
摘要：在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。 除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。 props: { propA: [ 阅读全文
posted @ 2024-05-09 09:33 烧机 阅读(472) 评论(0) 推荐(0) 编辑
JS substr 根据字节长度截取字符串
摘要：js substr 根据字节长度截取字符串此方法应该还可以被优化一下 /** * 根据字节长度截取字符串 * @param str 字符串 * @param bytesStart 字节截取起始位置 * @param bytesLen 字节截取长度 */substrByBytes(str, bytes 阅读全文
posted @ 2024-03-21 13:49 烧机 阅读(112) 评论(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 烧机 阅读(654) 评论(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 烧机 阅读(924) 评论(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 烧机 阅读(912) 评论(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 烧机 阅读(124) 评论(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 烧机 阅读(203) 评论(0) 推荐(0) 编辑
查看npm包某个具体版本及所有版本
摘要：查看该包的所有版本及最新版本 npm info jquery查看npmjs服务器上包的版本信息： 使用npm view jquery versions；这种方式可以查看npm服务器上所有的jquery版本信息； 使用npm view jquery version； 这种方式只能查看jquery的最新 阅读全文
posted @ 2023-11-30 14:44 烧机 阅读(540) 评论(0) 推荐(1) 编辑
Angular - 生命周期钩子
摘要：Angular 会按以下顺序执行钩子方法。可以用它来执行以下类型的操作。 钩子方法 用途 时机 ngOnChanges() 当 Angular 设置或重新设置数据绑定的输入属性时响应。 该方法接受当前和上一属性值的 SimpleChanges 对象注意，这发生的非常频繁，所以你在这里执行的任何操作都 阅读全文
posted @ 2023-11-29 14:16 烧机 阅读(14) 评论(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 烧机 阅读(2636) 评论(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 烧机 阅读(69) 评论(0) 推荐(0) 编辑
uniapp子组件监听触底
摘要：在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. 阅读全文
posted @ 2023-05-08 11:01 烧机 阅读(326) 评论(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 烧机 阅读(129) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示