- 博客(11)
- 资源 (2)
- 收藏
- 关注
原创 angular4中判断滚动条是否到达底部
展示结果: 当滚动条接近于底部的时候在控制台输出文字。一、首先通过命令新建一个项目 ng new test01ng 是angular-cli命令 ;new 是新建 ;test01 是项目名称,项目名称可以随意,不过尽量按照规范来。二、然后创建三个组件:home组件、list组件、item组件ng g c homeng g c listng g c itemg 代表的是generate,生成;...
2018-05-08 16:13:55 4726
原创 mongodb操作指令
mongodb数据库命令:1.查询索引: db.testDB.getIndexes()2.创建索引: db.testDB.ensureIndex({"userid": 1})3.删除索引: db.testDB.dropIndex({"userid": 1})4.创建复合索引: db.testDB.ensureIndex({"userid":1, "age":...
2018-10-08 17:46:21 144
原创 webpack4.0中css文件抽离plugins
webpack3.0中css文件抽离出来使用的是 require("extract-text-webpack-plugin");而:webpack4.0中css文件抽离出来使用的是 require("mini-css-extract-plugin");
2018-08-28 11:13:38 1548
原创 node.js中将es6编译成es5
Babel是一个编译器,可以将ES6代码,转换为等价的ES5代码,此外,为了让babel更高效的使用,需要安装几个npm模块,Browserify将模块打包到一个单独的文件,用Babelify让两者(Babel和Browserify)协同工作,另外还用Watchify实时监听代码变化,触发构建流程。Babel: 可以用两种方式进行编译:命令行(babel-cli)或者程序(babel...
2018-08-25 19:44:20 4172
原创 npm模块之jwt-simple剖析
jwt(json web token)网络通行令牌,有了这个令牌,才可以继续操作。jwt-simple是npm的一个模块:##第一步 首先引入jwt-simple模块##第二步 创建一个要存储的内容,最好放入用户的id以及其他信息,用户密码不要放进去##第三步 创建存储的加密字符串,这个字符串留作加密的时候用##第四步 获取token,用引入的jwt-simple模块下的en...
2018-05-11 09:31:45 2391 1
原创 angular4+百分比进度显示插件
效果展示:一、在npm社区中搜索 : ng-circle-progress二、在项目目录下安装下载 npm install ng-circle-progress --save三、在app.module.ts文件中导入NgCircleProgressModule模块, 并在@NgModule装饰器中使用NgCircleProgressModule.forRoot()的方法,里面的参...
2018-03-19 14:41:33 3189 1
原创 在angular4+以上使用echarts(一)
所需要的环境: 1)node.js 2)npm包管理器 3)angular-cli(命令行工具)一、首先让我们通过ng命令创建一个新项目 ng new demo二、进入这个项目下,使用npm安装echarts npm install echarts --save npm install ngx-echarts --save三、配置angular-cli.json...
2018-03-19 13:43:04 4726 9
原创 angular2+初学者(2)——基本介绍以及页面的修改
一、基本介绍 通过 ng new angualrDemo,我们创建了一个名为angualrDemo的项目,ng serve启动它: 可以看到,项目已经启动。 在浏览器输入网址: localhost:4200 1).打开src/index.html文件:可以看到这里有个 app-root 标签,我们的应用将会在这里进行渲染。 2).打开app/app.module...
2018-03-08 11:31:09 1657
原创 angular2+初学者(1)——项目环境搭建以及创建项目并启动
一、环境搭建: node、npm以及@angular/cli(不建议使用cnpm) 1).node安装: 点击打开链接 查看node以及npm(npm是随着node自动安装的,一般来说node安装成功,npm也随着node安装成功)是否安装成功: 通过命令 node -v 查看版本号,我这里的是8.9.3 通过命令 npm-v 查看版本号,我这里...
2018-03-08 09:40:48 1094
原创 angular4实战--简单的投票系统
项目地址:https://github.com/xu1260114313/angular.git完成后:1.通过node及npm安装angular-cli: npm install -g @angular/cli2.检测angular-cli是否安装成功: 如果出现以上情况,则证明angular-cli创建成功!3.通过angular-cli新建项目,ng new voteWeb(项目...
2018-03-07 08:51:59 804
使用javascript中VC模式开发记账页面
2018-06-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人