摘要:一、前言 乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有问题 阅读全文
posted @ 2019-04-10 09:47 saucxs 阅读 (257) 评论 (0) 编辑
摘要:之前写过一篇vue初始化项目,构建vuex的后台管理项目架子,这个structure-admin-web所拥有的功能 接下来,针对structure-admin-web的不足,进行了补充,开发了具有登陆的structure-admin项目,技术站:主要是node+vue+redis+mysql+es 阅读全文
posted @ 2018-09-18 20:14 saucxs 阅读 (1917) 评论 (2) 编辑
摘要:watermark插件的github地址:https://github.com/saucxs/watermark 有详细的使用步骤,可以参考,不会用请留言,感觉可以,请给个星星。 sau交流学习社区(首发):https://www.mwcxs.top/page/452.html 一、简单 阿里巴巴内 阅读全文
posted @ 2017-05-01 13:16 saucxs 阅读 (5546) 评论 (10) 编辑
摘要:【北京/上海/南京】【部门直推】【可查询】【实习&社招】字节跳动数据平台前端内推 重要信息,写在前面 【投递邮箱】chengxinsong@bytedance.com 【微信扫码】 2019接近尾声,最后上车的机会,一定要抓住!!! 投过字节跳动,面试挂过不要紧!部门直推,捞起再面! 实习同学对项目 阅读全文
posted @ 2019-11-15 17:55 saucxs 阅读 (37) 评论 (0) 编辑
摘要:一、前言 三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的 阅读全文
posted @ 2019-08-24 22:04 saucxs 阅读 (763) 评论 (0) 编辑
摘要:一、前言 小程序开发中,有很多封装好的控件供开发者使用,但是,很常见的tab选项卡居然没有,只能自己搞一个。 实现原理也很简单,无非是用给view(tab)设置一个点击事件bintap,并且给view(tab)一个data-idx索引,根据当前index来改变tab的状态并决定swiper显示那个内 阅读全文
posted @ 2019-07-25 09:26 saucxs 阅读 (54) 评论 (0) 编辑
摘要:一、前言 居中效果在CSS中很是普通的效果,平时大家所看到的居中效果主要分为三大类:水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太麻烦了。 二、六 阅读全文
posted @ 2019-07-23 15:11 saucxs 阅读 (1484) 评论 (0) 编辑
摘要:一、前言 webpack在不断的迭代优化,目前已经到了4.29.6。在webpack4这个版本中,做了很多优化,引入了很多特性,将获得更多模块类型,.mjs支持,更好的默认值,更为简洁的模式设置,更加智能的chunk,新增的splitChunks来自定义分隔代码块等等。升级待4,在打包速度,代码体积 阅读全文
posted @ 2019-07-19 09:38 saucxs 阅读 (320) 评论 (0) 编辑
摘要:一、前言 为啥要对图片使用懒加载?我们首先来聊聊这个问题,对于页面来说架子啊速度影响着最大的就是图片,一张普通的图片可以达到4-5M的大小,而代码压缩也就只有几十KB。当页面图片过多的时候,页面加载速度很缓慢,一个页面加载几秒没有完成,用户体验不好,会丧失很多用户的。 所以对于图片过多的页面,可以为 阅读全文
posted @ 2019-07-05 09:35 saucxs 阅读 (1000) 评论 (1) 编辑
摘要:一、前言 自从JavaScript诞生开始,到现在开始变成流行的编程语言,背后的是web发展所推动的。web应用的变得更多更复杂,但是渐渐暴露出JavaScript的问题: (1)语法太灵活导致开发大型web项目困难; (2)性能不足满足一些场景的需要。 二、为什么需要WebAssembly 针对以 阅读全文
posted @ 2019-06-28 20:58 saucxs 阅读 (147) 评论 (0) 编辑
摘要:一、前言 网上都说操作真实dom怎么怎么慢,这儿有个例子:http://chrisharrington.github.io/demos/performance/,例子循环2000个随机数组,点击按钮重新生成随机数组渲染页面,也是自己用的js 操作dom 比用react 和angular 都要快。这是 阅读全文
posted @ 2019-06-27 14:21 saucxs 阅读 (866) 评论 (1) 编辑
摘要:一、前言 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 reduce() 可以作为一个高阶函数,用于函数的 compose。 reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这 阅读全文
posted @ 2019-06-26 10:01 saucxs 阅读 (324) 评论 (3) 编辑
摘要:一、前言 移动端浏览器提供一个特殊的功能:双击(double tap)缩放。 二、移动端延迟300ms的原因 为什么要用触摸事件?触摸事件是移动端浏览器特有的html5事件。 因为移动端的click有很大延迟(大约300ms),300ms延迟来自判断双击和长按,因为只有默认等待时间结束以确定没有后续 阅读全文
posted @ 2019-06-21 14:45 saucxs 阅读 (579) 评论 (1) 编辑
摘要:一、前言 vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法。 二、事件绑定方式 1、 直接在标签中写js方法 2、调用method的办法 (1)方法传参,方法直接在调用时在方法内传入参数 ( 阅读全文
posted @ 2019-06-20 10:18 saucxs 阅读 (2768) 评论 (1) 编辑
摘要:一、前言 C端项目重构成首屏服务端渲染(SSR:serve side render),对于重构成SSR,redux不是必须的。本文以vue为栗子的项目。 二、什么是服务端渲染 将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序。 我以week 阅读全文
posted @ 2019-06-18 17:48 saucxs 阅读 (289) 评论 (0) 编辑
摘要:一、前言 这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍,没有牢固的知识体系,无法往更高处走! 二、主干流程 在将浏览器渲染原理、JS运行机制、JS引擎解析流程梳理一遍后,感觉就跟打通了任督二脉一样,有了一个整体的架构, 阅读全文
posted @ 2019-06-17 13:23 saucxs 阅读 (838) 评论 (1) 编辑
摘要:一、前言 现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。 在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具 阅读全文
posted @ 2019-06-14 13:31 saucxs 阅读 (929) 评论 (1) 编辑
摘要:一、前言 在众多的移动设备中,前端开发人员如何在不同屏幕大小,不同程度的高清屏下去百分百的还原设计稿,从来都不是一件简单的事情,需要考虑众多因素,权衡利弊,做出取舍,结合需求去选择最合适的方案。 之前有一篇:如何设计移动端高清方案 二、面对的问题 在不同大小和高清的屏幕下: (1)如何保证 页面布局 阅读全文
posted @ 2019-06-10 14:10 saucxs 阅读 (595) 评论 (0) 编辑
摘要:一、前言 简短的sleep函数,获取时间戳:https://www.mwcxs.top/page/746.html 数字格式化 1234567890 --> 1,234,567,890;argruments 对象(类数组)转换成数组: https://www.mwcxs.top/page/749.h 阅读全文
posted @ 2019-06-06 16:03 saucxs 阅读 (260) 评论 (0) 编辑
摘要:一、前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746.html 介绍了sleep函数和获取时间戳的方法。接下来我们来介绍数字格式化1234567890  阅读全文
posted @ 2019-05-31 14:45 saucxs 阅读 (339) 评论 (0) 编辑
摘要:一、前言 有些东西很好用,但是你未必知道;有些东西你可能用过,但是你未必知道原理。实现一个目的有多种途径,俗话说,条条大路通罗马。发散一下大家的思维以及拓展一下知识面。 二、实现一个简短的sleep函数 sleep函数主要用来做延迟执行的,很多编程语言都有sleep函数,但是javascript没有 阅读全文
posted @ 2019-05-30 13:39 saucxs 阅读 (485) 评论 (0) 编辑
摘要:一、前言 有时候需要前端做到移动端高清显示,1、面对开发移动端H5页面,2、面对不同分辨率的手机,3、面对不同屏幕尺寸的手机。 二、视觉稿 前端开发正常是,视觉的小哥哥给我们psd或者导出的skech文件,这个就是视觉稿,然后前端开始写结构,写元素,调整,优化等等。 对于移动端开发而言,达到页面高清 阅读全文
posted @ 2019-05-29 16:43 saucxs 阅读 (175) 评论 (0) 编辑
摘要:一、前言 HTTP 2.0 相比于 HTTP 1.X,可以说是大幅度提高了 web 的性能。 在 HTTP 1.X 中,为了性能考虑,我们会引入雪碧图、将小图内联、使用多个域名等等的方式。这一切都是因为浏览器限制了同一个域名下的请求数量,当页面中需要请求很多资源的时候,队头阻塞(Head of li 阅读全文
posted @ 2019-05-27 21:59 saucxs 阅读 (850) 评论 (0) 编辑
摘要:V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制:JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑,其好处是可以大幅简化程序的内存管理代码,降低程序员的负担,减少因 长时间运转而带来 阅读全文
posted @ 2019-05-24 17:27 saucxs 阅读 (665) 评论 (0) 编辑
摘要:一、前言 主要包括:1、http基础:TCP/IP,TCP协议,IP协议,DNS协议,URI与URL; 2、http协议:http报文,http方法,http状态码,常见问题 名词解释: (1)HTTP(HyperText Transfer Protocol)超文本传输协议 (2)URL(Unifo 阅读全文
posted @ 2019-05-23 17:45 saucxs 阅读 (121) 评论 (0) 编辑
摘要:对于前端团队,可以实现企业受益最大化要点。 一、技术选型的策略 1、保证产品质量 (1)功能稳健:网页不白屏,不错位,不卡死;操作正常;数据精准。 (2)体验优秀:加载体验,交互体验,视觉体验,无障碍访问。 2、降低人力成本 (1)降低前期开发成本; (2)降低后期维护成本。 二、前端开发模式选择 阅读全文
posted @ 2019-05-23 09:25 saucxs 阅读 (662) 评论 (0) 编辑
摘要:接上一篇:数据可视化-svg入门基础(一),基础一主要是介绍了svg概念,元素样式设置等。 svg是(scalable vector graphic)伸缩矢量图像。 一、目录 (1)图形元素 (2)文字元素 (3)特殊元素 (4)滤镜元素 (5)渐变元素 二、图形元素 1、矩形 矩形使用<rect> 阅读全文
posted @ 2019-05-20 23:33 saucxs 阅读 (542) 评论 (4) 编辑
摘要:一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点: (1)使用xml格式来定义图形; (2)用来定义web上的使用的矢量图; (3)改变图像尺寸,图片质量不受损; (4)所有元素属性可以使用动画; (5)继承了W3C标准,在html中使用方式,html直接 阅读全文
posted @ 2019-05-18 23:18 saucxs 阅读 (352) 评论 (0) 编辑