原创 《Vue》初識、摘要及入門

前言 在如今的前端行業,選擇一門框架進行開發不僅僅能大幅提升開發效率而且可以更好的使得項目方便管理,維護,而前端框架中主流的則分爲:React,Angular和Vue,其中Vue在這兩年發展的非常快,據2019年的統計,前端工具使

原创 《jq小插件》圖片懶加載的實現

簡介 在項目中有時候會遇到一個頁面上有很多很多圖片,如果所有的圖片一次性加載,那麼對網絡是有一定要求的,並且每次加載圖片都會對服務器發出請求; 所以,懶加載歸根結底就是想要優化前端性能,只顯示可視窗口內的圖片,這樣對用戶而言圖片加

原创 《jQuery》實現一個H5的九宮格抽獎

前言 這是之前在玩遊戲的時候,發現平臺爲了這個遊戲做了一個九宮格的抽獎,雖然之前業務上沒有這方面的需求,但本人對這個很感興趣,在完成之後,現在有時間因此整理一下供有需求的同學參考; 簡介 代碼已上傳JQ的一個插件庫,下載地址是:h

原创 Vue報錯:Vue ERROR TypeError: Cannot read property “upgrade” of undefined

問題: 執行Vue項目時報錯Vue ERROR TypeError: Cannot read property ‘upgrade’ of undefined? 描述: 給vue項目增加了本地代理,也就是給vue.config.js

原创 《微信小程序》徹底入門小程序

前言 微信小程序的火爆相信不用多說,作爲一個前端,小程序幾乎可以算得上是前端技能的一個加分項,如果找工作的時候會小程序,那麼相對而言會有很多優勢; 簡介 官方解釋:小程序是一種全新的連接用戶與服務的方式,它可以在微信內被便捷地獲取

原创 《Vue》生態及實踐

VueX的設計及使用 簡介 VueX時一個專爲Vue.js應用程序開發的狀態管理模式,它採用集中式存儲管理應用的所有組件狀態,並以相應的規則,保證狀態以一種可預測的方式發生變化; 換句話說,Vuex採用類似全局對象的形式來管理所有

原创 Dom(三) 屬性操作

getAttribute / setArribute getAttribute attribute = element.getAttribute(attributeName) 讀取指定的屬性,例如 var inp

原创 如何在其他網站的搜索框搜索後,新建窗口顯示對應搜索引擎的搜索結果

問題: 如何在其他網站的搜索框搜索後,新建窗口顯示對應搜索引擎的搜索結果? 描述: 最近在搭建個人網站的時候,網站上有一個搜索框,輸入內容後: 如果選擇百度,點擊搜索後,新建一個窗口顯示的是在百度的搜索結果; 如果選擇的是谷歌,

原创 Dom(五)事件模型

事件模型 首先,先簡單的看一下事件流 window -> document -> <html> -> <body> -> <div> -> <p> -> <a> 簡單的說就是事件的處理過程,通常來說分爲三個階段,舉例 假如,現在點擊了a標

原创 vue-fullpage.js報錯:fullPage: Fullpage.js version 3 has changed its license to ....解決辦法

問題: 在Vue項目中npm安裝並且配置fullpage之後,報錯:fullPage: Fullpage.js version 3 has changed its license to GPLv3 and it requires a `l

原创 《Git》版本管理工具的初識與入門

前言 我所在的公司一直是使用svn作爲版本管理工具,因此我沒有接觸過git,但是不管如何git作爲目前大火的版本管理工具,瞭解並掌握是很有必要的,因爲你不能確定下一家公司使用的是svn還是git作爲版本管理; 定個小目標,靜下心來

原创 javaScript(二十二)面向對象

面向對象 對象是類的實例 var a=new Object(); a={ name:'a', age:12, tek:['12312

原创 Dom(二) 節點操作

獲取節點 大致有這麼幾種:getElementById,getElementsByTagName,getElementsByClassName,querySelector,queSelectorAll getElementById 通過I

原创 《JavaScript》JavaScript進階知識點(一)

《JavaScript》JavaScript進階知識(一) 簡介 爲了更好的學習JavaScript,本系列旨在整理一些不屬於基礎知識的知識點,以便於在工作中可以靈活應用,使得代碼開始追求質量,追求可靠性; 知識點 立即執行函數

原创 《JavaScript》ES6/ES7-class詳解(二)

class class,ES6引入的一個關鍵字,其用法基本上等同於ES5中的原型的繼承,所以class關鍵字的引入並沒有爲JavaScript添加新的繼承模型,而是僅僅作爲一個語法糖被使用,因此JS中的class和其他面嚮對象語言