vue项目本地打包并scp上传至服务器脚本

买的京东云的服务器,但是centos服务器上npm install之后打包总是报错(本地正常),于是折腾了一个脚本换成本地打包上传到服务器了

vue项目打包scp上传脚本

产品DAU与估值

产品笔记估值

教育新零售

详解教育新零售

产品笔记

JS中== 、===的用法和区别

简要介绍JS中== 、===的用法和区别

=====JS

JavaScript高阶函数

至少满足下列条件之一的函数

  • 可以作为参数被传递
  • 可以作为返回值输出
js高阶函数

nodejs express设置服务端允许跨域

1.npm install cors

2.app.js添加以下代码

var cors = require("cors")

app.use(cors({credentials: true, origin: '*'}));

3.node app.js

express服务端跨域

快速判断一个行业是否值得加入

教你如何快速判断一个行业是否值得加入

行业竞争判断行业产品笔记

小程序下拉刷新真机上不回缩问题解决

加上代码wx.stopPullDownRefresh(); //停止下拉刷新


/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.getCourseList();
    this.getErrBookList();
    this.getYouLike();
    this.getCoach();
    this.getBrowsedCourseList();
    this.getBrowsedVideo();
    wx.stopPullDownRefresh();
  },
小程序下拉刷新不回缩

网站图片优化

图像压缩

1.使用 imagemin
cd进入项目根目录

npm install imagemin

2.创建一个名为 imagemin.js 的新文件,写入以下内容:

const imagemin = require('imagemin');
const PNGImages = 'static/images/*.png';
const JPEGImages = 'static/images/*.jpg';
const output = 'build/images';

3.运行 node imagemin.js

网站图片优化web性能优化

优化CSS加快网站速度的方法

使用简写

p { margin-top: 1px;
    margin-right: 2px;
    margin-bottom:  3px;
    margin-left: 4px; }

p { margin: 1px 2px 3px 4px; }

查找并删除未使用的 CSS

使用谷歌浏览器:

  • 查看>开发人员>开发人员工具,并在最近的版本中打开Sources选项卡,然后打开命令菜单。然后,选择Show Coverage,在Coverage analysis窗口中高亮显示当前页面上未使用的代码
  • 使用Audits进行逐行分析,打开开发者工具,点击 Audits 栏位,点击 Run audits 开始分析结果
CSS优化网站速度优化web性能优化

SaaS系统七宗罪

过分强调老板需求,忽视员工需求

  • 老板的“监管工具”

创业公司变化大,收费模式不灵活

  • 频繁业务转型,员工变化快,挑战账号数收费模式
SaaS系统产品笔记

shadow dom

旨在构建基于组件的应用,可针对性提供如下解决方案:

  • 隔离DOM:组件的 DOM 是独立的(例如,document.querySelector() 不会返回组件 shadow DOM 中的节点)
  • 作用域CSS:shadow DOM 内部定义的 CSS 在其作用域内。样式规则不会泄漏,页面样式也不会渗入
  • 组合:为组件设计一个声明性、基于标记的 API
  • 简化CSS:作用域 DOM 意味着您可以使用简单的 CSS 选择器,更通用的 id/类名称,而无需担心命名冲突
shadow dom组件
博主推荐
微信扫码关注「极客之路」
领取学习礼包