stylus

module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: 'dist', // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 assetsDir: '', // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。 indexPath: 'index.html', // 默认在生成的静态资源文件名中包含hash以控制缓存 filenameHashing: true, // 构建多页面应用，页面的配置 pages: { index: { // page 的入口 entry: 'src/index/main.js', // 模板来源 template: 'public/index.html', // 在 dist/index.html 的输出 filename: 'index.html', // 当使用 title 选项时，template 中的 title

MongoDB是文档型数据库，所以它没有关系型数据库 joins 特性。但是mongoose也有自己的方法来解决两个表之间的关联问题，Mongoose就是通过populate来解决这个问题的。接下来分享一下populate的方法。 populate的用法一 创建两个model var personSchema = Schema({ _id : Number, name : String, age : Number, }); var storySchema = Schema({ _creator : { type: Number, ref: 'Person' }, title : String, }); var Story = mongoose.model( 'Story', storySchema); var Person = mongoose.model( 'Person', personSchema); 创建数据 var aaron = new Person({ _id: 0, name: 'Aaron', age: 100 }); aaron.save( function (err) { if (err) return ; var story1 = new Story({ title: "Once upon a timex.", _creator: aaron._id });

转自：https://www.hustyx.com/python/67/ 因为经常写for所以感觉有点low而且运行效率不高，慢慢学习改进，这个矩阵操作例子还不错可以学学。 用Python实现矩阵的加法运算和乘法运算，写几层for循环，实现矩阵加法和乘法并不困难，但关键是要足够简洁，这个可让我费了不少脑子。先直接上代码吧。 #矩阵表示形式 M = [ [a1, a2, a3], [a4, a5, a6], [a7, a8, a9] ] #矩阵加法 def madd(M1, M2): if isinstance(M1, (tuple, list)) and isinstance(M2, (tuple, list)): return [[m+n for m,n in zip(i,j)] for i, j in zip(M1,M2)] #矩阵乘法 def multi(M1, M2): if isinstance(M1, (float, int)) and isinstance(M2, (tuple, list)): return [[M1*i for i in j] for j in M2] if isinstance(M1, (tuple, list)) and isinstance(M2, (tuple, list)): return [[sum(map(lambda x: x[0]

新建 一个公共的stylus公共文件添加公共变量，如下： 修改下图圈出的文件： 具体的修改如下： // generate loader string to be used with extract text plugin function generateLoaders (loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] if (loader) { loaders.push({ loader: loader + '-loader', options: Object.assign({}, loaderOptions, { sourceMap: options.sourceMap }) }) } // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', }) } else { return ['vue

1.介绍 CSS 预处理预处理框架，顾名思义，预先处理 CSS。那 stylus 咋预先处理呢？stylus 给 CSS 添加了可编程的特性，也就是说，在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来编写样式文件，执行这一套骚操作之后，这个文件可编译成 CSS 文件。 2.安装 Stylus 首先，安装 stylus，win+r打开cmd（确保之前已经安装 nodejs ，cmd下输入node -v，回车提示node版本号），-g代表全局安装。 npm install stylus -g 3.获得相关的命令行支持 stylus -h 4.如何将stylus编译成css文件 stylus stylus.styl -o style.css 项目stu目录下新建一个css文件夹用来存放css文件，再新建一个stylus文件夹用来存放stylus文件。 在stylus文件夹下新建test1.styl文件,里面添加（stylus语法代码，来自官网） border-radius() -webkit-border-radius arguments -moz-border-radius arguments border-radius arguments body font 12px Helvetica, Arial, sans-serif a.button

3 月，跳不动了？>>> Stylus 解决一下编写小程序写 css 难受的问题。不是很优雅，但是能解决问题，有语法提示也不会多打几个字，感觉还是很香的。 编译出来的结果还算理想，不用管生成的 wxss rpx 随便格式化会有空格的问题。 JetBrains 是我很喜欢的工具，下面是我 WebStorm 的配置。 https://stylus.bootcss.com/ 可以先去官网简单浏览一下，这里只是使用了一下函数和 unit() 内置函数。 安装 stylus：npm install stylus -g 在 WebStorm 设置 stylus 的自动处理 --ext .wxss 这个很关键，是定义生成文件的后缀的。要不然默认是 css 后缀。 这里推荐两个插件，对于 WebStorm 写小程序有一些帮助。 TabNine https://plugins.jetbrains.com/plugin/12798-tabnine Wechat mini program support https://plugins.jetbrains.com/plugin/13396-wechat-mini-program-support Stylus 解决一下编写小程序写 css 难受的问题 来源： oschina 链接： https://my.oschina.net/guodapeng/blog

因为没有安装stylus和stylus-loader npm install stylus stylus -loader --save -dev 安装成功后，使用npm install重新建立依赖 打开项目代码，找到package.json,查看文件中是否已经添加stylus和stylus-loader的版本信息。 来源： https://www.cnblogs.com/wxy0126/p/10908096.html

一、文档结构 二、全局安装vue-cli npm intall -g @vue/cli // 查看版本号 vue -V 三、vue-cli 创建项目 vue create projectname // 按照文档操作，ctrl + A全选中； space单应用选中或者不选中； enter下一步 四、在vue.config.js 中配置 const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { lintOnSave: false, configureWebpack: { resolve: { alias: { '@assets': resolve('src/assets'), '@components': resolve('src/components'), '@views': resolve('src/views'), '@css':resolve('src/assets/css') } } }, }// 或者 const path = require('path');function resolve (dir) { return path.join(__dirname, dir)}module.exports = {

自学vue,看视频写一个新项目，引用了styl格式的css，仿照视频去写，不知道哪里出了问题，styl文件中的样式一直没效果，最后终于找出bug解决了问题 1.安装stylus， npm install stylus -D（注意：命令结尾 -D 即是 --save-dev 的简写形式） 2.安装安装loader， npm install stylus-loader css-loader style-loader -D 3.找到 webpack.base.conf.js 文件，并在其中的 module下 rules中添加配置： 　 { 　　test: /\.css$/, 　　loader: 'style-loader!css-loader!stylus-loader', 　　include: [] } 注意：在组件内部的style标签中，加入 lang="stylus" ， < style lang= "stylus"> < style> 4.在webpack.base.conf.js 文件，找到 module.exports下的resolve，将extensions添加styl，如下图： 接下来就可以使用了，使用方式分两种。一种是在.vue文件的style块中使用，一种是引用.styl文件的形式 注意：如果是伪类设置样式，如：after,

原来的样子: 定制后的样子: Stylus 代码: .file_holder .file_content.code .lines pre, .file_holder .file_content.blame .lines pre { font-family: "Envy Code R", "Fira Code", Consolas, monospace; font-size: 13px !important; } .monokai .highlight .kd, .monokai .highlight .kn, .monokai .highlight .k { color: #f95826; font-weight: bold; } .monokai .highlight .na { color: #ffbc81; } .monokai .highlight .s { color: #9c9c9c; } 来源： oschina 链接： https://my.oschina.net/greenlaw110/blog/3189653