lh_lh_24 - 个人主页动态 - 牛客网

发布(255) 评论刷题

2021-08-04 14:17

北京林业大学前端工程师

Vue 插槽 参考：https://zhuanlan.zhihu.com/p/114502325 1. 具名插槽 子组件：component3 <template> <div class="button"> <button>插槽</button> <slot name="one">这是默认值1</slot> <slot name="two">这是默认值2</slot> <slot name=&q...

0 点赞评论收藏

分享

2021-08-03 18:12

北京林业大学前端工程师

前端工程化

前端工程化 1. 前端工程化 最早期写前端代码时，往往一个页面就是一个文件，HTML/CSS/JS 全部写在一起，后来知道应该把结构层、表现层和行为层分离； 再后来随着工程复杂化，产生的诸多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发效率？ 前端工程化思想就在这时应用而生。所谓前端工程化，就是将前端项目当成一项系统工程进行分析、组织和构建从而达到项目结构清晰、分工明确、团队配合默契、开发效率提高的目的。 2. 前端模块化 模块化是在文件层面上，对代码和资源的拆分。就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。 那具体什么是模块化...

前端工程化

0 点赞评论收藏

分享

2021-08-09 16:41

已编辑

北京林业大学前端工程师

cookie的属性

cookie的属性 Name、Value、Domain、Path、Expires/Max-age、Size、HttpOnly、Secure、SameSite和Priority。 1. Name和Value Name 和 Value 是一个键值对。Name 是 Cookie 的名称，Cookie 一旦创建，名称便不可更改，一般名称不区分大小写；Value 是该名称对应的 Cookie 的值，如果值为 Unicode 字符，需要为字符编码。如果值为二进制数据，则需要使用 BASE64 编码。 2. Domain Domain 决定 Cookie 在哪个域是有效的，也就是决定在向该域发送请求时是...

0 点赞评论收藏

分享

2021-08-03 11:17

北京林业大学前端工程师

删除字符串的最后一个字符

删除字符串的最后一个字符 var basic = "abc,def,ghi,"; 1. 方法1：substr basic = basic.substr(0, basic.length - 1); 2. 方法2：substring basic = basic.substring(0, basic.length - 1); 3. 方法3：lastIndexOf basic = basic.substring(0, basic.lastIndexOf(','));

0 点赞评论收藏

分享

2021-08-03 10:43

北京林业大学前端工程师

数组扁平化、去重、排序

数组扁平化、去重、排序 题目描述 已知一个数组 var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8, 9, [4, 11, 15, 8, 9, 12, [12, 13, [10], 14]]], 16]，用 js 编写一个程序将这个数组扁平化，并得到一个升序且无重复值的数组。得到最终结果为：[1,2,3,4,5,6,8,9,10,11,12,13,14,15,16]。 参考：https://www.jb51.net/article/181192.htm 1. 数组扁平化 var arr = [[1, 3, 2, 1], [5, 3,...

0 点赞评论收藏

分享

2021-08-07 23:21

已编辑

北京林业大学前端工程师

SSL/TLS 的工作原理

SSL/TLS 的工作原理 参考：https://zhuanlan.zhihu.com/p/66029254 SSL/TLS 的工作过程 通过CA体系交换 public key 通过非对称加密算法，交换用于对称加密的密钥 通过对称加密算法，加密正常的网络通信

计算机网络

0 点赞评论收藏

分享

2021-08-07 23:28

已编辑

北京林业大学前端工程师

WebPack的使用

WebPack 的使用 参考：https://www.jianshu.com/p/39f5321ed6fa 1. 什么是WebPack webpack是一个前端的模块化打包（构建）的工具 功能： 打包(构建) 模块化 特点 webpack 将一切繁杂的、重复的、机械的工作自动处理，开发者只需要关注于功能的实现的 2. 打包（构建） （1）语法转换  ES6--->ES5 供浏览器的解析  less/sass---->css 供浏览器的解析  TS------> ES5 供浏览器的解析 （2）文件压缩和合并 js / html /c...

前端工程化

0 点赞评论收藏

分享

2021-08-07 23:21

已编辑

北京林业大学前端工程师

TCP 的拥塞控制和流量控制

TCP 的拥塞控制和流量控制 参考：https://zhuanlan.zhihu.com/p/37379780 1. 流量控制 1.1 什么是流量控制？流量控制的目的？ 如果发送者发送数据过快，接收者来不及接收，那么就会有分组丢失。为了避免分组丢失，控制发送者的发送速度，使得接收者来得及接收，这就是流量控制。流量控制根本目的是防止分组丢失，它是构成 TCP 可靠性的一方面。 1.2 如何实现流量控制？ 由滑动窗口协议（连续 ARQ 协议）实现。滑动窗口协议既保证了分组无差错、有序接收，也实现了流量控制。主要的方式就是接收方返回的 ACK 中会包含自己的接收窗口的大小，并且利用大小来控制发送...

