![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html css js
js 经常使用的一些方法以及出现的问题
好苦呀
外向是生活所需,孤独是自我享受。
展开
-
微信小程序自定义组件(写一个点击查看大图有关闭按钮,复制即可使用)
今天碰到一个需求,本来使用wx.previewImage用的好好的,非要加一个关闭按钮,这可把不想写代码的我难住了,查看官方文档没有加这个按钮的属性,那就自己写了吧,自己写的途中发现胶囊隐藏不了,兴高采烈的和产品说自己写组件无法隐藏胶囊,产品说没事,哈哈,只能自己写了,代码已贴出。先在components创建文件夹,components -> image-view -> image-view.wxml,image-view.js,image-view.js,image-view.json。原创 2024-06-18 17:48:47 · 466 阅读 · 0 评论 -
手写一个类似于v-for的组件
【代码】手写一个类似于v-for的组件。原创 2023-07-11 18:04:33 · 149 阅读 · 0 评论 -
解决vue在全屏状态下摁下esc键无效的问题
【代码】解决vue在全屏状态下摁下esc键无效的问题。原创 2023-05-05 19:15:51 · 517 阅读 · 1 评论 -
微信小程序超出内容换行
微信小程序超出内容换行原创 2022-09-21 02:07:58 · 926 阅读 · 0 评论 -
vue 手写一个步骤条。
vue 手写一个步骤条。原创 2022-09-15 15:34:27 · 567 阅读 · 0 评论 -
js 获取数组最后一个元素(最后一项)。
js 获取数组最后一个元素(最后一项)。转载 2022-09-06 00:55:42 · 851 阅读 · 0 评论 -
css文字中间省略号使用js实现
css文字中间省略号使用js实现。原创 2022-08-22 17:07:30 · 804 阅读 · 0 评论 -
js 通过首字母进行归类,根据拼音首字母分组
js 通过首字母进行归类,根据拼音首字母分组。原创 2022-08-10 17:20:11 · 559 阅读 · 0 评论 -
循环数据,border-bottom或者border-top最后一条线不需要
上边这个是针对border-bottom。如果是上边的应该是first-child。原创 2022-08-02 16:35:34 · 417 阅读 · 0 评论 -
移动端设置最小字体
.p { -webkit-transform-origin-x: 0; transform: scale(0.8);}行内元素是根据父元素设置的字体大小继承的,记得一定要分清是行内元素还是行内快元素,还是块级元素。行内元素是不能设置字体大小的。...原创 2021-10-20 14:14:19 · 421 阅读 · 0 评论 -
js 删除数组中空对象
let arr = [{num: 1}, {num: 2}, {num: 3}, {}];arr = arr.filter(value => Object.keys(value).length != 0);原创 2021-10-14 15:00:19 · 2393 阅读 · 2 评论 -
css实现背景图片自适应屏幕
background: url(../assets/images/bgi.png) no-repeat top; background-size: cover; background-attachment: fixed; width: 100%; height: 100%; position: fixed; zoom: 1; top: 0; left: 0; right: 0; bottom: 0;原创 2021-09-09 17:22:49 · 887 阅读 · 0 评论 -
vue中在index.html和main.js中引入第三方js库
第一种方法:静态资源文件放在static文件夹下自己创建一个文件夹// 在index.html文件下引入注意不要写./<script type="text/javascript" src="static/js/xxxx.js"></script>第二种方法:在src文件夹底下创建一个文件夹utils把你需要的文件引入到这个里面。然后在main.js文件夹下做以下操作```jsimport name from "../utils/xxx"Vue.prototyp原创 2021-09-09 11:39:04 · 3243 阅读 · 0 评论 -
js 四舍五入的方法
let cc = 15000;toFixed(); // 接收一个参数,0~20;比如15000需要变成1.5万那直接let h = cc / 10000;h.toFixed() + '万' // 如果后面不是0是其他数字那就直接h.toFixed()toPrecision(); // 不接收0这个参数;js Math对象也可以列举一个Math.floor(num * 100) / 100; // 不用四舍五入Math.floor(num * 1000) / 1000; // 不用四舍五原创 2021-04-22 10:40:56 · 286 阅读 · 2 评论 -
js 导出Excel文件乱码问题
$.ajax({ type: 'post', url: "", xhrFields: { responseType: "blob" }, // 主要是这一句 data: {}, success: function(data) { that.download(data,'自己起的名字.xlsx') } })},download(data, fileName) { if (!data) { return } let url = window.U.原创 2021-03-16 17:25:25 · 2931 阅读 · 0 评论 -
js 删除字符串中指定的一些字符
比如有一些字符串1213,,2312,,13123r,阿瓦达无,undefined·,undefined如果想删除这些undefined的字符串那需要怎么 办呢代码var a = '1, 2, 3, 4, 5, 23, undefined, undefined';// 后面加g是删除字符串里面所有的undefined,如果不加g的话只删除第一个var reg = new RegExp('undefined,','g');a = a.replace(reg, '');这样就可以了。...原创 2021-01-25 17:23:22 · 1126 阅读 · 0 评论 -
带有key和value的数组去重
当我们遇到这样的数组[1, 2, 3, 4, 4, 3, 2, 1];可以用set方法,也可以用foreach然后用indexOf的特性来去重。但是当我们遇到这样的数组var arr = [{a:1, b:2, c:3},{a:1, b:3, c:4},{a:1, b:7, c:8}];那需要怎么去重呢那就需要map配合findIndex了arr.map((item) => { double.findIndex(({a}) => a=== item.a) === -1 &a原创 2021-01-22 15:17:55 · 568 阅读 · 5 评论 -
input和textarea失去焦点时placeholder消失,获取焦点存在
<textarea cols="46" rows="3" placeholder="请填写" onfocus="this.placeholder=''" onblur="this.placeholder='请填写'"></textarea>οnfοcus=“this.placeholder=’’” 焦点事件把当前的placeholder内容设为空οnblur=“this.placeholder=‘成功标准类型名称’” 失去焦点事件把当前的placeholder内容设为原来原创 2020-08-10 16:10:36 · 875 阅读 · 2 评论 -
textarea禁止拉伸和border-radius四个值
给textarea的css样式添加resize: none;就可以了原创 2020-08-10 16:07:13 · 298 阅读 · 0 评论 -
input禁止输入的方法
// readonly规定输入字段为只读可复制,//但是,用户可以使用Tab键切换到该字段,//可选择,可以接收焦点,还可以选中或拷贝其文本。<input type="text" value="哈哈哈" readonly="readonly">// disabled 被禁用的 input 元素可复制,//不能接收焦点,设置后文字的颜色会变成灰色。//无法与 <input type="hidden"> 一起使用。<input type="text" value="哈原创 2020-08-05 18:02:04 · 765 阅读 · 0 评论 -
break 、continue 、return(使用循环结束循环)
break终止循环,底下的就不执行了。continue跳过循环,执行底下的循环return只能在函数里使用,下面有内容也不会执行了。原创 2020-08-19 18:27:32 · 190 阅读 · 0 评论 -
window原生js跳转页面
// 这是返回上一页window.history.go(-1);window.history.back();// 这是跳转页面window.location.herf = '跳转的地址'原创 2020-08-17 15:04:19 · 1220 阅读 · 0 评论 -
原生html、js开发使用localStorage进行俩个页面之间传值(组件用vant)是tabs标签切换
最近在开发一个移动端的app,有一个需求就是点击按钮的时候让vant组件里面的tabs(默认显示的是第一个)标签显示到第三个上边,这就用到了localStorage。因为是用的cdn引入的vue,所以用的是vue。已下是代码// A页面dispose () { window.location.href = '你要跳转的页面'; // 存入的值,localstorge默认存入的字符串 localStorage.setItem("active",'2')},// B页面activeL原创 2020-08-13 10:18:23 · 541 阅读 · 0 评论 -
Tue Aug 11 2020 11:34:00 GMT+0800 (中国标准时间)进行显示格式化
把标准时间用new Date声明一下,然后用原生拼接就可以了。代码如下: const value = new Date(); getYear = value.getFullYear() + '-' + (value.getMonth() + 1) + '-' + value.getDate() + ' ' + value.getHours() + ':' + value.getMinutes() + ':' + value.getSeconds(); 今天做的一个功能虽然简单,但是对于我这个小白来原创 2020-08-11 16:00:36 · 6522 阅读 · 0 评论 -
js中循环(遍历)数组的方法
循环数组的方法循环列表:1、for循环2、for in循环3、for of循环4、for Each循环5、while 循环6、do while循环7、map循环8、filter循环9、some循环10、every循环11、reduce循环12、reduceRight循环优化版的for循环forEach变种for循环是最普通的一个循环了,一般都是用for循环let arr = ['1','2','3']for (let i = 0; i < arr.length;原创 2020-08-04 16:24:45 · 1572 阅读 · 0 评论 -
理解js splice slice split replace
当我们用这些的时候特别容易混淆,所以就记录一下。先说splicesplice的方法是对数组进行添加或者删除,第一个参数是数组对应的下标,第二个参数是从第一个参数的index开始,删除几个元素,第三个参数是你需要添加的元素(可以有多个)。var arr = [1, 2, 3, 4, 5, 6, 7];var arr1 = arr.splice(0, 2, '16');// arr ["16", 3, 4, 5, 6, 7]// arr1 [1, 2]splice的返回值就是你删除的元素。对其他原创 2020-12-18 17:42:17 · 159 阅读 · 2 评论 -
动态增加页面结构 添加值、修改值
<div v-for="(item, index) in arr" :key="index"> <a-input-group size="large"> <a-row :gutter="8"> <a-col :span="10"> <a-input :value="item.leftContent" @change="changeLeftContent($event,index)"/>原创 2020-11-18 16:31:53 · 162 阅读 · 0 评论 -
js indexOf的使用
今天遇到一个需求,俩个字符串第一个字符串是‘检查’,第二个字符串是‘检查单的问题啊啊啊啊啊’(这俩个字符串是我瞎写的)我要的是如果这个字符串里面有检查这俩个字就给我返回来。因为是获取到input框里边输入的值。所以就判断这个输入的值。假如我输入了一个安全,那么我就得在那一个数组里面的每一个对象里面筛选有关于检查这俩个字的值。有的话就返回// this.project就是input输入的值if (this.project) {// 先用filter循环这个数组,如果用其他循环的话就得判断(item.原创 2020-10-30 16:04:20 · 210 阅读 · 2 评论