摘要: 一、前言 乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有问题 阅读全文
posted @ 2019-04-10 09:47 saucxs 阅读(777) 评论(0) 推荐(1) 编辑
摘要: 之前写过一篇vue初始化项目,构建vuex的后台管理项目架子,这个structure-admin-web所拥有的功能 接下来,针对structure-admin-web的不足,进行了补充,开发了具有登陆的structure-admin项目,技术站:主要是node+vue+redis+mysql+es 阅读全文
posted @ 2018-09-18 20:14 saucxs 阅读(2871) 评论(2) 推荐(0) 编辑
摘要: watermark插件的github地址:https://github.com/saucxs/watermark 有详细的使用步骤,可以参考,不会用请留言,感觉可以,请给个星星。 sau交流学习社区(首发):https://www.mwcxs.top/page/452.html 一、简单 阿里巴巴内 阅读全文
posted @ 2017-05-01 13:16 saucxs 阅读(8285) 评论(10) 推荐(10) 编辑
摘要: [每日一题]面试官问:谈谈你对ES6的proxy的理解? 关注「松宝写代码」,精选好文,每日一题 作者:saucxs | songEagle 一、前言 2020.12.23 日刚立的 flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 本文是「每日一题」第 8 题:[每日一题] 阅读全文
posted @ 2021-01-10 23:01 saucxs 阅读(761) 评论(0) 推荐(0) 编辑
摘要: 关注「松宝写代码」,精选好文,每日一题 ​时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者:saucxs | songEagle 一、前言 2020.12.23 日刚立的 flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 本文是「每日一题」第 7 题:[每日一题] 阅读全文
posted @ 2021-01-09 00:23 saucxs 阅读(743) 评论(1) 推荐(2) 编辑
摘要: 关注「松宝写代码」,精选好文,每日一题 ​时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者:saucxs | songEagle 一、前言 2020.12.23 日刚立的 flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 本文是「每日一题」第 6 题:面试官问:A 阅读全文
posted @ 2021-01-05 23:40 saucxs 阅读(888) 评论(1) 推荐(0) 编辑
摘要: 关注「松宝写代码」,精选好文,每日一题 ​时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者:saucxs | songEagle 来源:原创 一、前言 文章首发在「松宝写代码」 2020.12.23 日刚立的 flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 本文 阅读全文
posted @ 2021-01-04 12:45 saucxs 阅读(889) 评论(0) 推荐(1) 编辑
摘要: 「每日一题」与面试官手撕代码:如何科学高效的寻找重复元素? 关注公众号「松宝写代码」,精选好文,每日一题 加入我们一起学习,day day up 经过三天时间,已经有小伙伴(xpf666)给我们贡献文章了,超级开心和激动,因为我们不是一个人在战斗, 不是一个人在努力提高自己,加入我们, 如何加入我们 阅读全文
posted @ 2021-01-01 02:00 saucxs 阅读(410) 评论(0) 推荐(1) 编辑
摘要: 关注「松宝写代码」,精选好文,每日一题 加入我们一起学习,day day up 作者:saucxs | songEagle 来源:原创 一、前言 2020.12.23日刚立的flag,每日一题,题目类型不限制,可以是:算法题,面试题,阐述题等等。 往期「每日一题」: 第2道「[每日一题]ES6中为什 阅读全文
posted @ 2020-12-30 01:37 saucxs 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 关注「松宝写代码」,精选好文,每日面试题 加入我们一起学习,day day up 作者:saucxs | songEagle 来源:原创 一、前言 2020.12.23日刚立的flag,每日一题,题目类型不限制。 点击下面图片,查看第1道「一道面试题是如何引发深层次的灵魂拷问?」 或者个人站点链接: 阅读全文
posted @ 2020-12-26 21:58 saucxs 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 关注公众号「松宝写代码」,精选好文,每日面试题 加入我们一起学习,day day up 作者:saucxs | songEagle 来源:原创 一、前言 有这么一道面试题,如下: 面试题:请详细介绍一下从输入 URL 到页面加载完成的过程 ? 这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题 阅读全文
posted @ 2020-12-24 09:23 saucxs 阅读(633) 评论(0) 推荐(1) 编辑
摘要: 关注微信公众号「松宝写代码」,回复“加群”加入我们一起学习,天天向上 作者:saucxs | songEagle 来源:原创 一、前言 【字节跳动】成立于2012年3月,公司使命为“Inspire Creativity, Enrich Life(激发创造,丰富生活)”。公司业务覆盖150个国家和地区 阅读全文
posted @ 2020-12-23 14:30 saucxs 阅读(254) 评论(0) 推荐(0) 编辑
摘要: 【手把手学习flutter】Flutter打Android包的基本配置和包体积优化策略 关注「松宝写代码」,回复“加群” 加入我们一起学习,天天向上 前言 因为最近参加2020FEHackson,有个项目需要要快速上线,把打包过程和遇到的问题做个记录。 一、背景 在本地开发中,使用flutter r 阅读全文
posted @ 2020-12-05 23:08 saucxs 阅读(644) 评论(0) 推荐(0) 编辑
摘要: 【北京/上海/南京】【部门直推】【可查询】【实习&社招】字节跳动数据平台前端内推 重要信息,写在前面 【投递邮箱】chengxinsong@bytedance.com 【微信扫码】 2019接近尾声,最后上车的机会,一定要抓住!!! 投过字节跳动,面试挂过不要紧!部门直推,捞起再面! 实习同学对项目 阅读全文
posted @ 2019-11-15 17:55 saucxs 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 一、前言 三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的 阅读全文
posted @ 2019-08-24 22:04 saucxs 阅读(130563) 评论(1) 推荐(10) 编辑
摘要: 一、前言 小程序开发中,有很多封装好的控件供开发者使用,但是,很常见的tab选项卡居然没有,只能自己搞一个。 实现原理也很简单,无非是用给view(tab)设置一个点击事件bintap,并且给view(tab)一个data-idx索引,根据当前index来改变tab的状态并决定swiper显示那个内 阅读全文
posted @ 2019-07-25 09:26 saucxs 阅读(479) 评论(0) 推荐(0) 编辑
摘要: 一、前言 居中效果在CSS中很是普通的效果,平时大家所看到的居中效果主要分为三大类:水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太麻烦了。 二、六 阅读全文
posted @ 2019-07-23 15:11 saucxs 阅读(20513) 评论(0) 推荐(3) 编辑
摘要: 一、前言 webpack在不断的迭代优化,目前已经到了4.29.6。在webpack4这个版本中,做了很多优化,引入了很多特性,将获得更多模块类型,.mjs支持,更好的默认值,更为简洁的模式设置,更加智能的chunk,新增的splitChunks来自定义分隔代码块等等。升级待4,在打包速度,代码体积 阅读全文
posted @ 2019-07-19 09:38 saucxs 阅读(772) 评论(0) 推荐(0) 编辑
摘要: 一、前言 为啥要对图片使用懒加载?我们首先来聊聊这个问题,对于页面来说架子啊速度影响着最大的就是图片,一张普通的图片可以达到4-5M的大小,而代码压缩也就只有几十KB。当页面图片过多的时候,页面加载速度很缓慢,一个页面加载几秒没有完成,用户体验不好,会丧失很多用户的。 所以对于图片过多的页面,可以为 阅读全文
posted @ 2019-07-05 09:35 saucxs 阅读(4239) 评论(1) 推荐(1) 编辑
摘要: 一、前言 自从JavaScript诞生开始,到现在开始变成流行的编程语言,背后的是web发展所推动的。web应用的变得更多更复杂,但是渐渐暴露出JavaScript的问题: (1)语法太灵活导致开发大型web项目困难; (2)性能不足满足一些场景的需要。 二、为什么需要WebAssembly 针对以 阅读全文
posted @ 2019-06-28 20:58 saucxs 阅读(735) 评论(0) 推荐(0) 编辑
摘要: 一、前言 网上都说操作真实dom怎么怎么慢,这儿有个例子:http://chrisharrington.github.io/demos/performance/,例子循环2000个随机数组,点击按钮重新生成随机数组渲染页面,也是自己用的js 操作dom 比用react 和angular 都要快。这是 阅读全文
posted @ 2019-06-27 14:21 saucxs 阅读(3100) 评论(1) 推荐(2) 编辑
摘要: 一、前言 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 reduce() 可以作为一个高阶函数,用于函数的 compose。 reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这 阅读全文
posted @ 2019-06-26 10:01 saucxs 阅读(1118) 评论(3) 推荐(0) 编辑
摘要: 一、前言 移动端浏览器提供一个特殊的功能:双击(double tap)缩放。 二、移动端延迟300ms的原因 为什么要用触摸事件?触摸事件是移动端浏览器特有的html5事件。 因为移动端的click有很大延迟(大约300ms),300ms延迟来自判断双击和长按,因为只有默认等待时间结束以确定没有后续 阅读全文
posted @ 2019-06-21 14:45 saucxs 阅读(2017) 评论(1) 推荐(3) 编辑
摘要: 一、前言 vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法。 二、事件绑定方式 1、 直接在标签中写js方法 2、调用method的办法 (1)方法传参,方法直接在调用时在方法内传入参数 ( 阅读全文
posted @ 2019-06-20 10:18 saucxs 阅读(22510) 评论(1) 推荐(1) 编辑
摘要: 一、前言 C端项目重构成首屏服务端渲染(SSR:serve side render),对于重构成SSR,redux不是必须的。本文以vue为栗子的项目。 二、什么是服务端渲染 将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序。 我以week 阅读全文
posted @ 2019-06-18 17:48 saucxs 阅读(543) 评论(0) 推荐(0) 编辑
摘要: 一、前言 这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍,没有牢固的知识体系,无法往更高处走! 二、主干流程 在将浏览器渲染原理、JS运行机制、JS引擎解析流程梳理一遍后,感觉就跟打通了任督二脉一样,有了一个整体的架构, 阅读全文
posted @ 2019-06-17 13:23 saucxs 阅读(2738) 评论(2) 推荐(8) 编辑
摘要: 一、前言 现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。 在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具 阅读全文
posted @ 2019-06-14 13:31 saucxs 阅读(19375) 评论(2) 推荐(3) 编辑
摘要: 一、前言 在众多的移动设备中,前端开发人员如何在不同屏幕大小,不同程度的高清屏下去百分百的还原设计稿,从来都不是一件简单的事情,需要考虑众多因素,权衡利弊,做出取舍,结合需求去选择最合适的方案。 之前有一篇:如何设计移动端高清方案 二、面对的问题 在不同大小和高清的屏幕下: (1)如何保证 页面布局 阅读全文
posted @ 2019-06-10 14:10 saucxs 阅读(1460) 评论(0) 推荐(1) 编辑