响应式表单依赖注入 ReactiveFormsModule123456789// app.module.tsimport { ReactiveFormsModule } from '@angular/forms';@NgModule({ imports: [ ReactiveFormsModule ],})export class AppModule { }
view 层绑定定义好的表单控件123456789101112131415161718192021222324252627282930313233<!--...
安装 scss
npm i -D sass sass-loader
VsCode 安装插件
px to rem
alt + z: 即可转换为 rem
默认 1rem = 16px ,可在配置文件中根据实际情况修改 首选项 => 设置 => 搜索 px to rem
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556// _variables.scss// 全局定义颜色// colors$colors:( ...
MongoDB 安装在mongodb 官网 选择自己的操作系统下载
下载完成解压后重命名为 mongodb
配置环境变量
export PATH=/usr/local/mongodb/bin:$PATH在 mongodb 根目录下新建数据库存储目录 /data/db
然后启动 mongod
启动成功后 再打开一个终端输入 mongo 即可启动服务
MongoDB 连接安装 mongoose 包
npm i mongoose123456789101112131415161718192021222324252627282930313233// index.jsconst express = ...
Express 介绍Express 是基于Node.js平台,快速开放极简的 Web 开发框架
Express 安装前提 node 要下载好噢~
npm install express --save再安装 node 自动重启工具 nodemon
npm install -g nodemon基础安装完以后
接下来简单介绍下用法
Express 之快速上手路由使用 nodemon index.js 执行后
终端输出:App listening on port 3000!
紧接着在浏览器中访问 localhost:3000
访问结果如下:
12345678910111213141516// 访...
git 常用命令
git checkout:查看当前仓库分支
git branch :查看分支
git add . :把文件放在暂存区
git commit -m "desc":填写提交分支的描述
git push : 本地分支的修改 push 远程分支上
git status: 查看文件更改的状态
git diff: 查看具体文件的增删改的内容
git log: 提交的日志情况
git push origin master: 推到远端的 master 分支上
git fetch: 拉去所有远端的分支到本地
git merge dev: 合并分支
...
第一个vue应用vue官网文档:Vue
head中引入 CDN 即可完成一个简单的 vue 应用
1234567891011121314151617181920e.g.<head> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script></head><div class="bg"> hello world! {{msg}}</div> <script> ...
Node 的作用和应用
脱离浏览器运行 JS
后台API编写
Webpack Gulp Npm等
中间层:服务器中负责IO读写的中间层服务器
Node的优势
便于前端开发入门
性能高
利于前端代码整合
Node中间层的优势
性能提高(异步IO 适合处理高并发)
处理数据
提高安全性
Node 模块全局模块 (对象)定义:何时何地都能访问,不需要引用。类似于 js 中的 document window
例如:
process.env:
返回用户环境信息
process.argv:
提供当前进程有关的消息,返回一个数组
数组的第一个元素 process.ar...
需求是在浏览器端实现企业微信扫码登录
首先在 企业微信api 看下需要准备些什么内容
本项目是需要 构造内嵌登录二维码
所以直接翻到 构造内嵌二维码这部分
步骤一:引入JS文件12345<!-- 在 index.html 引入 --><head><script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js" type="text/javascript" charset="utf-8"></script></head>
步骤二...
变量类型及计算1. typeof 能判断哪些类型?考点:JS 变量类型1234567891011// 值类型nullundefinedStringNumberBooleanSymbol// 引用类型ArrayObject
2. 何时使用 === 何时使用 ==考点:强制类型转换除了 null 用 == 以外,其他一律用 ===
==: 非严格模式下使用 先转换在比较
===: 严格模式下使用 仅比较不转换
3. 值类型和引用类型的区别是?
存储位置不同
值类型的变量存放在栈内存中
引用类型的变量名存放在栈内存中,变量值存放在堆内存中,通过内存地址指向这个堆内存
复制方...
需求是 在web端实现在线预览
只能预览 不能下载 右键保存等操作
本实现基于 angular 框架开发的
实现的方法:
方法一:通过 a 链接 href 的形式1<a href="文档地址"></a>
ps:
<a>链接方式会打开一个新的页面
如果需要在当前页面预览 则不满足实际需求
方法二:通过iframe标签内嵌的形式1<iframe style="width: 100%;height: 1080px;margin-top: 62px;" [src]="file" frameborder="0" ></iframe>
...