{
test: /\.less$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract({
use: [{
loader: 'css-loader',
options: {
importLoaders: 1,
modules: true,
namedExport: true,
camelCase: true,
minimize: true,
localIdentName: '[path][name]__[local]--[hash:base64:5]',
},
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: true,
plugins: loader => [
require('postcss-import')(),
require('autoprefixer')({
browsers: ['last 15 versions'],
}),
],
},
},
{
loader: 'less-loader',
options: {
javascriptEnabled: true,
modifyVars: themeVariables,
},
}],
fallback: 'style-loader',
}),
},
{
test: /\.less$/,
exclude: /src/,
use: ExtractTextPlugin.extract({
use: [{
loader: 'css-loader',
options: {
importLoaders: 1,
},
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: true,
plugins: loader => [
require('postcss-import')(),
require('autoprefixer')({
browsers: ['last 15 versions'],
}),
],
},
},
{
loader: 'less-loader',
options: {
javascriptEnabled: true,
modifyVars: themeVariables,
},
}],
fallback: 'style-loader',
}),
},
css module 的時候排除 node module
9月份沒有來搜索,目前已用webpack+vue開發(fā)過兩個擴展(純練手,已上線),沒什么太大問題,如果已解決,可忽略,如果未解決,可聯系交流
寫了個小demo,具體判斷你可以自己參考一下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
<style>
span{display:inline-block; margin-right:10px; border:1px solid #000;}
span.active{border:1px solid red;}
</style>
</head>
<body>
<div id="app">
<div v-for="(item,index) in list">
{{item.name}}
<div>
<span v-for="(itemB,indexB) in item.datas" @click="check(index,indexB)" :class={'active':itemB.isCheck}>{{itemB.name}} {{itemB.isCheck}}</span>
</div>
</div>
<button @click="submit">打印選擇結果</button>
</div>
<script>
var app = new Vue({
el:'#app',
data(){
return{
list:[
{name:'財經新聞',datas:[{name:'股票'},{name:'科技'},{name:'產業(yè)'}]},
{name:'熱點聚焦',datas:[{name:'股票'},{name:'科技'},{name:'產業(yè)'}]},
{name:'行業(yè)資訊',datas:[{name:'股票'},{name:'科技'},{name:'產業(yè)'}]},
],
results:{}
}
},
mounted(){
this.list.map((v,i)=>{
v.datas.map((val,index)=>{
this.$set(val,'isCheck',false);
})
});
},
methods:{
check(index,indexB){
let data = !this.list[index].datas[indexB].isCheck
this.$set(this.list[index].datas[indexB],'isCheck',data);
if(data){
if(typeof(this.results[index]) == 'undefined') this.results[index] = [];
this.results[index].push(this.list[index].datas[indexB].name);
}else{
let rIndex = this.results[index].indexOf(this.list[index].datas[indexB].name);
this.results[index].splice(rIndex,1)
}
},
submit(){
this.list.map((v,i)=>{
if(typeof(this.results[i]) == 'undefined'){
this.results[i] = [];
}
})
console.log(this.results)
}
}
})
</script>
</body>
</html>#background_img(@url){
background-image: url('../../../../../static/img/plan/@{url}.png');
}
.sh_no_option{
#background_img('sh_no_click');
&:hover{
#background_img('sh_no_click1')
}
}
這樣試試
問題1: 使用 ExtractTextPlugin
問題2: 使用 css-loader
問題3: 使用 url-loader
這是webpack的基本用法和功能建議多看幾遍文檔并自己做練習
比如我學習webpack的時候對照著指南 為每章創(chuàng)建一個git分支
https://github.com/mafeifan/w...
了解下SVG的視口縮放,圖一里的視口參數里可以比較明顯的看到48這個數字,個人覺得如果寬高用定值的話,會失去一部分矢量的靈活性。當然如果你用SVG插位圖的話,那無所謂。
chrome-》高級-》代理設置-》Lan設置 看看是不是設置了代理ip
頁面路徑放哪了 ?webinf下?
用 initWithCustomView: custom是定制,
你用的 initWithBarButtonSystemItem System是系統的。
1.直接添加樣式
title={<div style={{textAlign:"center"}}>Card title</div>}
2.通過headStyle設置樣式
headStyle={{textAlign:"center"}}
問題描述的不是很清楚
如果你想做的事情是: 當前端傳入的數據為空字符串時,在查詢時不對此字段做限制,只對前端傳了非空的字段進行限制的話, mongodb的find方法是需要傳一個給定值的,傳空字符串 會匹配此字段為空的記錄, 你需要在執(zhí)行db查詢操作之前,
在nodejs代碼中判斷字符串是否為空,然后再執(zhí)行查詢語句。
不知是否幫到你,可以留言讓我進一步了解你的問題。
補充回答:
以nodejs的express框架action請求為例:
const mongoClient = require('mongodb').MongoClient;
module.exports.get = function (req, res, next) {
let queryEmail = req.query.email;
mongoClient.connect(url, function (err, db) {
if (err) throw error;
let col = db.collection('your_collection');
if (typeof queryEmail === 'string' && queryEmail.length === 0) {
col.find({}).toArray(function (err, list) {
if (err) throw error;
res.json({
data: list
});
});
}
else {
col.find({ email: queryEmail }).toArray(function (err, list) {
if (err) throw error;
res.json({
data: list
});
});
}
});
}
以上代碼只是幫你打個樣,僅對于email這一個字段的查詢, 當輸入為空字符串時,直接將查詢條件設為了空對象,因此不對任何字段做限制輸出查詢結果;如果email字段里有貨,則在查詢條件中限制email字段必須符合輸入值。
有問題請回復。
可以使用Promise.all,如果不支持ES6,可以模擬Promise.all
function allAjax(arr,callback){
var count = 0,month = [];
arr.map(function(item,i){
$.ajax({
...
success:function(data){
month.push({
month:item,
data:data
})
},
complete: function(){
count ++ ;
if(count==arr.length){
callback && callback(month)
}
}
})
})
}
var arr = [1,2,3]
allAjax(arr,function(month){
console.log(month)
})<script type="text/javascript">
var a = [1, 2, 3, 4, 5, [6, 2, 3, 4]];
function copyarr(obj) {
var j = [];
for(var i = 0; i < obj.length; i++) {
if(typeof obj[i] == 'object') {
j = j.concat(copyarr(obj[i]));//[6, 2, 3, 4]
} else {
j[i] = obj[i];
}
}
return j;
}
var j = copyarr(a);
console.log(j) //
</script>
這樣的話就會結果就是原數組app.use(express.static("./dist/static"));
這樣才對吧
官網的肯定是靠不住的,可以使用七牛的靜態(tài)CDN服務:
https://www.staticfile.org
還有另一個,也很推薦(一直在用):
http://www.bootcdn.cn
搜你想要的weui就行
data是一個方法,不是一個對象,你這樣寫vue編譯的時候就報錯了吧,還打什么包
如果說你需要N個數據庫并且需要在不重啟的狀況下添加新的數據源,要么你自己開發(fā)一個動態(tài)的數據庫連接池,要么用jdbc,我選擇了后者
json數據拼接的有問題
javascript本身是單線程的,適合做IO操作,不適合做密集的計算工作;
不過把什么都放在后端做也不太靠譜,畢竟后端資源有限;
為了解決卡頓問題,可以試試worker
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯想擔任系統開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統架構師,美國AngelEngineers Inc. 系統架構師。