daipi173的个人博客

daipi173的个人博客
Always Creative.
Welcome!

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端

你的努力必将成为成功。

工作中的解题思想（三）

2019-11-21 | JavaScript, 总结

关于原型链以及instanceof的使用参考链接：https://juejin.im/post/5c19c1b6e51d451d1e06c163 构造函数的返回值 // 例子1 function Person(name) { this.name = name return name; } let p = new Person('Tom'); // 问：p或者Person返回什么？ // 答：

工作中的解题思想（二）

2019-10-28 | Vue, 总结

vue中：scss、scoped、deep配合使用例子： 12345<style lang="scss" scoped>/deep/ .el-input,.el-select { width: 100%;}</style> scoped：a. 当标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素；b. 使用 scoped 后，父组件的样式将不会渗透

像vue处理大量的表单数据时（涉及到深度克隆），处理的思想可以将深度克隆转变成浅度克隆，也就是在哪里用到的时候，再用浅克隆将它取出来使用；当有几十万条的数据时，如何高效的将他们筛选出来？最主要的思路就是筛选，当我们将条件分的很细的时候，筛选出来的数据可能会很少，就像百度搜索页面一样，看着有上百条或者上千条的搜索记录，实际上通过筛选出来符合条件的就很有限，这样我们就达到了高效率的筛选；然后筛选出来的数据会存在数据库中，接着数据库利用

实现超出整数存储范围的两个大整数相加

2019-10-16 | JavaScript

试题：实现超出整数存储范围的两个大整数相加实现超出整数存储范围的两个大整数相加function add(a,b)。注意a和b以及函数的返回值都是字符串。比如我实现一个’123456789123456789’和’111111’相加的返回值为’123456789123567900’实现思路，我给大家画了一幅图：接下来实现的代码： function add(a, b) { let lenA = a.length,

如何实现Chrome浏览器右上角的翻译页面

2019-10-10 | HTML

想必用过Chrome浏览器的同学，应该会很熟悉下面这幅图里面的内容：其实要实现它并不难，只需要在html标签中的lang属性里面加上en的值即可。上面图中的代码如下所示： 12345678910<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g

跨域方式总结

2019-09-25 | JavaScript, 跨域

因为浏览器处于安全考虑，有同源策略。换句话说，如果协议、域名或者端口有一个不同的话就是跨域。由于Ajax只能获取同源的资源，因此Ajax请求会失败。下面我们就来总结一下跨域方式有哪一些： 1. 方法一：JSONP原理：Web页面上调用js文件不受跨域影响，凡是具有src属性标签都不受同源策略的影响，正是因为这个特性，我们把资源放到script标签中，src属性的格式是”url+参数”，比如url?cd=doJSON，cd是我们和后台协

Web前端性能优化（二）

2019-09-20 | JavaScript, 性能优化

上一篇文章介绍了Web前端性能优化（一），设计到的内容有：JS相关、渲染相关。今天我会接着上一篇来继续讲解Web前端性能的优化点。 1. 文件优化图片优化a. 计算图片大小下面给大家举一个例子：对于一张100 * 100像素的图片来说，图像上有10000个像素点，如果每个像素的值是RGBA存储的话，那么也就是说每个像素有4个通道，每个通道有1个字节（8位=1个字节），所以该图片大小大概为：10000 * 1 * 4 / 1024 =

Web前端性能优化（一）

2019-09-17 | JavaScript, 性能优化

Web前端性能优化算是面试中很经典的问题了。Web前端性能优化是一个复杂的过程，涉及到的知识点非常多，包括网页，服务器，CSS，Javascript，图片等方面。 1. JS相关 js的时间线；首先大家需要先了解js的时间线，在看完js的时间线之后我们就知道了为什么js要放到最下面加载，下面我就给大家看看js的时间线图：懒执行；所谓的懒执行就是将某些逻辑延迟到使用时再计算。该技术可以用于首屏优化，对于某些耗时逻辑并不需要在首屏使用的，

如何实现让三个灯不断交替重复亮灯

2019-09-14 | JavaScript, 异步

有一道题是：红灯三秒亮一次，绿灯两秒亮一次，黄灯一秒亮一次；如何让三个灯不断交替重复亮灯？然后就是三个亮灯函数已经存在： 12345678910// 红灯3s，绿灯2s，黄灯1s function red(){ console.log('red - ',new Date()); } function green(){

ES6总结（六）

2019-09-11 | JavaScript, ES6, 异步

1. 异步为什么需要异步？因为js是单线程的，js在一段时间之内只能做一件事。什么是异步？在说异步之前，先说一下什么是同步。同步：一定要等任务执行完了，得到结果，才执行下一个任务。异步：不等任务执行完，直接执行下一个任务。 2. Promise 去网上可以搜索PromiseA+规范； Promise是内置的构造函数，用来管理回调Promise函数的（想象成回调函数的状态机）；使用new Promise()来创建一个Promise对

And we should call every truth false which was not accompanied by at least one laugh

YOUR EFFORTS BOUND TO SUCCEED 关注公众号：Yoho前端

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端