![](https://img-blog.csdnimg.cn/20210827121024309.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
angular
文章平均质量分 63
angular开发相关总结
佛一脚
这个人很懒没有写个性签名
展开
-
前端实现成绩管理系统
先上效果图简单演示:登录,学生信息展示,学生成绩展示介绍最初也不想做这么多功能,从一个随机点名开始,需要到学生信息,然后记录每次点名后回答正确或者错误分数,后面考虑到考试成绩录入,就想到了还能生成excel文件,一步步加入各种功能,后面考虑加入echarts,把成绩用图表展示。其实php我是不怎么会的,我更熟练使用jave的spring boot,但是服务器是阿里云的最低配置:1核1g运行,带不动Mysql+Apache+Spring boot,所以最终使用了更轻量级的php。整体框架前端:原创 2021-10-14 22:46:32 · 5029 阅读 · 9 评论 -
教师节,给老师们写一个随机点名的网页
先上效果图已实现功能5s-6s随机出现名字;鼠标点击爆炸特效;未完待续…开发环境后面考虑加更多功能,所以用的angular框架,其实简单的随机点名一个html文件也可以做好。Angular CLI: 8.3.29Node: 10.17.0OS: win32 x64Angular: 8.2.14随机点名代码这段逻辑从网上bd找的,用ts语法做了简单转化 onStart(){ console.log(this.curClass) let choosedClas原创 2021-09-10 21:21:35 · 1060 阅读 · 0 评论 -
angular使用高德地图
开发环境Angular CLI: 8.3.29Node: 10.17.0OS: win32 x64Angular: 8.2.14准备工作去高德地图注册帐号,成为开发者,实名认证(支付宝扫码的方式)创建应用创建key(最关键的一步)github仓库地址开始创建项目创建一个myworld的项目ng new myworld安装高德地图的开发依赖开发文档链接根据文档,里面有多种安装依赖的方式,我这边采用npm 安装npm i @amap/amap-jsapi-loader原创 2021-08-27 12:07:40 · 2170 阅读 · 0 评论 -
angular+ionic常用控件
描述:使用angular+ionic+typescript封装一些常用控件,及一些示例,方便项目开发中直接拿来使用,节约开发时间。机票------> github地址组件bottom底部组件,提示已经到底了,不能继续下滑;datechoose时间选择控件;以tab的形式点击选择今天,昨天,本月等时间,也可以精确选择时间;filechoose文件选择控件,选择本地文件,一般用于选择后上传文件;menu2二级菜单,可设置单选多选noinfo没有更多信息,一般用于展示没有数据原创 2021-02-23 18:20:18 · 356 阅读 · 0 评论 -
angular使用echarts词云图wordCloud
环境angular cli: 8.3.8node: 10.17.0安装项目中安装echarts,echarts-wordCloud两个库;wordCloud是echarts的插件;npm install echarts--savenpm install echarts-wordcloud --save检查package.json中添加两个依赖;使用在需要使用的component中引入两个库import * as echarts from 'echarts';import "e原创 2020-12-31 18:08:57 · 2435 阅读 · 0 评论 -
angular实现换肤功能
环境angular cli: 8.3.8node: 10.17.0演示效果实现提前定义几套皮肤颜色,通过scss的 @mixin混入打到修改主题的效果;步骤1. 定义皮肤颜色base.scss定义了三份,效果图中展示的使用了两个颜色:字体,背景两种;// 主题1 对比色$contrast_color: #fc4a1a;//字体颜色$contrast_main: #4abdac;//主要颜色,如背景色$contrast_gray: #e5e3e8;//$contrast_or原创 2020-12-03 18:28:07 · 782 阅读 · 4 评论 -
angular使用material,cdk遇到的问题
背景angular项目中添加使用 material,cdk两个包的时候,编译不通过,报了一大堆错误。主要是这个:An accessor cannot be declared in an ambient context.完成错误代码ERROR in node_modules/@angular/cdk/bidi/dir.d.ts:26:9 - error TS1086: An accessor cannot be declared in an ambient context.26 get d原创 2020-10-13 17:06:24 · 1189 阅读 · 0 评论 -
js-时间的各个用法及转换
环境3.7.5当前时间Datenew Date()longnew Date().getTime();当天0点时间new Date(new Date().toLocaleDateString()).getTime()原创 2020-05-26 10:56:27 · 340 阅读 · 0 评论 -
angular8设置代理,解决跨域请求问题
环境控制台输入 ng v背景由于项目是通过ionic 创建的。版本号是5.4.16设置代理可以是ionic的方式,也可以是angular的方式。但是网上说的ionic 方式,配置ionic.config.json没有作用。试了好多篇文章的方法都不行,就采用angular设置代理方式。开始1.创建文件:proxy.json项目的根路径下新建一个proxy.json文件,用于设置各...原创 2020-03-16 16:45:34 · 1815 阅读 · 1 评论 -
angular-安装与使用以及遇到的问题
前提环境1. 安装node.js:命令行内输入node -v检查2. 安装npm/cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org检测是否安装成功node -vnpm -v安装脚手架使用npm/cnpm命令安装angular/cli推荐使用第二个 cnpmnpm install -...原创 2019-04-11 18:03:39 · 1258 阅读 · 0 评论