原创 Handsontable使用教程 含授權碼LicenseKey
目前使用的Vue做的項目,就講下 Handsontable 在Vue中的使用吧 Installation npm install @handsontable/vue handsontable Basic usage <templ
原创 Compare two HTML sources and display visual differences
I am trying to show where the two HTML pages differ. I am trying to figure out a way if i can compare the HTML source c
原创 理解DOMString、Document、FormData、Blob、File、ArrayBuffer數據類型
一、XMLHttpRequest 2.0的家臣們 我大學那會兒,一個稱爲Ajax的東西對前端行業造成了深遠影響,不僅是JS語言,而包括前端地位、職位興起以及工作分工等。拋開IE6瀏覽器不談,其他瀏覽器的Ajax實際上都是藉助XMLHttp
原创 原生js實現平滑滾動
原生js實現平滑滾動 今天上班遇到一個問題,點擊某個按鈕,將某個div裏面含有id的某個元素滾動到視野中央,大概距離視口頂部100px位置。思索良久,沒搞出來,今晚回來好生研究,思路如下。 首先了解下關於元素以及瀏覽器窗口各種尺寸
原创 @vue/cli vue create初始化項目時使用yarn安裝依賴
使用vue-cli搭建Vue項目腳手架後如何將Vue項目初始化的命令改用yarn安裝呢? 也就是運行如下命令後,安裝依賴使用Yarn npm install -g @vue/cli # OR yarn global add @vue/c
原创 CSS三欄佈局方法及其分析
前言 相信很多同學在面試的時候遇到過三欄佈局的問題,一般面試題會讓你儘可能多的寫出三欄佈局的方法,本篇小記對三欄佈局的一些主流方法,做一些總結和分析。不正之處,歡迎指點! 正文 1.絕對定位法 html如下: <div class
原创 前端處理上萬條數據的優化
最近碰到一面試題給了一個請求接口,沒有分頁,一共一萬條數據,並且讓前端渲染在頁面上,這個場景一般在實際應用場景不多見,一般後端都會設置分頁查詢,但是面試官考的就是前端對於大量數據的處理能力。看本文之前不妨思考下,如果讓你做,你會怎麼處理呢
原创 前端js將扁平化數據轉化爲=菜單樹
let menuList = [ { id: 1, pid: -1, name: '江西' }, { id: 2,
原创 使用原生js實現replace()函數
需求: let str = 'zhufeng2019zhufeng2019' str = str.replace(/zhufeng/g, function(...args){ // args中存儲了每一次大正則匹配的信息和小分組
原创 js高級進階——手動實現new操作符
function Animal(name, age) { this.name = name this.age = age // return {} } Animal.prot
原创 js高級進階——手動實現call()函數
// 首先看下原生的js的call() var obj = { name: 'Nicholas S.Zakas', age: 41, from: 'America', getName: function (prefix)
原创 vue高級技巧
1、索引數組的修改,vue無法劫持該數據進行響應式變化,代碼如下: 當btnClick觸發時,視圖並不會相應更新 <template> <div> <span v-for="(item, index) in testData
原创 網址url的正則表達式
let reg = /^(?:(http|https|ftp):\/\/)?((?:[\w-]+\.)+[a-z0-9]+)((?:\/[^/?#]*)+)?(\?[^#]+)?(#.+)?$/i let str = 'http://w
原创 js高級進階——手動實現apply()函數
// 首先看下apply() var obj = { name: 'Nicholas S.Zakas', age: 41, from: 'America', introdu
原创 Flutter真機調試指南
以華爲手機爲例 1、使用數據線(非充電線)連接電腦 2、設置-系統-關於手機-EMUI版本,連續點擊7次,打開開發人員選項 3、將USB調試打開 在 cmd中 輸入 flutter devices 就可以看到已經連接的手機設備。當然