计算机网络

0 点赞评论收藏

分享

2021-08-05 13:55

已编辑

北京林业大学前端工程师

BigInt 参考：https://blog.csdn.net/m0_50914413/article/details/112706493 1. 为什么会出现 BigInt BigInt 数据类型的目的是比 Number 数据类型支持的范围更大的整数值以任意精度表示整数的能力尤为重要。使用 BigInt，整数溢出将不再是问题。 因为在 js 中的数字类型是按照 IEEE 754-2008 标准的定义，所有数字都以 双精度64位浮点 格式表示。因为在 IEEE 754 标准下浮点数的舍入模式是一下4类： 最近舍入 即向距离最近的浮点数舍入，若存在两个同样接近的数，则选择偶数作为舍入值 ...

0 点赞评论收藏

分享

2021-08-09 13:54

已编辑

北京林业大学前端工程师

diff 算法 参考：https://www.infoq.cn/article/uDLCPKH4iQb0cR5wGY7f 1. 概念 概念：diff 算法是一种优化手段，将前后两个模块进行差异化对比，修补（更新）差异的过程叫做patch（打补丁） 为什么 vue，react 这些框架中都会有 diff 算法呢，我们都知道真实 dom 的开销是很大的，这个跟性能优化中的重绘意义类似。某些时候我们修改了页面中的某个数据，如果直接渲染到真实 DOM 中会引起整棵树的重绘，那么我们能不能只让我们改变过的数据映射到真实 DOM，做一个最少的重绘呢，这就是 diff 算法要解决的事情。 2. vi...

0 点赞评论收藏

分享

2021-08-02 16:32

北京林业大学前端工程师

秒数转换为天时分秒

秒数转换为天时分秒 function formartSecToStr(seconds){ let daySec = 24 * 60 * 60; let hourSec = 60 * 60; let minuteSec = 60; let dd = Math.floor(seconds / daySec); let hh = Math.floor((seconds % daySec) / hourSec ); let mm = Math.floor((seconds % hourSec) / minuteSec); let ss = sec...

0 点赞评论收藏

分享

2021-08-09 16:41

已编辑

北京林业大学前端工程师

SSO单点登录

SSO单点登录 参考：https://blog.csdn.net/u013905744/article/details/111225420 1. 什么是SSO Single Sign On：SSO web登录的本质是什么？ 如何增加状态/会话 单个系统的登录 扩展到多个系统，就是SSO 2. 方案1：共享cookie，后台共享session spring session项目就是共享session，共享session放到redis中 Session Cookie要种在Web应用的根域上，也就是说不同Web应用的根域必须相同，否则会有跨域问题。 3. 方案2：共享coo...

0 点赞评论收藏

分享

2021-08-02 15:03

北京林业大学前端工程师

实现一个 LazyMan 函数

实现一个 LazyMan 函数 参考：https://blog.csdn.net/qq_39261142/article/details/110425286 1. 描述 可以链式调用 sleep() 函数会阻塞后面的链式调用 const lazyMan = new LazyMan('jack') lazyMan.eat('apple').sleep(5000).eat('hamburger').sleep(3000).eat('pear') /* 最终结果： My named jack I am eatting apple I am sleeping... ...

0 点赞评论收藏

分享

2021-08-05 13:55

已编辑

北京林业大学前端工程师

JSBridge 参考：https://zhuanlan.zhihu.com/p/110923534 https://juejin.cn/post/6844904070881214471#heading-0 1. 引入 jsbridge 是随着 Hybrid App 的流行而产生的一种技术。那么 Hybrid App 是啥？Hybrid App又称混合App，即同时使用了前端 web 技术 (js,css,html) 和原生 native 技术 (java,kotlin,swfit,object-c) 进行开发的移动应用。 1.1 混合开发的优缺点 优点：开发快，易更新，开发周期短，跨平...

0 点赞评论收藏

分享

2021-08-02 13:53

北京林业大学前端工程师

js 的防抖和节流

js 的防抖和节流 参考：https://zhuanlan.zhihu.com/p/51608574 1. 引入 模拟在输入框输入后做ajax查询请求，没有加入防抖和节流的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>没有防抖</title> <style type="text/css"></style> ...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务