当前搜索:

[置顶] 我的2017

时光飞逝,2017已经过去半个多月。 回首2017,有得有失。 2017定的小目标基本实现,目前开始使用Angular2开发项目。自己也拓宽了知识获取渠道,收藏了几个不错的网站、在油管上订阅了几个不错的技术频道,平时多看看技术视频,学学外语,收获良多。 年中走了2位合租室友,一位去杭州工作,...
阅读(159) 评论(0)

HTML中的details元素

HTML提供了一种手风琴式效果显示内容总结与内容的元素:details 如果内部没有summary则默认显示Details 可以为details添加open属性设置默认开关状态 <body> <details&...
阅读(10) 评论(0)

近期面试记录

前端面试题记录 总结了面试中问过的技术问题,没有写很详细,只是一些考察点。 整体来说,移动端及nodejs开发经验已经变得重要;框架层面,React和Vue使用更广泛。 原型链 事件委托 对象去重 滑动效果 CSS三角 对话框尖角(边框) 数组展开 判断是不是数...
阅读(27) 评论(0)

HTML5新元素dialog

dialog是html5.2新增的元素,功能就是常见的对话框功能,基本情况下不需要额外编写对话框组件。 基本使用: 调用dialog元素的close()和open()方法实现对话框的打开和关闭,showModal可以打开模态框 为dialog元素绑定close事件监听,当对话框关闭会触发此事...
阅读(29) 评论(0)

JS获取最大公约数

关于最大公约数的解释:https://baike.baidu.com/item/%E6%9C%80%E5%A4%A7%E5%85%AC%E7%BA%A6%E6%95%B0/869308?fr=aladdin#1 已经有几种常见方法,以辗转相除法为例: function gcd(a, b) ...
阅读(56) 评论(0)

JS实现防抖(debounce)及节流(throttle)函数

这两种函数算是应用场景比较广泛的函数了,那么如何实现它呢? 什么是防抖?什么是节流? 举例来说,比如要搜索某个字符串,基于性能考虑,肯定不能用户没输入一个字符就发送一次搜索请求,一种方法就是等待用户停止输入,比如过了500ms用户都没有再输入,那么就搜索此时的字符串,这就是防抖;节流比防抖宽松...
阅读(63) 评论(0)

insertBefore方法,及如何实现insertAfter方法

js原生方法insertBefore用于在某个元素之前插入新元素 定义: Node.insertBefore() 方法在参考节点之前插入一个节点作为一个指定父节点的子节点。 语法: parentElement.insertBefore(newElement, referElemen...
阅读(98) 评论(0)

二叉树三种遍历方式,先序、中序、后序

二叉树遍历方式分为三种:先序,中序和后序。 可以以根节点的位置为参考来记遍历方式,在第一个为先序,中间为中序,最后为后序; 即:先序: 根左右;中序:左根右;后序:左右根。 借个图: 之前看过一个视频,关于如何遍历二叉树,只需要围绕二叉树画个轮廓结果就出来了,效果跟此文章类似:http...
阅读(59) 评论(0)

千分位显示数值

有时为了阅读方便,需要将大数值展示为逗号表示法。 当然将数值转为数组在插入逗号方式可行。 介绍两种简便方法: 1. 如上篇文章所写,使用toLocaleString()方法。 > 10154545450.42.toLocaleString('en-US') &am...
阅读(111) 评论(0)

Number类型的toLocaleString()方法

https://twitter.com/wesbos/status/966697179904651264 toLocaleString()方法我的理解是用于返回某语言系统下数字的表示字符串。如上推图片展示: 第一个参数为语言标识。参数值参考:https://tools.ietf.org/h...
阅读(50) 评论(0)

Angular5 + Bootstrap4使用示例

前段时间Bootstrap发布4.0正式版。官网地址:https://getbootstrap.com/ 如何将Angular5与Bootstrap4结合使用呢? 使用Angular-cli初始化项目。 ng new my-project --style=scss 安装Bootstrap及...
阅读(801) 评论(0)

Idea(WebStorm)自定义文件代码模板

Idea支持新建文件时自定义文件内容模板。 参考链接: https://www.jetbrains.com/help/idea/creating-and-editing-file-templates.html 比如新建js文件自定义文件说明文档: 模板可以插入很多变量,...
阅读(205) 评论(0)

Windows下VSCode运行Bash终端

可能Windows开发的一个缺点就是与shell结合的不好,Git Bash提供了一种方式可以在Windows下执行Linux命令,如何将其结合在VSCode中使用呢? 参考回答:https://stackoverflow.com/questions/42606837/how-to-use-ba...
阅读(1247) 评论(0)

中文输入法下如何正确监听输入框input事件

最近Angular项目需要验证表单输入框的合法性,但是在中文输入法下监听input事件会不断的获得按下的字符,尽管它并没有实际添加到输入框中,那要如何正确监听中文输入法下输入框input事件? 参考链接:https://segmentfault.com/a/1190000009126012#ar...
阅读(214) 评论(0)

CSS属性overscroll-behavior控制容器滚动行为

Chrome63版本新特性中包含支持overscroll-behavior属性,此属性的功能是什么呢?我们会发现当子元素滚动到顶部或底部继续滚动滚轮时,会导致父元素的滚动,但这种行为有时会影响页面体验。使用该属性可以禁掉此行为。在子元素上应用overscroll-behavior: contain...
阅读(175) 评论(0)

在Angular-cli中使用Pug(Jade)模板

之前介绍过如何在Angular项目中使用Pug模板,但是方法不是很“优雅”,暴露了不必要的loader模块,且Pug模板编写方法与HTML不尽相同,部分属性需要引号包起来。Angular实际是使用webpack进行打包的,那就可以直接修改webpack.config.js文件,添加pug文件的lo...
阅读(194) 评论(0)

Chrome控制台提示“Slow network is detected. Fallback font will be used while loading”

新版本的Chrome在网络环境较差的时候会在控制台输出Slow network is detected. Fallback font will be used while loading,但有时会对调试造成不便,可以在chrome配置中禁用该项: 方法:地址栏输入chrome://flags/#...
阅读(2078) 评论(0)

不要(不建议)在Angular项目中使用hidden属性

如果想要隐藏某个DOM元素,在AngularJS中可以使用ng-show, ng-hide, 或者ng-if。Angular中其实使用了HTML原生的hidden属性进行元素显示隐藏,hidden属性其实是为元素添加了display: none样式。 但问题在于如果这个元素被赋予了其他样式比如d...
阅读(221) 评论(0)

lsb_release: command not found解决方法

执行如下命令yum install -y redhat-lsb如果报错且提示为//注:是某个名包含nvdia的包错误 You could try using --skip-broken to work around the problem You could try running: rpm -V...
阅读(321) 评论(0)

代码高亮显示库-highlight.js

项目地址:https://github.com/isagalaev/highlight.js使用示例: 1. 引入js文件 项目地址中的js文件不能直接使用,需要经过编译方可,或者直接引用CDN地址:https://cdnjs.cloudflare.com/ajax/libs/highlig...
阅读(439) 评论(0)
    个人资料
    持之以恒
    等级:
    访问量: 58万+
    积分: 6056
    排名: 5225
    最新评论