关注「松宝写代码」，精选好文，每日一题 时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者：saucxs ｜ songEagle 一、前言 2020.12.23 日刚立的 flag，每日一题，题目类型不限制，可以是：算法题，面试题，阐述题等等。 本文是「每日一题」第 7 题： 每日一题 面...

2021-01-09 00:28:25 阅读数:71 评论数:0 作者:saucxs

关注「松宝写代码」，精选好文，每日一题 时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者：saucxs ｜ songEagle 一、前言 2020.12.23 日刚立的 flag，每日一题，题目类型不限制，可以是：算法题，面试题，阐述题等等。 本文是「每日一题」第 6 题：面试官问：As...

2021-01-07 12:46:30 阅读数:56 评论数:0 作者:saucxs

关注「松宝写代码」，精选好文，每日一题 时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者：saucxs ｜ songEagle 来源：原创 一、前言 文章首发在「松宝写代码」 2020.12.23 日刚立的 flag，每日一题，题目类型不限制，可以是：算法题，面试题，阐述题等等。 本文是...

2021-01-07 12:01:29 阅读数:59 评论数:0 作者:saucxs

「每日一题」与面试官手撕代码：如何科学高效的寻找重复元素？ 关注公众号「松宝写代码」，精选好文，每日一题 加入我们一起学习，day day up 经过三天时间，已经有小伙伴（xpf666）给我们贡献文章了，超级开心和激动，因为我们不是一个人在战斗， 不是一个人在努力提高自己，加入我们， 如何加入我...

2021-01-07 00:53:30 阅读数:79 评论数:0 作者:saucxs

关注「松宝写代码」，精选好文，每日一题 加入我们一起学习，day day up ＞ 作者：saucxs ｜ songEagle ＞ 来源：原创 一、前言 2020.12.23日刚立的flag，每日一题，题目类型不限制，可以是：算法题，面试题，阐述题等等。 ![每日一题][da...

2020-12-30 01:43:55 阅读数:66 评论数:0 作者:saucxs

关注「松宝写代码」，精选好文，每日面试题 加入我们一起学习，day day up ＞ 作者：saucxs ｜ songEagle ＞ 来源：原创 一、前言 2020.12.23日刚立的flag，每日一题，题目类型不限制。 点击下面图片，查看第1道「一道面试题是如何引发深层次的...

2020-12-26 22:07:08 阅读数:62 评论数:0 作者:saucxs

关注公众号「松宝写代码」，精选好文，每日面试题 加入我们一起学习，day day up ＞ 作者：saucxs ｜ songEagle ＞ 来源：原创 一、前言 有这么一道面试题，如下： ＞ 面试题：请详细介绍一下从输入 URL 到页面加载完成的过程 ？ ＞ 这道题的覆盖...

2020-12-24 09:37:58 阅读数:79 评论数:0 作者:saucxs

【手把手学习flutter】Flutter打Android包的基本配置和包体积优化策略 ＞ 关注「松宝写代码」，回复“加群” ＞ 加入我们一起学习，天天向上 前言 因为最近参加2020FEHackson，有个项目需要要快速上线，把打包过程和遇到的问题做个记录。 ...

2020-12-05 23:14:55 阅读数:218 评论数:0 作者:saucxs

【北京/上海/南京】【部门直推】【可查询】【实习社招】字节跳动数据平台前端内推;; 重要信息，写在前面  ;;【投递邮箱】[chengxinsong@bytedance.com][chengxinsong_bytedance.com];;【微信扫码】;;![WechatIMG15][];;2019接...

2019-11-15 17:58:19 阅读数:139 评论数:0 作者:saucxs

一、前言;;三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparent。（2）有两个横竖边（上下左右）的设置，若斜边是在三角形...

2019-08-24 22:10:37 阅读数:129 评论数:0 作者:saucxs

一、前言;;居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太麻烦了。;; ...

2019-07-23 15:17:48 阅读数:145 评论数:0 作者:saucxs

**一、前言**webpack在不断的迭代优化，目前已经到了4.29.6。在webpack4这个版本中，做了很多优化，引入了很多特性，将获得更多模块类型，.mjs支持，更好的默认值，更为简洁的模式设置，更加智能的chunk，新增的splitChunks来自定义分隔代码块等等。升级待4，在打包速度，代...

2019-07-19 09:40:58 阅读数:223 评论数:0 作者:saucxs

**一、前言**为啥要对图片使用懒加载？我们首先来聊聊这个问题，对于页面来说架子啊速度影响着最大的就是图片，一张普通的图片可以达到4-5M的大小，而代码压缩也就只有几十KB。当页面图片过多的时候，页面加载速度很缓慢，一个页面加载几秒没有完成，用户体验不好，会丧失很多用户的。所以对于图片过多的页面，可...

2019-07-05 09:37:37 阅读数:205 评论数:0 作者:saucxs

**一、前言**自从JavaScript诞生开始，到现在开始变成流行的编程语言，背后的是web发展所推动的。web应用的变得更多更复杂，但是渐渐暴露出JavaScript的问题：（1）语法太灵活导致开发大型web项目困难；（2）性能不足满足一些场景的需要。 **二、为什么需要WebAssembly*...

2019-06-28 21:08:24 阅读数:283 评论数:0 作者:saucxs

**一、前言**网上都说操作真实dom怎么怎么慢，这儿有个例子：[http://chrisharrington.github.io/demos/performance/][http_chrisharrington.github.io_demos_performance]，例子循环2000个随机数组，...

2019-06-27 14:24:00 阅读数:228 评论数:0 作者:saucxs

**一、前言**reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？...

2019-06-26 10:03:07 阅读数:221 评论数:0 作者:saucxs

**一、前言**移动端浏览器提供一个特殊的功能：**双击(double tap)缩放。**** ****二、移动端延迟300ms的原因****为什么要用触摸事件？触摸事件是移动端浏览器特有的html5事件。**因为移动端的click有很大延迟（大约300ms），**300ms延迟来自判断双击和长按*...

2019-06-21 14:49:54 阅读数:212 评论数:0 作者:saucxs

**一、前言**  vuejs中的事件绑定，使用v-on:事件名 = 函数名来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法。  **二、事件绑定方式**1、 直接在标签中写js方法 button v-on:click=alert（'hi'）执...

2019-06-20 10:25:44 阅读数:319 评论数:0 作者:saucxs

**一、前言**C端项目重构成首屏服务端渲染（SSR：serve side render），对于重构成SSR，redux不是必须的。本文以vue为栗子的项目。 **二、什么是服务端渲染****将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记混合为客户端上完全交互的应用程序。*...

2019-06-18 17:55:56 阅读数:220 评论数:0 作者:saucxs

**一、前言**现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建...

2019-06-14 13:35:53 阅读数:333 评论数:0 作者:saucxs

**一、前言**在众多的移动设备中，前端开发人员如何在不同屏幕大小，不同程度的高清屏下去百分百的还原设计稿，从来都不是一件简单的事情，需要考虑众多因素，权衡利弊，做出取舍，结合需求去选择最合适的方案。之前有一篇：[如何设计移动端高清方案][Link 1] **二、面对的问题**在不同大小和高清的屏幕...

2019-06-10 14:15:49 阅读数:299 评论数:0 作者:saucxs

**一、前言****简短的sleep函数，获取时间戳**：[https://www.mwcxs.top/page/746.html][https_www.mwcxs.top_page_746.html]**数字格式化 1234567890 -- 1,234,567,890；argruments 对象...

2019-06-06 16:07:34 阅读数:213 评论数:0 作者:saucxs