Angular 给展示的数字添加一个数字格式千分位管道

2020-5-5 Jon angular

最终效果 242 => 242 369511 => 369,511 41262132 => 41,262,132 6456122331 => 6,456,122,331 在共享模块 shared 模块中创建数字管道 ng g p shared/pipe/number-format 在 shared 模块中导出管道

阅读全文>>

标签: angular 管道 数字 千分位 pipe

评论(4) 浏览(6261)

Angular 给 input 添加一个去除两边空格指令

2020-4-29 Jon angular

一般遇到 input 提交内容都会逐个给里面的值去除空格，这是一个重复的劳动力，在 Angular 中可以通过自定义一个指令来解决。考虑到项目中会有多个组件用到，所以一般会将该指令放到 shared 模块下面，下面简单写下步骤。

阅读全文>>

标签: angular 指令 input 空格

评论(0) 浏览(4236)

Angular 9.1.0 线上报错 ReferenceError: _rollupMoment__default is not defined

2020-4-26 Jon angular

原因分析

原因是 angular material 中依赖的时间插件 Moment 和 @angular-devkit/build-angular@0.901.1。 之间的版本问题

解决办法

一、 angular 版本升级到 9.1.1 即可解决

二、 通过配置解决

阅读全文>>

标签: angular material _rollupMoment__default moment

评论(1) 浏览(4105)

前端页面初始化动画 loading 的几种效果

2020-4-17 Jon html+css

前端开发时页面初始化如果不做处理会显示空白，这样用户体验就会比较差，如果替换成加载的动画，这样不仅好看，还能提升用户体验，下面就记录几种常用的页面首屏加载动画效果，都是纯css。彩条转圈 loading 动画，点点点平滑过渡 loading 动画等pc和移动端动画

阅读全文>>

标签: 前端 动画 loading 初始化 单页面 效果 css

评论(0) 浏览(5953)

VSCode markdown 文件中无法使用用户代码片段 snippet 问题

2020-4-15 Jon 前端工具

因为设置代码块无法在 markdown 格式的文件中使用,于是就百度了下,找到了解决方法,记录于此。在 vs code 中 crtl + shift + p输入 settings, 找到 “配置语言特定设置”，点击，再找到 markdown 点击打开设置相关内容

阅读全文>>

标签: vscode markdown 用户代码片段 snippet

评论(0) 浏览(4118)

emlog 将富文本编辑器 kindeditor 替换为 tinyMCE

2020-3-22 Jon 前端工具

emlog 自带的富文本编辑器 kindeditor 比较老，排版非常麻烦，使用起来也不方便，不过我们可以通过技术手段来把它替换成我们想要的富文本编辑

阅读全文>>

标签: 富文本

评论(1) 浏览(4287)

记录几个 markdown 编写工具 - 快速编写文档

2020-3-21 Jon 前端工具

推荐几款markdown的软件Typora介绍Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。平台: 全平台覆盖

阅读全文>>

标签: markdown

评论(6) 浏览(3605)

jQuery和单页应用中折叠菜单互不影响的实现对比

2020-2-18 Jon js+jquery+ajax

jquery 折叠菜单互不影响的实现 直接操作 dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titlejquery 折叠菜单互不影响的实现 直接操作 dom</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">

阅读全文>>

标签: jquery angular 单页应用 折叠 菜单

评论(0) 浏览(3228)

记录leetcode两道算法题“两数之和”&“整数反转”

2020-2-6 Jon js+jquery+ajax

题目难度：简单 1、两数之和 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] 解题思路 首先想到的是方案1用两次循环，但是这样当传入的数组很大时，效率会很低。 其次方案2使用的是es6提供的Map对象 最后方案3是使用很巧妙地差值存...

阅读全文>>

标签: leetcode

评论(0) 浏览(3304)

亲测 video 标签 视频格式的兼容现状

2020-1-23 Jon html+css

html5 video标签再熟悉不过了 Iternet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。 src所支持的视频格式有三种 mp4、ogg、webm

阅读全文>>

标签: video

评论(2) 浏览(3697)

使用navigator获取浏览器系统当前使用语言

2019-12-23 Jon js+jquery+ajax

在前端开发过程中，通常会碰到多语言的需求，而默认展示语言需要根据用户的浏览器使用的语言来判断，那么就需要获取览器系统当前使用的语言。这里使用了浏览器的api navigator.language 和 navigator.browserLanguage。值得注意的是主流浏览器都会有 navigator.language，navigator.appName 是 "Netscape"；而ie10以及之前没有 navigator.language 而是 navigator.browserLanguage 代替，navigator.appName 是 navigator.appName 是 "Microsoft Internet Explorer"。

阅读全文>>

标签: 浏览器

评论(0) 浏览(2498)

倍速播放百度网盘视频的几种方法

2019-12-11 Jon 前端工具

倍速播放百度网盘视频的几种方法pc端三种方式1、使用火狐浏览器打开视频连接后视频中右键自带倍速播放2、chrome中安装插件 video speed controller3、在任意浏览器控制台添加这段代码即可videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2);

阅读全文>>

标签: 网盘

评论(4) 浏览(4269)

磨刀不误砍柴工 - vscode 前端必备插件分享

2019-11-8 Jon 前端工具

vscode 是微软提供的堪称业界良心 IDE强大到不论你是第一次使用IDE还是从其他IDE转过来都能轻松上手，然后爱不释手。下面看下它的介绍VS支持创建各种类型的程序，包括从桌面应用、Web应用、移动APP、到视频游戏。对于初学者到高级专业开发人员来说都是最棒的开发工具。VS有可定制仪表板和可停靠的窗口。它支持多大36种不同的编程语言如：ASP.NET、DHTML、JavaScript、Jscript、Visual Basic、Visual C#、Visual C ++、Visual F#，XAML及更多。这个列表还在每天实时的增长着。

阅读全文>>

标签: vscode

评论(0) 浏览(3995)

angular配置全局路由跳转不添加到历史记录之曲线救国

2019-10-13 Jon angular

在开发angular项目中遇到一个需求是路由跳转不记录在浏览器历史中，即使用浏览器回退时不会退到进入当前页面的前一个页面，而是退到前前一个页面。 这个其实很简单，在angular也给出了相应的解决方案即 1.如果跳转发生在html中即使用routerLink时加上replaceUrl="true"即可 <button routerLink="/order" replaceUrl="true">to order</button> 2.如果跳转发生在ts中即 this.router.navigate(['/order'], { replaceUrl: true });...

阅读全文>>

评论(1) 浏览(5132)

angular回掉函数里数据修改视图不更新的问题解决

2019-10-6 Jon angular

做angular项目中有时会遇到组件中的数据变化后视图中没有更新的问题 问题出现的场景： 可能是项目存在已久代码已不知所云、或者是陷入某个回调函数中、又或是使用了某个插件后。 先看下angular的变更检测策略： Default ：ng提供的Default的检测策略，只要组件的input发生改变，就触发检测； OnPush ：OnPush检测策略是input发生改变，并不立即触发检测，而是输入的引用发生变化时，才会触发检测。 ChangeDetectorRef.detectChanges()：可显式的控制变更检测，在需要的地方使用即可； NgZone.run()：在整个应用...

阅读全文>>

评论(0) 浏览(5439)

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱：13515678147@163.com Powered by emlog sitemap