![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
EastRiseJi
这个作者很懒,什么都没留下…
展开
-
JavaScript多态
JavaScript多态Demo原创 2022-09-07 18:52:51 · 294 阅读 · 1 评论 -
js比较两个JSON对象,返回变化值
废话不多说,直接上干货。 let utils = { /** * 比较两个json的不同,并返回 不同时的旧值(old_val)和新值(new_val) * @param {*} json1 * @param {*} json2 */ diff(json1, json2) { if (!json1 || this.isEmptyObject(json1) || !json2 || this.isEmptyOb原创 2021-04-06 15:39:47 · 4014 阅读 · 1 评论 -
CSS 元素设置display: inline-block;出现不对齐情况解决方法
事情是这样的: 为了使页面看起来比较整齐,我限制了书名的长度并添加title显示。发现我将中间书名设置成"display:inline-block;"后,书名位置偏上显示了(如下图)。 <style> .box { } .book-name-box { display: inline-block; min-width: 200px; text-align: right; } .mid { ...原创 2020-10-13 14:25:23 · 2256 阅读 · 0 评论 -
Ant Design Pro 中 点击子菜单的时候,其他菜单不自动收起来 解决方案
记录一波自己在这段时间碰到的一个Ant Design Pro 的坑:每次点击菜单都会将其他菜单自动收起来,导致一系列的用户体验不佳。经过各种查,官网并没有指出此设置,在我疯狂尝试后,发现如下解决方案(说起来也很简单就加一个值即可):<ProLayout openKeys={false} // 只需要在ProLayout中 新增设置此值></ProLayout>...原创 2020-08-11 15:49:08 · 3224 阅读 · 7 评论 -
很多变态的好玩的前端面试题
1. javascript的 “;”导致的一个问题function foo1(){ return { bar: "hello" };}function foo2(){ return { bar: "hello" };}const a = foo1();const b = foo2();...原创 2017-11-22 09:48:06 · 73334 阅读 · 1 评论 -
es9 设计模式
1. 工厂模式class CarMaker { constructor () { this.doors = 0; } drive () { console.log(`我有${this.doors}`); } static factory (type) { return new CarMaker[typ...原创 2018-06-12 21:05:29 · 75047 阅读 · 0 评论 -
js浏览器全屏设置
1. 进入全屏function requestFullScreen () { var elem = document.documentElement if (elem.requestFullscreen) { elem.requestFullscreen() } else if (elem.mozRequestFullScreen) { elem.mozReque...原创 2018-06-28 09:57:58 · 73661 阅读 · 0 评论 -
一些常规面试题
1.算法基础:数组 flat 、去重及排序let arr = [ [ [ '1-7', '2-6', '4-5', ], '4-6',...原创 2019-03-14 10:57:19 · 81087 阅读 · 0 评论 -
CSS好玩关键字记录
1. currentColor —— 一个会根据自身(或父级元素)的css属性color决定对应的色值;关于兼容性 兼容主流浏览器、IE9+以及IE5。原创 2019-03-13 19:01:04 · 75319 阅读 · 0 评论 -
验证js数据类型(附带深拷贝函数,超级好用喔!!!)
Object.prototype.toString大法直接硬货代码伺候各位看官:function getType(obj) { return Object.prototype.toString.call(obj).match(/\[object ([a-zA-Z]*)\]/)[1];}getType(11) // 'Number'getType('str') // 'Strin...原创 2019-05-08 11:17:58 · 88552 阅读 · 1 评论 -
《你不知道的JavaScript(中卷)》读后笔记 —— JavaScript中“Number”的冷门知识点
目录1.Number.EPSILON2.整数的安全范围(Number.MAX_SAFE_INTEGER、Number.MIN_SAFE_INTEGER)3.整数检测(Number.isInteger、Number.isSafeInteger)4.无穷数(Infinity)5.零值(+0 和 -0)6.特殊等式(Object.is)1.Number.EPSI...原创 2019-05-15 17:33:12 · 55926 阅读 · 0 评论 -
一些实用的es6特性
Array.prototype.includes(包含,返回数组内是否存在指定元素)[1,2,3,4,5].includes(1) // ====》true[1,2,3,4,5].includes(6) // ====》falseArray.from new Set(一行代码实现数组去重)Array.from(new Set([1, 1, 1, 2, 3, 2, ...原创 2017-01-12 14:40:53 · 63973 阅读 · 0 评论 -
Javascript中实用的和新鲜的一些小知识
1. 双位操作符 Math.floor(4.9) === 4 // true ======> ~~4.9 === 4 Math.cell(4.9) === 5 // true ======> ~4.9 === 52. MutationObserver-------------------- > 在某个范围内的DOM树发生变化时作出适当反应...原创 2017-10-24 13:58:20 · 71515 阅读 · 0 评论 -
javascript中new Date()在IE浏览器下的兼容性问题
1. 问题的提出, 开始时间和结束时间空间无法正确的传递值在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在IE下是无法正常工作的,在Chrome下是可以正常运行的。 问题出在哪里呢? 2.问题分析结果分析发现是由于如下代码产生的问题:var timeStart = '2016-12-05';var timeEnd ='20...原创 2016-12-05 14:10:04 · 68539 阅读 · 1 评论 -
Angular绑定file表单的change
近日,碰到个input中file的change事件绑定angular中的事件问题,我尝试了在标签上直接加上ng-change 然后后面跟一个需要执行的事件的函数名,不过,奇怪的事情发生了,怎么change都没法触发事件。原创 2017-01-05 10:53:02 · 65995 阅读 · 1 评论 -
[翻译] We have a problem with promises
用Javascript的小伙伴们,是时候承认了,关于 promises 我们一直存在着问题。并非说 promises 本身有问题,Promises/A+ 是极好的。转载 2017-01-19 18:10:16 · 66018 阅读 · 0 评论 -
node修改后需频繁手动重启的解决方法
开发中,node修改后需频繁手动重启的解决方法原创 2017-01-22 11:31:16 · 72512 阅读 · 1 评论 -
js判断移动端是否安装某款app的方法
这篇文章主要介绍了js判断移动端是否安装某款app的多种方法,感兴趣的小伙伴们可以参考一下原创 2017-03-01 21:22:17 · 74404 阅读 · 0 评论 -
gulp-前端项目自动化(工程化)
前端项目自动化原创 2017-02-13 21:20:33 · 68937 阅读 · 0 评论 -
Angular的一些怪事
这里收集一些angular使用中的一些怪事,持续更新……原创 2017-03-08 09:43:40 · 70965 阅读 · 0 评论 -
浅谈Vue2.2.0源码(一)-- 查询一个object类型对象在一个object数组中的索引
初看vue2.2.0源码,总结一些自认为有意思的源码,此篇为其中一些关于查询一个object类型对象在一个object数组中的索引的代码原创 2017-03-23 15:31:00 · 76530 阅读 · 0 评论 -
文字超出多行省略号显示方法
文字超出多行省略号显示方法,不过只能兼容webkit内核,开发移动端的时候可以考虑原创 2017-03-17 11:01:07 · 70945 阅读 · 0 评论 -
处理vue中使用Axios调用接口时出现的ie数据处理问题
1.问题近期在使用vue2 + axios 调用接口时碰到一个IE中很奇葩的问题,让我头痛了很久。废话不多扯,就是在其他浏览器中调用接口返回数据然后可以很顺利的进行处理,但在IE(9-11)中发现发送请求是成功的而且也能抓到服务端返回来的数据。却发现在处理返回来的数据的时候处理的有点问题,怎么搞就是不行。2.处理过程及方法我使用了console大法去解决这个问题,具体是这样的:我先...原创 2017-06-21 16:24:56 · 76071 阅读 · 0 评论 -
ES6的新特性
JavaScript社区中的每个人都喜欢新API、新语法和新特性——可以更优雅,更智能,更有效的完成重要任务。ES6带来了很多好东西,并且在过去的一年里,浏览器厂商们全力以赴的升级浏览器来使它们可用。尽管ES6中有一些大的更新,但是一些小升级也给了我们巨大的惊喜。原创 2016-12-05 10:12:47 · 65587 阅读 · 0 评论