- 博客(26)
- 收藏
- 关注
原创 对象数组去重
// 传入需要去重的对象数组和需要检测重复的key duplicateRemove(duplicateArr, key) { var result = [] var obj = {} if (duplicateArr) { for (var i = 0; i < duplicateArr.length; i++) { if (!obj[duplicateArr[i][key]]) { ...
2021-04-25 17:47:17 119
原创 vue让元素滚动到指定位置
1.循环绑定id<div v-for="(item,index) in arr" :key="index" :id="page+index"></div><div @click="scrollPage()"></div>2.点击获取需要滚动的id,再通过scrollIntoView()滚动scrollPage(){ //index与循环的index对应可自由设置动态获取 const PageId = document.query
2020-09-15 11:17:47 5507 3
原创 CSS图片等比缩放
//给图片放入一个容器中<div class="box"> <img calss="imgs" src=""></div>// 父容器设置固定尺寸,图片设置自动高宽,最大高宽即可.box{ width:400px; height:400px; .imgs{ width:auto; height:auto; max-width:100%; max-heig.
2020-08-14 16:35:57 278
原创 vue 获取循环的input的值
获取循环出来的input的值只需要给每个input都绑定一个值<div v-for="(item,index) in list" :key="index"> <div>{{name}}</div> <input v-model='word'/></div><div @click='getInfo()'></div>export default { data() { return
2020-07-07 21:46:19 3178
原创 实现微信聊天气泡
思路:聊天气泡组成主要有一个三角形+矩形文本框对方的气泡// 三角形.triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ffffff;//其他位置边框设为透明,右侧显示就可以实现一个三角形 margin-top: 10
2020-07-02 11:55:48 794
原创 vue父子组件传值
1.父组件传值给子组件父组件<div class='parent'> <child :data="msg"></child> <!-- data为传给子组件的值的名字,与子组件props里面的保持一致 --></div>import child form '...'// 引入子组件export default { // 注册子组件 component:{ child
2020-07-02 10:58:20 204
原创 计算时间差
waitTime(val) { if (val !== null && val !== '') { const etime = new Date().getTime() // 当前时间 const stime = Date.parse(new Date(val))// 需要传入的时间 const usedTime = etime - stime const days = Math.floor(usedTim...
2020-07-02 10:44:00 177
原创 设置页面标题
1.引入模块import { Title } from '@angular/platform-browser';2.注入组件 constructor( private titles:Title ) { titles.setTitle('主页');//设置名字 }
2019-04-08 09:59:00 582
原创 angular监听input的值
//用[(ngModel)]="val"绑定name值,再通过ngModelChange监听值变<input type="text" name='val' [(ngModel)]="val" (ngModelChange)='getval($event)'> getval(val){ console.log(val)//打印获取的值 }...
2019-04-04 14:53:01 3150
原创 js json数组根据相同key值进行分类
总结了下看到的方法 开始是这样var arr = [ {"id":"1","name":"值1","value":"111"}, {"id":"1","name":"值1","value":"11111"}, {"id&quo
2018-12-18 10:31:03 5509 2
原创 判断两个字符串是否相等存在的问题?a==b 返回false情况
今天在写js的时候,遇到一个奇怪的问题,明明两个字符串相等,用alert()打印出来都一样,typeof的结果都是string,可是用a==b却判断为不相等,后来在网上查了资料,虽然两个字符串看上去没有区别,但是用encodeURIComponent()处理后可能不一样解决办法:a.trim() == b.trim()...
2018-11-14 10:13:47 8436
原创 js返回上一页并刷新的几种方法
<a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">刷新当前页面</a> <a href="javascript:" onclick="history.go(-2); "&g
2018-11-08 11:08:46 167
原创 取消input默认边框样式、以及图片如何实现16:9比例
1.取消input默认边框.iborder{ width:65%; height:2rem; border-radius: 10px; padding-left:1rem; background:none; outline:none; //取消input框默认样式} 2.通过CSS来实现16:9比例通过百分比设置宽度,根...
2018-10-25 14:39:22 569
原创 vue 多个列表显示隐藏
1.给循环的数组添加一个hide属性2.取反this.All[index].hide=!this.All[index].hide;使得值变为true,
2018-09-05 10:43:18 7357
原创 主动刷新页面方法
1.window.location.reload(),是原生JS提供的方法,2.this.$router.go(0):是vue路由里面的一种方法,这两种方法都可以达到页面刷新的目的
2018-08-28 16:13:18 932
原创 处理时间格式方法
//处理时间格式 例:/Date(1343543434)/ //time为需要转换的时间,自己定义 var dt = new Date(parseInt(time.slice(6, 19))); console.log(dt) let year = dt.getFullYear(); let month = dt.getMonth() + 1; let da...
2018-08-24 11:16:22 407
原创 解析微信code
var LocString = String(window.document.location.href); function getQueryStr(str) { LocString = encodeURI(LocString.split("/#").join("")); console.log(LocString); v...
2018-08-24 10:13:35 591
转载 通过相同key合并两个数组
var arr1 = [{Type:1,TypeHealthScore:'86'}, {Type:2,TypeHealthScore:'100'}, {Type:3,TypeHealthScore:'70'} ]; var arr2 = [ { typeName: "测试项目", ...
2018-08-24 10:09:01 1235 1
原创 HTML5-canvars人物移动
<script> window.onload=function(){ let cans=document.getElementById("cans"); let ctx=cans.getContext("2d"); let oImg=new Image(); oImg.src="game.jpg";//h获取图片雪碧图 let n=0; oImg.onl...
2018-03-19 18:44:48 1366
转载 跨域问题以及解决方法
1.出现跨域的情况2.解决方法:(1)代理,这种方式是通过后台(ASP、PHP、JAVA、ASP.NET)获取其他域名下的内容,然后再把获得内容返回到前端,这样因为在同一个域名下,所以就不会出现跨域的问题。实现代码:创建一个AJAX请求(页面地址为:http://localhost/ajax/proxy.html) var request = null; if(window.XMLH...
2018-03-12 18:58:58 373
转载 Js继承方式
首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉!'); }}// 原型方法Animal.prototype.ea...
2018-03-07 18:24:04 158
转载 Js创建对象方法
1、对已有对象进行扩充方法和属性 var object = new Object(); object.name = "zhangsan";//每个对象需要写这些语句 object.sayName = function(name){//每个对象需要写这些语句 this.name = name; }; object.sayName("lisi"); a...
2018-03-07 17:56:54 172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人