NPM结合vue的使用
1.允许用户从NPM服务器下载别人编写的第三方包到本地使用2.允许用户从NPM服务器下载并安装编写的命令行程序到本地使用3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用常用命令：npm install npm unistall num update npm ls 树形结构打印依赖包常用参数：-g global 全局依赖npm一般用于安装脚手架脚手架：搭建好一个一个基本的模板vue支持IE9 及更高版本├── build // 构建相关├── config // 配置相关├── src // 源代码│ ├── api // 所有请求│ ├── assets // 主题 字体等静态资源│ ├── components // 全局公用组件│ ├── directive // 全局指令│ ├── filtr
vue1.0+webpack开发
vue1.0+webpack搭建项目，vue1.0要与指定版本的webpack结合才能正确运行，与vue2.0项目的依赖有很大的不同，vue1.0项目相关依赖如下。{ "name": "first", "version": "1.0.0", "description": "first vue", "main": "node index.js", "scripts": { "test": "node test.js", "server": "webpack-dev-server --content-base ./ --port 8000" }, "repository": { "type": "git", "url": "https://github.com/zyw327/vue1.0.git" }, "keywords": [ "vue" ], "author": "smart zeng", "license": "MIT", "bugs"
webpack的学习笔记
首先webpack是一个模块打包机，本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。webpack的配置文件webpack.config.jsconst path = require('path');module.exports = { entry: './app/main.js', //配置入口文件位置 output:{ path: path.resolve(__dirname, 'dist'), //输出文件位置 filename: 'bundle.js', //打包后的文件名称 publicPath: 'public' //虚拟目录 }, module: { rules: [ test: /\.jsx?$/，//匹配以js或jsx结
vue-router
路由：将组件components映射到路由routes，然后告诉vue-router在哪里渲染它们1.app.vue只要每个页面不变的都放上去，比如导航条/左侧栏2.点击页卡，切换主体content的内容，导航条/左侧栏不会变动（这是路由的作用）3.app.vue 使用视图<router-view></router-view>4.app.vue处 <el-menu default-active="/activePublic" class="el-menu-vertical-demo" :router="true"> <el-menu-item index="/activePublic" :class="{'isActive': active}">活动发布</el-menu-item> <el-menu-item index="/activeManage" :class="{'isActive': !active}">活动管理</el-menu-item> </el-menu>
less学习之初步二
一、混合定义函数及混合函数的传参less定义多个具有相同名称和参数数量的混合是合法的。带多个参数的混合,参数用分号分割，逗号会作为列表传递，即如果传参的括号里面全部都是以逗号分割，那么会依次传给各个参数值，如果传参的括号里面既有逗号也有分号，则会把分号前面的看做一个整体传给一个参数值。例如.mixin(@color;) { color-1: @color;}.mixin(@color; @padding:5px;) { color-2: @color; padding-2: @padding;}.mixin(@color; @padding; @margin: 2px) { color-3: @color; padding-3: @padding; margin: @margin @margin @margin @margin;}.some .selector div { .mixin(yellow);}//函数混合传参.mixin(@color; @padding:xxx; @margin: 2px) { color-3: @color; padding-3: @p
less学习笔记之less初步
一、less简单写法/**less的写法如下*/.content{ ul{ list-style: none; } li{ height: 15px; line-height: 25px; padding-left: 15px; background: url("./images/arr.jpg") no-repeat center left; } a{ text-decoration: none; color: #535353; font-family: Microsoft YaHei, "黑体", Arial, SimSun, Arial Unicode MS, MingLiU, Helvetica; }}这是less最基本的写法。和css样式表有点类似，但是又有不同，less的这种写法减少了css代码的冗余。二、带变量的less写法less的变量使用@加名字定义，列入定义@name。@green:green; //定义了绿色@size: 3rem;@white: white;header,footer{ backgro
HTML <meta> 标签详解
浏览器支持情况：IEFirefoxChromeSafariOpera所有浏览器都支持 <meta> 标签。定义和用法<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。HTML 与 XHTML 之间的差异在 HTML 中，<meta> 标签没有结束标签。在 XHTML 中，<meta> 标签必须被正确地关闭。提示和注释：注释：<meta> 标签永远位于 head 元素内部。注释：元数据总是以名称/值的形式被成对传递的。使用如下<meta http-equiv="charset" content="utf-8"><meta http-equiv="expires" content="31 Dec 2008"><meta http-equiv="refresh" content="60"><meta name="description" content="描述文字"><meta name="keywords" cont
IaaS vs CaaS vs PaaS vs FaaS：选择合适的平台
探索各种云平台，为您找到最好的平台。由Jeff Kubina授权的CC By-SA 2.0“Circumhorizontal Arc”是否购买，构建或采用了开放源码，您可能已经在使用某种软件平台来构建，部署和扩展您的应用程序。经过多年将应用程序中的常用功能提取到较低级别的抽象中之后，平台就出现了。 如果以故意的意图和设计完成，你会得到一个平台。 如果不是的话，你可能最终会在自己的手中产生一个有机的混乱，并发现自己正在寻找其他人为了出路而建造的平台，一线希望。适合您的平台将在灵活性和简单性之间实现您所需要的平衡，使您能够更快地构建，而不会受到太多限制。 本文将分析云平台的各个方面，帮助您找到最适合您情况的方案。每个人都有自己的想法，看看这个完美的平台是什么样子的，因为每个人的用例都有些不同。 但是每个人都在寻找两件大事：发展速度加快自动化操作专长这两个需求推动了大部分软件平台的投资。 真的，他们是你可能用来自动化任何事情的相同论点：速度和可重复性。因此，要知道没有哪个平台对所有用户都是完美的，你应该自己写吗？ 如果你自己写，你是建立在现有的平台之上吗？ 你如何选择一个基础平台开始？ 你是
FaaS，PaaS和无服务器体系结构的好处
note: faas:功能即服务 paas:平台即服务本文讨论无服务器是什么，将其与PaaS和SPaaS进行比较，无服务器体系结构的优点和成本以及对框架的需求。最初，无服务器意味着开发人员不必关心设置和管理运行其后端应用程序的服务器。不是说没有涉及服务器，而是后端基础架构是由第三方提供者维护的，所需的功能是作为服务提供的，包括数据库，消息传递，认证等。这个服务基础结构通常被称为后端即服务（Backend-as-a-服务（BaaS）或移动后端即服务（MBaaS）。但是，当亚马逊在2014年宣布AWS Lambda时，将无服务器模式推向了另一个层次，为云中运行的应用程序引入了新的系统架构。没有永久进程在服务器上运行，等待HTTP请求或API调用，而是一个触发AWS服务器上的一段代码（通常只是一个函数）的事件机制。使用这种范例时，不必考虑服务器。重要的是写一段代码在某个事件发生时被执行。云提供商负责查找运行代码的服务器，并在需要时扩展。一旦执行结束，用于运行这些功能的容器就会退役。并且执行以100毫秒为单位计量，用户仅对代码运行时消耗的资源收费。一些人称这种功能即服务（FaaS）
mysql命令gruop by报错this is incompatible with sql_mode=only_full_group_by
mysql命令gruop by报错this is incompatible with sql_mode=only_full_group_by在mysql 工具 搜索或者插入数据时报下面错误：ERROR 1055 (42000): Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'database_tl.emp.id' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by 原因：看一下group by的语法：select 选取分组中的列+聚合函数 from 表名称 group by 分组的列 从语法格式来看，是先有分组，再确定检索的列，检索的列只能在参加分组的列中选。我当前Mysql版本5.7.17，再看一下ONLY_FULL_GROUP_BY的意思是：对于GROUP BY聚
微信二次分享开发
问题：android版本微信二次分享功能正常；但是ios版本微信二次分享不正常。微信web开发工具调试正常。ios版本微信真机调试alert打印，wx.ready回调函数和config配置都正常，最后分享不正常。ios二次分享时，分享链接不能为安全域名+端口，只能时安全域名（默认端口）但是操蛋的时android二次分享时，分享链接带端口号没问题，一切正常；
linux用户登录记录日志和相关查看命令汇总
Linux用户登录信息放在三个文件中：1 /var/run/utmp：记录当前正在登录系统的用户信息，默认由who和w记录当前登录用户的信息，uptime记录系统启动时间；2 /var/log/wtmp：记录当前正在登录和历史登录系统的用户信息，默认由last命令查看；3 /var/log/btmp：记录失败的登录尝试信息，默认由lastb命令查看。这三个文件都是二进制数据文件，并且三个文件结构完全相同，是由/usr/include/bits/utmp.h文件定义了这三个文件的结构体。默认情况下文件的日志信息会通过logrotate日志管理工具定期清理。logrotate的配置文件是/etc/logrotate.conf，此处是logrotate的缺省设置，通常不需要对它进行修改。日志文件的轮循压缩等设置存放在独立的配置文件中，它（们）放在/etc/logrotate.d/目录下，它会覆盖缺省设置。如果不想记录相关信息，则可以直接将相关文件删除即可。如果系统不存在该文件，则需要在此路径touch一个文件就可以继续记录相关信息了。此外：如果想禁用who命令，则只需要将utmp的可读