摘要: 之前写过一篇vue初始化项目,构建vuex的后台管理项目架子,这个structure-admin-web所拥有的功能 接下来,针对structure-admin-web的不足,进行了补充,开发了具有登陆的structure-admin项目,技术站:主要是node+vue+redis+mysql+es阅读全文
posted @ 2018-09-18 20:14 saucxs 阅读(1223) 评论(2) 编辑
摘要: watermark插件的github地址:https://github.com/saucxs/watermark 有详细的使用步骤,可以参考,不会用请留言,感觉可以,请给个星星。 sau交流学习社区(首发):https://www.mwcxs.top/page/452.html 一、简单 阿里巴巴内阅读全文
posted @ 2017-05-01 13:16 saucxs 阅读(4488) 评论(10) 编辑
摘要: 一、前言 这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍,没有牢固的知识体系,无法往更高处走! 二、主干流程 在将浏览器渲染原理、JS运行机制、JS引擎解析流程梳理一遍后,感觉就跟打通了任督二脉一样,有了一个整体的架构,阅读全文
posted @ 2019-06-17 13:23 saucxs 阅读(386) 评论(0) 编辑
摘要: 一、前言 现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。 在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具阅读全文
posted @ 2019-06-14 13:31 saucxs 阅读(165) 评论(0) 编辑
摘要: 一、前言 在众多的移动设备中,前端开发人员如何在不同屏幕大小,不同程度的高清屏下去百分百的还原设计稿,从来都不是一件简单的事情,需要考虑众多因素,权衡利弊,做出取舍,结合需求去选择最合适的方案。 之前有一篇:如何设计移动端高清方案 二、面对的问题 在不同大小和高清的屏幕下: (1)如何保证 页面布局阅读全文
posted @ 2019-06-10 14:10 saucxs 阅读(322) 评论(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 阅读(201) 评论(0) 编辑
摘要: 一、前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746.html 介绍了sleep函数和获取时间戳的方法。接下来我们来介绍数字格式化1234567890 阅读全文
posted @ 2019-05-31 14:45 saucxs 阅读(203) 评论(0) 编辑
摘要: 一、前言 有些东西很好用,但是你未必知道;有些东西你可能用过,但是你未必知道原理。实现一个目的有多种途径,俗话说,条条大路通罗马。发散一下大家的思维以及拓展一下知识面。 二、实现一个简短的sleep函数 sleep函数主要用来做延迟执行的,很多编程语言都有sleep函数,但是javascript没有阅读全文
posted @ 2019-05-30 13:39 saucxs 阅读(303) 评论(0) 编辑
摘要: 一、前言 有时候需要前端做到移动端高清显示,1、面对开发移动端H5页面,2、面对不同分辨率的手机,3、面对不同屏幕尺寸的手机。 二、视觉稿 前端开发正常是,视觉的小哥哥给我们psd或者导出的skech文件,这个就是视觉稿,然后前端开始写结构,写元素,调整,优化等等。 对于移动端开发而言,达到页面高清阅读全文
posted @ 2019-05-29 16:43 saucxs 阅读(104) 评论(0) 编辑
摘要: 一、前言 HTTP 2.0 相比于 HTTP 1.X,可以说是大幅度提高了 web 的性能。 在 HTTP 1.X 中,为了性能考虑,我们会引入雪碧图、将小图内联、使用多个域名等等的方式。这一切都是因为浏览器限制了同一个域名下的请求数量,当页面中需要请求很多资源的时候,队头阻塞(Head of li阅读全文
posted @ 2019-05-27 21:59 saucxs 阅读(297) 评论(0) 编辑
摘要: V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制:JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑,其好处是可以大幅简化程序的内存管理代码,降低程序员的负担,减少因 长时间运转而带来阅读全文
posted @ 2019-05-24 17:27 saucxs 阅读(190) 评论(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 阅读(73) 评论(0) 编辑
摘要: 对于前端团队,可以实现企业受益最大化要点。 一、技术选型的策略 1、保证产品质量 (1)功能稳健:网页不白屏,不错位,不卡死;操作正常;数据精准。 (2)体验优秀:加载体验,交互体验,视觉体验,无障碍访问。 2、降低人力成本 (1)降低前期开发成本; (2)降低后期维护成本。 二、前端开发模式选择 阅读全文
posted @ 2019-05-23 09:25 saucxs 阅读(467) 评论(0) 编辑
摘要: 接上一篇:数据可视化-svg入门基础(一),基础一主要是介绍了svg概念,元素样式设置等。 svg是(scalable vector graphic)伸缩矢量图像。 一、目录 (1)图形元素 (2)文字元素 (3)特殊元素 (4)滤镜元素 (5)渐变元素 二、图形元素 1、矩形 矩形使用<rect>阅读全文
posted @ 2019-05-20 23:33 saucxs 阅读(373) 评论(4) 编辑
摘要: 一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点: (1)使用xml格式来定义图形; (2)用来定义web上的使用的矢量图; (3)改变图像尺寸,图片质量不受损; (4)所有元素属性可以使用动画; (5)继承了W3C标准,在html中使用方式,html直接阅读全文
posted @ 2019-05-18 23:18 saucxs 阅读(223) 评论(0) 编辑
摘要: 一、前言 继承是面向对象(OOP)语言中的一个最为人津津乐道的概念。许多面对对象(OOP)语言都支持两种继承方式::接口继承 和 实现继承 。 接口继承只继承方法签名,而实现继承则继承实际的方法。由于js中方法没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而阅读全文
posted @ 2019-05-16 22:26 saucxs 阅读(25) 评论(0) 编辑
摘要: Generator 是 ES6 中新增的语法,和 Promise 一样,都可以用来异步编程 从以上代码可以发现,加上 * 的函数执行后拥有了 next 函数,也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现阅读全文
posted @ 2019-05-15 17:05 saucxs 阅读(306) 评论(0) 编辑
摘要: 一、前言 介绍构造函数,原型,原型链。比如说经常会被问道:symbol是不是构造函数;constructor属性是否只读;prototype、[[Prototype]]和__proto__的区别;什么是原型链?等等问题 二、构造函数 1、什么构造函数 构造函数就是通过new关键词生成实例的函数。 j阅读全文
posted @ 2019-05-14 15:00 saucxs 阅读(395) 评论(0) 编辑
摘要: 一、前言 之前在前面一篇学习了赋值,浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门:https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理,然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是阅读全文
posted @ 2019-04-30 17:48 saucxs 阅读(142) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、赋值(Copy) 赋值是将某一数值或对象赋给某个变量的过程,分为: 1、基本数据类型:赋值,赋值之后两个变量互不影响 2、引用数据类型:赋**址**,两个变量具有相同的引用,指向同一个对象,相互之间有影响 对基本类型进行赋值操作,两个变量互不影响。 // saucx阅读全文
posted @ 2019-04-29 09:10 saucxs 阅读(219) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、前言 目前主流的模块规范: 1、UMD通用模块 2、CommonJs 3、es6 module 二、UMD模块(通用模块) 如果你在js文件的头部看到这样的代码,这个js文件使用的规范就是UMD规范; 什么是UMD模块规范?就是AMD+CommonJs+全局变量的组阅读全文
posted @ 2019-04-19 09:13 saucxs 阅读(68) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、前言 正则表达式是匹配模式,要么是匹配字符,要么匹配位置。 其实在开发中很少用到匹配位置,本篇文章主要包含: 二、什么是位置 位置:相邻字符之间的位置。 三、如何匹配位置 在ES5中,共有6个锚:^, $, \b, \B, (?=p), (?!p) 可视化形式: R阅读全文
posted @ 2019-04-16 09:11 saucxs 阅读(43) 评论(0) 编辑
摘要: 一、前言 乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有问题阅读全文
posted @ 2019-04-10 09:47 saucxs 阅读(104) 评论(0) 编辑
摘要: 文章首发于[sau交流学习社区](https://www.mwcxs.top/page/585.html) 一、前言 正则表达式是匹配模式,要么匹配字符,要么匹配位置。 正则里面的元字符太多了,没有系统性,可以分为: (1)字符匹配攻略 (2)位置匹配攻略 二、字符匹配 包括:两种模糊匹配,字符数组阅读全文
posted @ 2019-03-29 17:10 saucxs 阅读(251) 评论(0) 编辑
摘要: 首发地址:sau交流学习社区 一、前言 什么是promise?promsie的核心是什么?promise如何解决回调地狱的?等问题 1、什么是promise?promise是表示异步操作的最终结果;可以用来解决回调地狱和并发IO操作的问题 A promise represents the event阅读全文
posted @ 2019-03-25 10:24 saucxs 阅读(257) 评论(1) 编辑
摘要: 一、前言 this指向,apply,call,bind的区别是一个经典的面试问题,同时在项目中会经常使用到的原生的js方法。同时也是ES5中的众多坑的一个。ES6中可能会极大的避免了this产生的错误,有时候需要维护老的项目还是有必要了解一下this的指向和apply,call,bind三者的区别。阅读全文
posted @ 2019-03-18 20:19 saucxs 阅读(218) 评论(0) 编辑
摘要: 一、不改变原数组,返回新数组(字符串) 1、concat() 连接两个或者多个数组,两边的原始数组都不会变化,返回的是被连接数组的一个副本。 2、join() 把数组中所有的元素放入到一个字符串中,返回字符串 3、slice() 从开始到结束(不包括结束)选择数组的一部分浅拷贝到一个新数组 4、ma阅读全文
posted @ 2019-03-11 21:39 saucxs 阅读(243) 评论(0) 编辑