內(nèi)容 UI組件 開發(fā)框架 實(shí)用庫(kù) 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 UI組件 element ★13489 - 餓了么出品的Vue2的web UI工具套件 Vux ★...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
Vue開發(fā)常用的框架及案例
-
@人類發(fā)展觀察者
你好，根據(jù)你的問(wèn)題，我覺得你的程序中ts的編譯，js的uglify都是沒問(wèn)題的，只是在混淆的時(shí)候出問(wèn)題了。所以我覺得你不能單純的使用mangle.properties: true這樣的設(shè)置。該設(shè)置會(huì)把代碼中所有可見屬性都混淆，例如arr.length中的length。所以如果你想高度混淆一些屬性和名稱，我覺得你要配置一些規(guī)則，比如指定某些js常規(guī)屬性不進(jìn)行混淆等。具體請(qǐng)搜索相關(guān)uglify的文檔查看。Gulp的安裝使用與API詳解
前言 以前一直使用Grunt作為前端自動(dòng)化構(gòu)建工具，但始終覺得配置繁瑣，在之后一個(gè)項(xiàng)目中便決定使用更流行的構(gòu)建工具Gulp。因?yàn)镚ulp使用node的stream流進(jìn)行文件和...
-
要你思考你的項(xiàng)目怎么構(gòu)建了，需要什么功能就安裝什么插件，文章末提供的插件有相關(guān)的使用場(chǎng)景說(shuō)明，都是一些大眾的插件。建議到GitHub上搜索，使用gulp-xxx你想要的功能的英文進(jìn)行搜索，然后閱讀文檔，找到適合自己的插件，這個(gè)過(guò)程會(huì)讓你收獲很多。然后requireJS可以使用一個(gè)gulp-requirejs-optimize的插件。
Gulp的安裝使用與API詳解
前言 以前一直使用Grunt作為前端自動(dòng)化構(gòu)建工具，但始終覺得配置繁瑣，在之后一個(gè)項(xiàng)目中便決定使用更流行的構(gòu)建工具Gulp。因?yàn)镚ulp使用node的stream流進(jìn)行文件和...
-
vue-devtools——多環(huán)境下的安裝經(jīng)驗(yàn)前言 最近在學(xué)習(xí)Vue，自然接觸到了vue的調(diào)試工具vue-devtools，所以試著按文檔安裝一下。vue-devtools給vue應(yīng)用的開發(fā)帶來(lái)的方便就不多說(shuō)了，下面主要...
-
Gulp的安裝使用與API詳解
前言 以前一直使用Grunt作為前端自動(dòng)化構(gòu)建工具，但始終覺得配置繁瑣，在之后一個(gè)項(xiàng)目中便決定使用更流行的構(gòu)建工具Gulp。因?yàn)镚ulp使用node的stream流進(jìn)行文件和...
-
利用 git 鉤子做代碼提交前的檢查
前言 在前面《使用ESLint構(gòu)建團(tuán)隊(duì)代碼規(guī)則》《如何在WebStorm中配置ESLint》兩篇文章中我介紹了eslint的搭建和項(xiàng)目中的運(yùn)用，但還存在一個(gè)問(wèn)題就是團(tuán)隊(duì)開發(fā)時(shí)...
-
react-native WebView獲取內(nèi)容高度
需求背景 我們APP里有個(gè)商品詳情頁(yè)，頁(yè)面上半部分是自己寫的界面，下半部分則要展示一段由后臺(tái)返回的html標(biāo)簽，圖文混排的形式。由于WebView如果不給定一個(gè)高度，將無(wú)法展...
-
如何在WebStorm中配置ESLint前言 在上一篇《使用ESLint構(gòu)建團(tuán)隊(duì)代碼規(guī)則》中，我介紹了如何構(gòu)建eslint，并成功的在終端執(zhí)行命令檢測(cè)了js代碼。但我們更多的是希望在開發(fā)時(shí)能自動(dòng)檢測(cè)，而不是手動(dòng)檢測(cè)...
-
主要使用這個(gè)屬性值，ticks
scales: {
yAxes: [{
ticks: {
callback: function(value, index, labels) {
return value+'%';
}
}
}]
},
至于數(shù)據(jù)data，自己可以預(yù)先處理成百分比，如
var pa = function (data) {
return parseInt(data/28*100);
};
var barChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
data: [pa(1), pa(2), pa(3), pa(4), pa(5), pa(6), pa(7)]
}]
};
這樣就可以了，希望能幫到你。Chart.js輕量級(jí)圖表庫(kù)的使用經(jīng)驗(yàn)
前言 最近項(xiàng)目中遇到一個(gè)在頁(yè)面中畫圖表的需求，需要一個(gè)扇狀圖和一個(gè)柱狀圖，雖然能使用svg或canvas繪制，但吃力還不一定討好，所以研究接入了主流的第三方圖表庫(kù)供項(xiàng)目使用。...
-
使用ESLint構(gòu)建團(tuán)隊(duì)代碼規(guī)則
前言 js是一門動(dòng)態(tài)弱類型語(yǔ)言，程序中的錯(cuò)誤要在代碼運(yùn)行時(shí)才能發(fā)現(xiàn)。而ESLint就是能在編譯中發(fā)現(xiàn)代碼錯(cuò)誤的工具，在團(tuán)隊(duì)協(xié)作中，避免低級(jí) Bug，產(chǎn)出風(fēng)格統(tǒng)一的代碼。 工具...
-
Chart.js輕量級(jí)圖表庫(kù)的使用經(jīng)驗(yàn)前言 最近項(xiàng)目中遇到一個(gè)在頁(yè)面中畫圖表的需求，需要一個(gè)扇狀圖和一個(gè)柱狀圖，雖然能使用svg或canvas繪制，但吃力還不一定討好，所以研究接入了主流的第三方圖表庫(kù)供項(xiàng)目使用。...
-
圖片上傳自動(dòng)旋轉(zhuǎn)、壓縮轉(zhuǎn)載自林鑫的博客 前言 最近工作中遇到一個(gè)在前端上傳圖片后需求自動(dòng)調(diào)整圖片方向的需求，查找了一下資料，結(jié)合自己的工作總結(jié)如下。 背景 通過(guò)網(wǎng)頁(yè) input 標(biāo)簽上傳圖片，有一...
-
iOS APP從打包到發(fā)布appStore完整流程（含4位版本號(hào)實(shí)現(xiàn)）2017年1月22日一.iOS APP從打包到發(fā)布appStore完整流程 1.首先確保代碼里面連接的是正式環(huán)境，選擇上傳appStore對(duì)應(yīng)的pp文件（如果1.3.8.1包...
-
ES6模塊(Module)加載知識(shí)總結(jié)（二）
前言 承接上一篇《ES6模塊(Module)加載知識(shí)總結(jié)（一）》的兩個(gè)問(wèn)題，1、 由于index.js導(dǎo)入了所有的組件，然后其他頁(yè)面使用時(shí)直接加載index.js，如果我只用...
-
ES6模塊(Module)加載知識(shí)總結(jié)（一）
實(shí)踐總結(jié) 在我項(xiàng)目的目錄結(jié)構(gòu)最外層有一個(gè)components文件夾，里面存放著項(xiàng)目用到的所有公共組件，每個(gè)頁(yè)面用到這些組件時(shí)，便通過(guò)import方法導(dǎo)入相關(guān)組件。但是當(dāng)頁(yè)面復(fù)...