原创 跨域cors 和 jsnop | koa 提供服務器 (實例前端 -後端演示)

文章目的 驗證一下對跨域的理解- 前端需要都需要配置後端相應配置什麼 首先跨域方式不止這兩種 iframe.posetMessage form 表單也可。 ====項目地址 (https://github.com/L6zt/corssDom

原创 react -- totast 組件開發(一生三,三生萬物)

totast最近在主導有jquery類型轉react技術棧-- 項目庫中引入antd-mobile,但是由於totast組件不能滿足要求...自己前端封裝一個。(其實我很菜) 重要點:1.分什麼技術棧,全是垃圾,真正掌握基礎,啥庫都是渣渣,

原创 javascript 單選、複選樹 ---

項目開發中遇到一顆樹(單選、多選); 項目中遇到這個功能,與其copy一個不如自己造個輪子。預覽地址設計主要思路:1.展現層樹的顯示 用遞歸函數羅列出頁面顯示效果。2.不同的功能對應不用模式model來區分、對應這不同的展示效果(ui交互

原创 如何優雅解決 js小數點計算錯誤問題(三個函數告訴你解決辦法)

策略就是把小數值變成整數進行操作加減乘除 // 獲取最大補位長度 const findMinRadixPoint = (numberList) => { let maxLg = 0; numberList.forEach(num =

原创 代碼寫的懷疑人生--- 如果寫出一個可編輯的樹---原創

如何寫一個樹 預覽地址 -- 寫jquery 寫吐了 雖然自己一知半解,求解救用過vue 懂react基本全家桶 ... 首先 我是用jquery 寫這個樹的。同時 我又借鑑了一點狀態管理的,及樹中每一步操作都對應一種狀態(state)。

原创 鼠標 控制 盒子大小 、位置(八角控制流)

看見項目裏用了一個裁圖插件,看一了這麼一個效果,故此模擬一下github L6zt項目地址:https://github.com/L6zt/captu...step 1: npm install && npm run devstep 2

原创 懶加載-- 端對端分享功能 --微信釘釘

改造起點 github L6zt 項目前端與後端緊耦合,分享信息 放在jsp裏,例如: <script> window.$shareInformation = { title: '....', des

原创 九宮格抽獎--手擼代碼

總是看到類似的九宮格抽獎效果,後來想自己手擼一個試一試吧。(多多嘗試,萬一成功了呢 github L6zt) 先來總結一下效果,類似與跑馬燈效果,閃動效果先快後慢。代碼解析如下所示:代碼 <div class="gift-contain

原创 vue 指令---氣泡提示(手擼實戰)

菜鳥學習之路//L6zt github 自己 在造組件輪子,也就是瞎搞。自己寫了個slider組件,想加個氣泡提示。爲了複用和省事特此寫了個指令來解決。預覽地址項目地址 github 我叫給它胡博 我對指令的理解: 前不久看過 一部分v

原创 vue觀察模式淺析

以下是我對vue觀察者模式的理解: 不要對框架的偏見, 你真的瞭解jquery、angular、react 等等,框架是什麼只是工具而已。 你用過jquery的 trigger、on、off 事件綁定的方法嗎?事實上 vue 不過也是這