原创 實現微信聊天氣泡

思路:聊天氣泡組成主要有一個三角形+矩形文本框 對方的氣泡 // 三角形 .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