原创 placeholder屬性的兼容問題

參考文章:http://www.xuanfengge.com/method-to-realize-similar-form-tips-placeholder.html 經過測試兼容到IE6。 <!DOCTYPE html> <html>

原创 bootstrap的模態框modal的hidden.bs.modal屬性

這個問題是在春節大展活動上面遇到的問題,項目地址是:http://hd.tongji021.com/20170103/       在抽獎的時候遇到的坑,非常感謝。 hidden.bs.modal的意思就是當彈出的模態框消失的時候,接下

原创 2016就快結束了

粗粗想來記憶竟是如此模糊,猛的一想,又是那麼清晰。而我還是那個我。 階段1:北京洛陽兩地跑(1月到五月初) 那我開始想到的是元旦,那時應該還在學校準備考試。哈哈,時間過得很快。然後在北京和洛陽兩地來回的跑。還是蠻不錯的經歷。 那個後

原创 原生與js的交互--jsbridge

建立一個jsbridge.js const utils = { setupWebViewJavascriptBridge: (callback) => { var sysPlatform; var

原创 JavaScript中數組的22種方法必學(推薦)

前面的話  數組總共有22種方法,本文將其分爲對象繼承方法、數組轉換方法、棧和隊列方法、數組排序方法、數組拼接方法、創建子數組方法、數組刪改方法、數組位置方法、數組歸併方法和數組迭代方法共10類來進行詳細介紹對象繼承方法  數組是一種特殊

原创 Vue2.0仿今日頭條

源碼地址:toutiao_Vue2.0預覽地址:toutiao_Vue2.0技術棧主要用到:vue、vue-router其他: jsonp、axios、vue-scroller功能各類新聞的查看新聞的搜索API獲取新聞:https://m

原创 vue 生產環境和測試環境的配置

我們引用的是axios  給src目錄增加 api 文件夾 裏面寫上index.js // 配置API接口地址 var root = process.env.API_ROOT // 引用axios var axios = requir

原创 判斷設備訪問類型是PC端還是WAP端

在開發項目中,可能經常會用到。判斷用戶訪問的是PC還是手持設備,如果是手持設備自動訪問wap地址。 方法一: JavaScript var browser={ versions:function(){

原创 使用vscode,根據vue基礎模板文件生成代碼

本着蒼蠅雖小也是肉的精神...... 目標: 我們希望每次新建.vue文件後,VSCODE能夠根據配置,自動生成我們想要的內容。 方法: 打開VSCODE編輯器,依次選擇“文件 -> 首選項 -> 用戶代碼片段”,此時,會彈出

原创 JS將各值拼接JSON串小例

通過數組實現 最後調用JSON.stringify(data)方法 [html] view plain copy <div id="json" style="width:100%;height:50px;

原创 gulp對css、js、img的壓縮和css圖片的base64

在學習前,先談談大致使用gulp的步驟,給讀者以初步的認識。首先當然是安裝nodejs,通過nodejs的npm全局安裝和項目安裝gulp,其次在項目裏安裝所需要的gulp插件,然後新建gulp的配置文件gulpfile.js並寫好

原创 谷歌瀏覽器中安裝JsonView擴展程序

實際開發工作中經常用到json數據,那麼就會有這樣一個需求:在谷歌瀏覽器中訪問URL地址返回的json數據能否按照json格式展現出來。 比如,在谷歌瀏覽器中訪問:http://jsonview.com/example.json

原创 Vue axios中this的指向問題

在Vue中this始終指向Vue,但axios中this爲undefined,例如 若需要賦值給變量用以渲染數據,可以通過=>函數,這時this爲Vue 或者可以直接通過:  let that = this  將this保存

原创 -webkit-box-orient: vertical打包build後丟失問題

方法一: /*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ 方法二: 需把webpack.prod.conf.js文件一下代碼註釋

原创 jQuery中的mouseenter和mouseleave事件

經過幾番查閱發現了jQuery中還有mouseenter和mouseleave事件,這兩個事件在手冊中找不到,所以特地查閱了一番。 大家知道事件的冒泡特性,在上面的BUG中也正是因爲這個冒泡特性,對於mouseover事件來說 ,當鼠