原创 基於Vue的TpOrganization組織架構組件

組織架構組件在一些項目中是需要的,這裏介紹一下最近摸索出來的組織架構圖組件。此組件主要是基於Vue技術來做開發,使用Svg來畫線條,後期加入節點拖動整合,上下級收縮等。 倉庫地址 https://gitee.com/underline/tp

原创 基於Vue的TpForm可視化表單設計器

前端開發無可避免要遇到表單設計的問題,特別是一些和流程、報表、統計相關的需求時,可動態自定義設計的表單尤爲重要。這樣就能根據當前需求,設計出最符合的表單,用來收集數據。 今天介紹一下自己業餘時間摸索出來的表單設計器,採用的是基於Vue,El

原创 TpOrganization組織架構組件

組織架構組件在一些項目中是需要的,這裏介紹一下最近摸索出來的組織架構圖組件。此組件主要是基於Vue技術來做開發,使用Svg來畫線條,後期加入節點拖動整合,上下級收縮等。 倉庫地址 https://gitee.com/underline/tp

原创 TpForm可視化表單設計器

前端開發無可避免要遇到表單設計的問題,特別是一些和流程、報表、統計相關的需求時,可動態自定義設計的表單尤爲重要。這樣就能更具當前需求,設計出最符合的表單,用來收集數據。 今天介紹一下自己業餘時間摸索出來的表單設計器,採用的是Vue,Elem

原创 elementUI dialog組件中的checkbox組件點擊時,字體模糊的問題

是這樣的 項目中使用的框架是Vue+ElementUI,然後有這樣一個再平常不過的需求: 有一個彈出框 彈框中有checkbox 用戶可以點擊選中checkbox 看到這樣的需求,三下五除二……搞定!然後就出現了一個奇怪的BUG,觸發條

原创 實現一個微信小程序Button組件

微信小程序存在Button組件 微信小程序原生存在Button組件,而且樣式也不醜,拓展屬性也很多,只要去看文檔,一邊看一邊試,還是很容易構造一個理想的按鈕Button出來。微信小程序Button傳送門。 但是某些時候可能也會覺得原生But

原创 Electron+ElementUI+MockJs=數據生成服務器(三)

接下來我們繼續暴力擼代碼,我們來創建第一個頁面——項目列表頁面。代碼所在地:https://gitee.com/underline/DataMock-Electron.git 首先,我們在pages目錄下創建project-list文件夾

原创 JavaScript中的Event Loop小理解

Event Loop Event Loop定義了瀏覽器執行你寫的代碼的順序。我們都知道瀏覽器在執行代碼的時候,並不一定按照你寫的順序來執行,因爲這裏邊可能存在異步執行,而且可能有多個異步代碼,還有可能有多種異步代碼。那麼當這種情況存在的時

原创 css部分基礎知識回顧(一)

css盒子模型 css和模型有兩種,第一種是標準盒子模型(content-box),另一種是怪異盒子模型(IE,border-box)。標準盒子模型的盒子寬度width = contentWidth + paddingLeft + pad

原创 css關鍵基礎點

CSS中 link 和@import 的區別是什麼? a. link屬於HTML標籤,而@import是CSS提供的,且只能加載 CSS b. 頁面被加載時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載 c.

原创 TVConsole在IPTV機頂盒端開發的應用

概述 IPTV機頂盒開發有很多的坑,爬不完的坑,當然其他開發也是一樣……哈哈哈。今天我來說一下IPTV-B/S模式開發中調試的坑。如果你開發過機頂盒項目(以下都特指B/S模式)[沒開發過的肯定也不會看這篇文章],那你肯定經歷過這種時候……寫

原创 實現一個基於Vue的數字翻牌滾動組件

數字翻牌組件在很多地方都有用到,比如倒計時、在線人數、銷售量等等。這種組件可以封裝一下,做成一個公用組件,這樣在每次使用的時候就可以直接調用了。好了先看下效果。 分析一下 首先分析一下,想這樣的組件,需要動態配置的屬性有哪些。數字肯定是

原创 css部分基礎知識回顧(二)

瀏覽器迴流與重繪 之所以能在頁面上看到內容,是因爲瀏覽器拿到服務器發送的數據後,開始做解析標籤樣式的操作,然後維護了一棵Dom樹和Style樹。 迴流(重排):是指瀏覽器重新刷新整個或者部分模塊的Dom或者Style樹,然後在頁面上進行重

原创 JavaScript部分基礎知識回顧(一)

js的數據類型 string number boolean undefined null object symbol object中包含了function Array Date等 js判斷類型方法 js中判斷類型主要有三種方式,分

原创 css中的權重規則

問題 css的加載順序 行內 > 內部 > 外部 / id選擇器 > class選擇器??? 今天我們來講講css中的權重問題。在很久很久以前,老師給我說,樣式有三種寫法,一種是行內樣式,一種是內部樣式,還有一種是外部樣式。在引入