原创 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  就可以看到已經連接的手機設備。當然