npm

一 课程分类显示 宗旨：总的再次过滤 二 Cookie # export default new Vuex.Store({ state: { name:'', token:'', }, mutations: {}, actions: {} }) #全局数据 #赋值 methods:{ upup:function () { let _this=this this.$http.request({ url:'http://127.0.0.1:8000/login/', method:'post', data:{ name:_this.name, pwd:_this.pwd } }).then(function (response) { _this.$store.state.name=response.data.name _this.$store.state.token=response.data.token }) }, } #取值 < span class ="pull-right" v-if ="!this.$store.state.token" > Vuex状态管理器stoer介绍 vue-cookies -安装:npm install vue-cookies -使用: -store.js中导入import Cookie from 'vue-cookies' -取值:Cookie

我为什么选择学习 Node.js Node.js 是 前后端分离开发 的新选择。比较热门的前端框架 React ， Vue 都可以在 Node.js 环境上开发。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，最新的 v13.7.0 （2020年）已经已经支持了超过 90% 的 es6 语法，虽然目前还未支持 module import&export ,不过相信这一天已经不远了。 *暴力安装法（可跳过）： 这不是我要介绍的推荐方法，所以迫不及待的想要体验 node.js 的同学可以选择此方法偷懒。 登录 官网 ，选择下载 长期支持版LTS （优点稳定），或者当前发布版（优点尝鲜） 例如，我得到文件 node-v12.14.1-x64.msi 双击运行 .msi 文件，一直点 Next 基本就完事了 安装 node.js 版本管理工具 nvm nvm 全名 node.js version management ，顾名思义是一个 nodejs 的版本管理工具。通过它可以 安装和切换不同版本 的 nodejs 。 下载解压 首先去 Github nvm-windows 下载最新版本的 nvm-setup.zip ，解压后得到 nvm-setup.exe 安装 双击打开 nvm-setup.exe 看到第一步 Licence Agreement

react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法： 1、直接构建带有typescript的react项目，我们需要增加额外的参数，模版不能使用默认的cra-template。而是使用cra-template-typescript。 npx create-react-app tsreactdemo --template typescript 创建完成的成功提示与原来没有太大的区别，直接进入项目路径下，然后yarn start或者npm start。 进入项目，我们不着急启动，首先看看文件长得怎么样，默认会创建一个tsconfig.json，而且src目录下的默认的index.js,App.js文件变为了ts版本的index.tsx,App.tsx。 我们可以看看package.json中的依赖： 其实，依赖就是多了@types/jest,@types/node,@types/react,@types/react-dom 。 最早，我们创建typescript的react项目命令好像直接就是npx create-react-app xxx --typescript，可是现在这样不行了，后面的参数必须是--template typescript，而不是直接--typescript。这个需要说明一下，并不是我们搞错了

前言 vue-cli 都到 3.0.3 了，所以是时候玩转一下 vue-cli 3 的新特性了。 1. vue-cli 3.0.3 以下的安装都是在 macOS 的环境下进行的，当然在 windows 和 linus 下也同理。 1.1 安装 vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 可以使用下列任一命令安装这个新 vue-cli 3.0.3 的包： npm install -g @vue/cli # OR yarn global add @vue/cli 你还可以用这个命令来检查其版本是否正确 (3.x)： vue --version 或者： vue -V 1.2使用图形化界面 你也可以通过 vue ui 命令以图形化界面创建和管理项目： vue ui 上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。 1.3 创建项目 1.3.1 默认型 新建文件夹，在该文件夹下打开命令窗口，输入以下命令进行新建项目，当然我起的项目名字叫 vue-webpack-demo vue create vue-webpack-demo 会让你选择默认

###方法一 使用cnpm https://npm.taobao.org/ npm install -g cnpm --registry=https://registry.npm.taobao.org 方法二 直接替换源 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global 使用cnpm可能出现奇怪的错误,比如下载gulp的时候出错,所以我用的第二种方式. 来源： oschina 链接： https://my.oschina.net/u/1417422/blog/674700

CommonJS 规范主要解决服务端中 library 的导入导出问题。 NodeJS（同时也包括 webpack 与 npm）是CommonJS规范的实现 由于 CommonJS 规范引入依赖的方式是同步的，而在浏览器端需要进行异步加载，因此创建了 AMD 规范用于浏览器端管理依赖问题。 require.js 是AMD 规范的一管实现。 UMD 是AMD和CommonJS的糅合。UMD先判断是否支持Node.js的模块（exports）是否存在，存在则使用Node.js模块模式。 在判断是否支持AMD（define是否存在），存在则使用AMD方式加载模块。 来源： oschina 链接： https://my.oschina.net/lemos/blog/4890763

1. 利用 CSS 穿透覆盖默认样式 常见发生场景：假如我们需要通过 input，type="file"来上传文件，而这个 input 的默认样式，可以说是非常地 丑 。所以我们希望通过一张图片，与这个 input 大小一样，位置一致地盖在上面。这个时候，显然，这个时候点击图片，input 是不会起作用的。就是因为 img 隔绝了 click 的穿透，而我们希望的是，这个 img 只是视觉上遮挡了 input 的样式，但是点击的时候还是点击到 input。所以，只要让 img 可穿透即可。 css 代码如下： img { pointer-events : none; } 2. 实现自定义原生 select 控件的样式 由于 select 移动端原生样式很丑，但是原生弹出效果是符合我们设计的原则。直接修改 select 的样式的时候，一个奇怪的现象出现了，在 chrome 上调试的时候，自己定义的样式起了作用，在 Android 手机上也起了作用，但是到了 ios 手机上就不行了，典型的不兼容问题，这个时候禁用原生的样式即可。 css 代码如下： select { -webkit-appearance : none; } 3. 文本溢出处理 移动设备相对来说页面较小，很多时候显示的一些信息都需要省略部分。最常见的是单行标题溢出省略，多行详情介绍溢出省略。现在都用框架开发了

Vue整合nginx：（1）开发环境npm run dev下，通过nginx解决前后端分离造成的跨域问题 参考文章： （1）Vue整合nginx：（1）开发环境npm run dev下，通过nginx解决前后端分离造成的跨域问题 （2）https://www.cnblogs.com/mysouler/p/10818612.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4428122/blog/4888983

先在同级处新建js文件（app.js） 使用时npm 安装 Node.js 模块语法 也就是对应的文件所在地“npm install”一下 然后安装对应需要的模块： express path request const express = require('express' ); const path = require('path' ); const request = require('request' ); // 配置静态文件服务中间件 // server地址 const app = express(); // 请求的IP let serverUrl ='http://192.168.1.133:8080' ; app.use(express.static(path.join(__dirname, './' ))); app.use( '/', function (req, res) { let url = serverUrl + req.url; req.pipe(request(url)).pipe(res); }); // 传入的自己的IP，3000什么的是自定义的，8080还是8000啥的之类的.. app.listen( 3000,'192.168.1.18' , function () { console.log( 'server is running at

21、nodejs异步读写文件 https://blog.csdn.net/songmaolin_csdn/article/details/52910771 20、nodejs垃圾回收 node --max_semi_space_size=1 --max_old_space_size=10 1.js --production max_semi_space_size 32 16 max_old_space_size 1.4G 0.7g node --v8-options | grep max dong@ubuntu:~$ node --v8-options | grep max --gvn_iterations (maximum number of GVN fix-point iterations) --max_inlining_levels (maximum number of inlining levels) --max_inlined_source_size (maximum source size in bytes considered for a single inlining) --max_inlined_nodes (maximum number of AST nodes considered for a single inlining) --max_inlined