原创 實現微信聊天氣泡
思路:聊天氣泡組成主要有一個三角形+矩形文本框 對方的氣泡 // 三角形 .triangle { width: 0; height: 0; border-top: 5px solid transpar
原创 vux下拉菜單監聽
發現vux下拉菜單在點擊取消按鈕的同時會觸發點擊菜單的事件 解決方法->監聽菜單名字
原创 設置頁面標題
1.引入模塊 import { Title } from '@angular/platform-browser'; 2.注入組件 constructor( private titles:Title ) { t
原创 angular監聽input的值
//用[(ngModel)]="val"綁定name值,再通過ngModelChange監聽值變 <input type="text" name='val' [(ngModel)]="val" (ngModelChange)='getv
原创 js json數組根據相同key值進行分類
總結了下看到的方法 開始是這樣 var arr = [ {"id":"1","name":"值1","value":"111"}, {"id":"1","name":"值1","value":"11111"},
原创 判斷兩個字符串是否相等存在的問題?a==b 返回false情況
今天在寫js的時候,遇到一個奇怪的問題,明明兩個字符串相等,用alert()打印出來都一樣,typeof的結果都是string,可是用a==b卻判斷爲不相等, 後來在網上查了資料, 雖然兩個字符串看上去沒有區別,但是用encodeURIC
原创 js返回上一頁並刷新的幾種方法
<a href="javascript:history.go(-1)">返回上一頁</a> <a href="javascript:location.reload()">刷新當前頁面</a> <a href="javascript:
原创 取消input默認邊框樣式、以及圖片如何實現16:9比例
1.取消input默認邊框 .iborder{ width:65%; height:2rem; border-radius: 10px; padding-left:1rem; backgrou
原创 vue 多個列表顯示隱藏
1.給循環的數組添加一個hide屬性 2.取反this.All[index].hide=!this.All[index].hide;使得值變爲true,
原创 處理時間格式方法
//處理時間格式 例:/Date(1343543434)/ //time爲需要轉換的時間,自己定義 var dt = new Date(parseInt(time.slice(6, 19))); console
原创 解析微信code
var LocString = String(window.document.location.href); function getQueryStr(str) { LocString = enc
原创 主動刷新頁面方法
1.window.location.reload(),是原生JS提供的方法, 2.this.$router.go(0):是vue路由裏面的一種方法,這兩種方法都可以達到頁面刷新的目的
原创 通過相同key合併兩個數組
var arr1 = [{Type:1,TypeHealthScore:'86'}, {Type:2,TypeHealthScore:'100'}, {Type:3,Typ
原创 HTML5-canvars人物移動
<script> window.onload=function(){ let cans=document.getElementById("cans"); let ctx=cans.getContext("2d"); l
原创 Js創建對象方法
1、對已有對象進行擴充方法和屬性 var object = new Object(); object.name = "zhangsan";//每個對象需要寫這些語句 object.sayName = function(n