随笔分类 - Angular
现实一点，先把书读好
摘要：
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
阅读全文
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
阅读全文
摘要：
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。
阅读全文
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。
阅读全文
摘要：Echarts option常用属性配置 官网配置项详情：https://echarts.apache.org/zh/option.html#title 成功绘制一个Echarts图表至少包含三部分：x轴xAxis、y轴yAxis、系列列表series。 option = { xAxis: { ty
阅读全文
摘要：Vue 获取当前时间并格式化 现在的代码，一家原创，万家抄袭，嗯，我也是... 直接就是大代码一顿狂粘！！啪啪啪！用去吧！ /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date =
阅读全文
摘要：ES6 Map 与 Set Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Maps 和 Objects 的区别 一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。 Map 中的键值是有序的（FIFO 原则），而添
阅读全文
摘要：ES6新语法 为啥要整理一篇ES6新语法的博文，是因为我连ES5都没接触过，就学Vue框架，然后发现能做，但是基础不牢，所以说回头瞥一眼。 ES6怎么来的 ECMAScript 和 JavaScript ECMA 是标准，JS 是实现 ECMAScript 简称 ECMA 或 ES 历史版本 199
阅读全文
摘要：Angular项目生成使用随机数 就这样子。
阅读全文
摘要：Ionic 使用 NFC 哎哟喂，因为项目需要使用 Ionic 调用手机 NFC 功能，踩了好多坑，真的是，不过终于不负众望拿到了id。现在就记录一下我的步骤和踩过的坑！ 步骤 我装的Ionic可能是最新的，然后用到的调用NFC的插件是 phonegap nfc 。 首先就是正常的创建项目，对了，我
阅读全文
摘要：前端定时器 setInterval 和 setTimeout setInterval 循环执行 循环执行就是设置一个时间间隔，每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉。 用法是setInterval（“方法名或方法”，“延时”）， 第一个参数为方法名或者方法，注意为方法名的时候不要加
阅读全文
摘要：angular 读写本地电脑文件 angular将数据写进到电脑文件 在前端写一个按钮，然后点击按钮的时候在本地电脑保存一个text文件。 这时候我们需要用到一个angular的插件，叫做“FileSaver.js” 官方github： "https://github.com/eligrey/Fil
阅读全文
摘要：angular 将字符串数据转换为十六进制数据 js / @Description: TODO 字符串转16进制方法 @author wjw @date 2019年9月18日16:35:32 / stringToHex(str) { let val = ''; for (let i = 0; i
阅读全文
摘要：angular项目实现mqtt的订阅与发布 如果要写一个exe可执行文件，可以使用angular编写，然后使用electron打包成一个exe文件。 https://github.com/maximegris/angular-electron 我们可以使用现成的angular链接mqtt的插件实现订
阅读全文
摘要：angular6 路由拼接查询参数如 ?id=1 并获取url参数 路由拼接参数： 拼接后在浏览器显示: 域名 http://localhost:4200/?id=1 angular 获取参数 id 的值： 引用API: import { ActivatedRoute, Params } from
阅读全文
摘要：windows 安装 cordova 参考资料：https://www.cnblogs.com/bpdxqx/p/6061719.html 1、安装nodejs(自动包含npm) 2、在命令行中通过npm语句npm install -g cordova 安装cordova
阅读全文
摘要：windows系统安装 ionic 参考菜鸟教程：https://www.runoob.com/ionic/ionic-install.html 命令行安装 Window 和 Linux 上打开命令行工具执行以下命令： 如果你已经安装了以上环境，可以执行以下命令来更新版本: 或 创建应用 使用ion
阅读全文
摘要：调用百度地图API隐藏右下角版权信息 商用的话建议不要隐藏，避免侵权。 隐藏前： 隐藏后： 如果使用angular，需要强制修改。
阅读全文
摘要：ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. 解决方案： 异步更新（建议使用） 强制进行变更检测，但是会触发子组件的变更检测，再次导致父组件属性改变 Parent.C
阅读全文
摘要：Angular 调用百度地图API接口 参考原文：https://blog.csdn.net/yuyinghua0302/article/details/80624274 下面简单介绍一下如何在Angular中使用百度地图。 第一步：申请百度地图密钥。 http://lbsyun.baidu.com
阅读全文
摘要：Angular 使用 frame 加载网络资源显示路径不安全问题 做项目的时候，angular 使用 frame 加载网络pdf文件的时候出现 unsafe value 问题，路径不安全。解决办法。 在相应的 ts 文件中编写： 在组件中引入 angular 内置的 DomSanitizer 模块。
阅读全文
摘要：ngx-markdown 是 Angular2+ 的一个第三方库，它的主要功能是将md文件转换为HTML格式，并且支持语法高亮。 GITHUB地址：https://github.com/jfcere/ngx-markdown 安装 1. 安装 ngx-markdown 使用 npm 进行安装，在 `
阅读全文
