npm

vue中引入mintui、vux重构简单的APP项目

不打扰是莪最后的温柔 提交于 2020-11-14 11:24:17
  最近在学习vue时也了解到一些常用的UI组件,有用于PC的和用于移动端的。用于PC的有:Element(饿了么)、iView等;用于移动端APP的有Vux、Mint UI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。   想做一个移动端微信公众号使用的界面,于是选择用mintUI。   mintUI官网: http://mint-ui.github.io/docs/#/en2/quickstart 1.项目中引入mint-ui 1.下载以及配置 (1)下载: E:\HBuilderSpace\vue-demo>cnpm install --save mint-ui (2)引入:可以按需引入,也可以全部引入 全部引入的方式: main.js: import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.config.productionTip = false; Vue.use(MintUI) new Vue({ router, store, render: h => h(App),

Cannot download https//github.com/sass/node-sass/releases/download/v4.13.0/win32-x64-72_binding.node

喜欢而已 提交于 2020-11-14 10:56:06
最近在对一个开源的项目前端代码进行打包。结果老是 出现了上面的问题,导致打包失败 # Cannot download https//github.com/sass/node-sass/releases/download/v4.13.0/win32-x64-72_binding.node 确保网络不能太慢 昨晚WIFI太慢了。。。 确保以管理员身份执行命名 特别是 win10 ,执行 前端命名如果不以超级管理员身份执行。那么 可能会导致执行失败 配置npm 淘宝镜像 npm config set registry https://registry.npm.taobao.org 参考 参考网友的 提高下载速度 通过 npm 安装 node-sass npm uninstall node-sass && npm install node-sass 很多网页都说 通过git 去下载然后手动安装 node-sass , 试过了,并没有用。就这样直接安装就可以了。 安装好直接就可以进入项目目录下面 去执行 npm install 等操作了 可以指定 node-sass 版本安装 node-sass 5 不兼容 node-sass 4 的。如果npm install 报错,可以根据提示信息 指定版本配置 npm uninstall node-sass && npm install node

angular 接入 IdentityServer4

陌路散爱 提交于 2020-11-14 10:39:25
angular 接入 IdentityServer4 Intro 最近把活动室预约的项目做了一个升级,预约活动室需要登录才能预约,并用 IdentityServer4 做了一个统一的登录注册中心,这样以后就可以把其他的需要用户操作的应用统一到 IdentityServer 这里,这样就不需要在每个应用里都做一套用户的机制,接入 IdentityServer 就可以了。 目前活动室预约的服务器端和基于 angular 的客户端已经完成了 IdentityServer 的接入,并增加了用户的相关的一些功能,比如用户可以查看自己的预约记录并且可以取消自己未开始的预约, 还有一个小程序版的客户端暂时还未完成接入,所以小程序版目前暂时是不能够预约的 为什么要写这篇文章 目前在网上看到很多都是基于 implicit 模式接入 IdentityServer,这样实现起来很简单,但是现在 OAuth 已经不推荐这样做了,OAuth 推荐使用 code 模式来代替 implicit implicit 模式会有一些安全风险,implicit 模式会将 accessToken 直接返回到客户端,而 code 模式只是会返回一个 code,accessToken 和 code 的分离的两步,implicit 模式很有可能会将 token 泄露出去 详细可以参考 StackOverflow 上的这个问答

FormData交互以及Node multiparty插件的使用

橙三吉。 提交于 2020-11-14 07:50:16
一、FormData    FormData是ajax2.0里面添加的新特性。    FormData的主要用途有两个:    (1).将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。   (2).异步上传文件    formdata使用方法详解=> https://www.jianshu.com/p/e984c3619019 1.前端代码 <!DOCTYPE html> <html lang= " en " > <head> <meta charset= " UTF-8 " > <meta name= " viewport " content= " width=device-width, initial-scale=1.0 " > <meta http-equiv= " X-UA-Compatible " content= " ie=edge " > <title>Document</title> </head> <body> <form action= " http://localhost:8520/ " method= " POST " id= " myform " > 账号: <input type= " text " placeholder= " 请输入账号 " name= " username " /><br