原创 JS中字符串trim()使用示例

示例一: <head> <title>測試JS擴展方法</title> <script type="text/javascript"> // 合併多個空白爲一個空白 String.prototype.ResetB

原创 vue項目中,main.js,App.vue,index.html如何調用

1、main.js是我們的入口文件,主要作用是初始化vue實例,並引入所需要的插件 2、App.vue是我們的主組件,所有頁面都是在App.vue下進行切換的。其實你也可以理解爲所有的路由也是App.vue的子組件。所以我將route

原创 jQuery中each的用法之退出循環和結束本次循環

jQuery中each類似於javascript的for循環  但不同於for循環的是在each裏面不能使用break結束循環,也不能使用continue來結束本次循環,想要實現類似的功能就只能用return, break      

原创 bootstrap-calendar控件中,月份中某天日程跟某天下的日程數不同

問題: 開發公司產品時,遇到的bug,在月份中某天日程顯示爲1條,但是點擊進入到當天後,顯示爲兩條。 問題出現原因: 經過排查發現,假如點擊的是2017年10月10號這一天,獲得的start日期爲2017-10-09T16:00:00.0

原创 web提交用戶名,密碼等數據encodeURIComponent()處理

問題描述:公司項目的登錄模塊在本地測試完全可以,但是放到www上就出現問題,後臺報錯 原因:查看接口數據,原來當特殊字符的時候經過編譯後沒有傳給後臺,造成數據不正確 改正:username=encodeURIComponent($("#u

原创 JS replace()方法替換變量(可以對變量進行全文替換)

事情是這樣的:本文出處http://blog.sina.com.cn/s/blog_6552200b0102ve60.html我要用 JS 替換一個多行文本的關鍵字正常,沒有變量的時候應該是這樣:把 a 替換成 b:string.repl

原创 git 忽略配置文件

在項目中有些配置文件不需要提交,但是有同學在後面開發中發現在.igonore文件中無論如何都無法忽略某些文件的提交。原因在這裏:  已經維護起來的文件,即使加上了gitignore,也無濟於事。---- 那麼如何解決呢?方式如下 git

原创 CSS中zoom屬性和overflow:auto屬性清除浮動的作用詳解

在CSS中的Zoom這個屬性一般不爲人知,甚至有些CSS手冊中都查詢不到。其實Zoom屬性是IE瀏覽器的專有屬性,FireFox等瀏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外,它還有其他一些作用,比如觸發ie的hasLayout

原创 IOS 瀏覽器端overflow:scroll overflow:auto元素無法滑動bug解決方法整理

問題描述: 此bug出現需要條件:父元素需使用絕對定位absolute或固定定位fixed,使用overflow: scroll / auto(或overflow-y: scroll / auto),內部子元素是動態大小(例如較大的svg

原创 前端開發之手機端調試

情景再現:PC端寫的代碼兼容手機端,在手機端上測試步驟:1、首先PC端和手機端連接到同一個局域網。2、通過控制檯ipconfig查找到本機的ip地址3、手機瀏覽器進入本機的ip問題:有可能訪問不到調試:1、關閉PC端的防火牆,測試。(絕大

原创 js回調函數

回調函數的官方定義:A callback is a function that is passed as an argument to another function and is executed after its parent f

原创 js對象的深拷貝與淺拷貝詳解

一、淺拷貝例子:var Chinese = {     nation: '中國',     arr: [ 1, 2, 3],     obj: { name: 'yzs', age: 18     } }; function exte

原创 彈出框移動、放大、縮小、最大化處理

function getViewportSize() { //可視區域的寬度和高度 return { width: document.documentElement.clientWidth,

原创 JavaScript中getBoundingClientRect()方法

getBoundingClientRect方法獲取元素位置getBoundingClientRect用於獲得頁面中某個元素的左,上,右和下分別相對瀏覽器視窗的位置。 getBoundingClientRect是DOM元素到瀏覽器可視範圍的

原创 jQuery on(綁定事件)前別忘了off(移除事件)

廢話不多說直接上代碼,用到的自己運行看效果<!DOCTYPE html> <html> <head> <title></title> </head> <body> <button id="add-event-more">疊加綁定Say