sysuzjz-CSDN博客

原创 Serverless探秘

概念Serverless 圈内俗称为“无服务器架构”，它是一种软件系统架构思想和方法，它的核心思想是用户无须关注支撑应用服务运行的底层主机。所谓“无服务器”，并不是说基于 Serverless 架构的软件应用不需要服务器就可以运行，其指的是用户无须关心软件应用运行涉及的底层服务器的状态、资源（比如 CPU、内存、磁盘及网络）及数量。软件应用正常运行所需要的计算资源由底层的云计算平台动态提供...

2020-04-24 16:20:36 421

原创前端面试题（三）

写在前面本面试题是本人在工作和找工作中总结出来的面试题，不代表行业通用标准。本文只关注技术相关问题问的问题更偏向于前端深入了解、性能优化、故障定位等。面试题难度大致相当于前端4-5年经验的水平部分与我另一篇博客相同或类似，但毕竟随着成长以及技术的发展重视的东西也在改变。答案仅供参考，不一定正确和完整，有异议或建议可提出修改缓存问：怎么设置静态资源缓存时间答：设置expir...

2020-04-24 15:26:15 416

原创大数运算

大数指number无法存储的数字，一般用字符串来表示。以下分别讲述大数的加减乘除运算，运算之间可能有所交叉，例如正数减负数就变成两个正数相加，除法里也用到了减法，所以代码就放在了一起。function checkIsNumber(numStr) { const isNumber = /^-?\d+$/.test(numStr) if (!isNumber) { throw ne...

2019-11-14 14:09:45 301

原创前端面试题（基础篇）

说在前面：本面试题是本人在工作和找工作中总结出来的面试题，主要用于上家的新人招聘。因此：问的问题与业务关联程度比较高，更偏向于前端基础、性能优化、故障定位等。上家要招的职级并不是很高，因此面试题难度不算高，大致相当于前端1-3年经验的水平部分与我另一篇博客相同或类似，但毕竟随着成长以及技术的发展重视的东西也在改变。答案仅供参考，部分答案待补充基础篇语义化问：HTM...

2018-06-07 18:04:46 690

原创 wepy-store

wepy-store适用于wepy框架的状态管理器。github地址为何要用状态管理器提供了一个状态管理机制，开发者在开发页面的时候，不需要过多的去关注数据是怎么来的，怎么变化的，而是可以相信请求结束的时候，页面就会自动刷新。进入页面再请求接口，将会使页面有一段时间的空白。而本状态管理器利用小程序页面常驻后台的特点，将数据保存在内存中。只要前一个页面请求过相应接口，进入下一个页...

2018-05-07 12:24:47 4931

转载对象深比较

参考自：https://jsperf.com/deep-compare/4Object.equals = function( x, y ) { if ( x === y ) return true; // if both x and y are null or undefined and exactly the same if ( ! ( x instanceof...

2018-03-14 20:17:10 978

原创一个请求经历了什么（一）

浏览器解析检查是否合法解析出相应的协议、域名、端口、路径等（如果没有端口则按协议添加默认端口）判断是否有本地缓存DNS解析解析流程浏览器代理 => 计算机host => 局域网DNS服务器 => 更上层DNS服务器 => …… => 顶层DNS服务器递归寻址先寻找一级域名DNS服务器，再寻找二级域名DNS……寻找服务器当设置为DHCP时，在开机后会寻找DNS服务器，使用广播寻找，DNS服务器

2018-03-13 19:56:13 890

原创 web安全大讲堂

xss攻击与防御概念xss，跨站脚本攻击，指在目标网页里插入一段JavaScript脚本，用户访问时执行该脚本。可用于窃取用户cookie信息，或监听用户在网页内的行为（如输入表单密码等）。xss可分为反射型和存储型。存储型指攻击代码存储于数据库（或其他存储介质）中，每次访问都会执行，会影响所有或多数用户。而反射型则是即时的，用户通过某种途径触发，一般只影响单个用户。反射型

2018-01-05 10:56:39 500 2

原创 npm源管理

参考：http://www.tuicool.com/articles/nYjqeu参考：http://www.jianshu.com/p/0deb70e6f395参考：http://yijiebuyi.com/blog/b12eac891cdc5f0dff127ae18dc386d4.html概述npm是nodejs的官方包管理工具，在上面可以下载各种第三方包，在项目中

2017-06-17 23:22:55 1833

原创 LazyMan

参考：http://web.jobbole.com/89626/题目：实现一个LazyMan，可以按照以下方式调用:LazyMan(“Hank”)输出:Hi! This is Hank!LazyMan(“Hank”).sleep(10).eat(“dinner”)输出Hi! This is Hank!//等待10秒..Wake up afte

2017-02-03 14:47:38 2190

原创课间作业集锦——《互联网运营的知识体系与整体逻辑》笔记（十三）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html1. 在你心目中，互联网运营是什么？个人答案：将用户的眼光从众多的产品中引向自己的产品，诱导用户使用自己的产品，并让用户对使用自己的产品产生兴趣和依赖2. 运营和产品的关系是什么？个人答案：运营因为产品而存在，产品因为运营而升华

2016-11-21 22:15:34 592

原创第三方推广——《互联网运营的知识体系与整体逻辑》笔记（十二）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html推广方法参考地址：http://www.chinaz.com/manage/2016/0909/579068.shtml实操流程推广方法一、应用商店推广1.手机厂商应用商店：如小米商店，华为应用市场，三星应用商店，联想乐商店，H

2016-11-21 21:45:22 1553

原创活动策划——《互联网运营的知识体系与整体逻辑》笔记（十一）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html1. 物质激励和概率事件例如：扫码免费送、每天抽奖等2. 稀缺感（饥饿营销）例如：前20名评论的可以获得xxx；只招收xxx；只有在xxx时候才能购买。3. 竞争和攀比（排行榜）用户总会想排前面，想露脸。例如：微信运动排行榜

2016-11-21 21:23:52 489

原创运营指标的拆解和落地——《互联网运营的知识体系与整体逻辑》笔记（十）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html公式一特定品类销量=站内流量*品类商品展示量*品类商品购买转化率 + 品类商品站外流量 * 品类商品购买转化率公式二销售额 = 用户量 * 付费率 * APP U值（客单价）

2016-11-21 20:14:31 890

原创文案的力量——《互联网运营的知识体系与整体逻辑》笔记（九）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html

2016-11-19 22:50:02 741

原创运营数据分析——《互联网运营的知识体系与整体逻辑》笔记（八）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html概念pv：用户浏览页面的总数uv：单位时间内访问的用户总数留存率（保有率）：用户在一段时间后还继续访问的用户的占比。又可以细分为次日留存率、周留存率、月留存率等。活跃率：用户中进行活跃行为的比例。活跃行为是可定义的，例如购买、评

2016-11-19 22:48:29 714

原创 SOP与项目管理——《互联网运营的知识体系与整体逻辑》笔记（七）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html概念SOP，即Standard Operating Procedure，标准作业程序，就是将某一事件的标准操作步骤和要求以统一的格式描述出来，用来指导和规范日常的工作。作用1. 提高工作效率拿到SOP，很快就能根据它的指导梳

2016-11-19 22:47:16 3215

原创社区/社群运营——《互联网运营的知识体系与整体逻辑》笔记（六）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html社区类产品的核心是内容、话题和人，而内容与话题更甚于人。（如知乎）社群则是将用户归属为一个群（如粉丝Q Q群等）运营步骤1. 建立社区要明确好主题，并且最好能用超出用户预期的主题。例如“每天读书二十分钟”要远远好过“读书爱好者”

2016-11-19 22:45:12 1101

原创不同产品形态下的运营玩法——《互联网运营的知识体系与整体逻辑》笔记（五）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html核心思想：运营所做的一切，都是为了服务于核心业务。先梳理核心业务，针对核心业务的不同环节制定相应的运营策略。不同业务类型产品的运营侧重点成长驱动力工具类：用户体验 + 服务效率 + 社交场景打通（潜在运营

2016-11-19 22:43:23 964

原创产品生命周期背后的运营逻辑——《互联网运营的知识体系与整体逻辑》笔记（四）

产品生命周期引入期1. 产品刚投入市场，因为缺乏了解，用户量低2. 成本高3. 利润率低甚至亏损4. 竞争者少成长期1. 随着认知加深，用户量逐渐增加2. 用户规模扩大，成本开始降低3. 利润明显快速增加4. 竞争者开始加入，竞争加剧成熟期1. 用户量逐渐达到最大，保持稳定，增长

2016-11-19 22:40:06 2604

原创内容运营&用户运营——《互联网运营的知识体系与整体逻辑》笔记（三）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html内容运营内容运营的内容1. 用户来使用产品是带着目的性来的，为了满足用户的需求，内容运营者需要产生一批能够满足用户需求且符合产品定位的内容。这部分内容应该既包括可以帮忙用户解决需求的可浏览内容，也应该包括一部分可供用户参与的内容。2.

2016-11-19 22:38:39 1195

原创运营的职业发展——《互联网运营的知识体系与整体逻辑》笔记（二）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html传统行业的运营比较静态，也就是专注做一项任务。互联网行业初创时比较动态，即多面手，每个运营都可能负责所有运营事项。而成熟之后趋于静态，区分为内容运营、活动运营、渠道推广运营、用户运营、新媒体运营、社区运营、产品运营等等。能力层级金字

2016-11-19 22:32:18 660

原创运营概述——《互联网运营的知识体系与整体逻辑》笔记（一）

课程地址：http://class.sanjieke.cn/online/course/cid/1061396.html运营定位：通过一系列穿针引线式的行为和资源投入，让一件事能够持续良性运转。为了帮助产品和用户之间更好的缔结和维护关系，所使用的所有手段。在电商行业里的另一种解释：用来解决前期流量丶中期转化和后期用户粘性的一个数据分析系统

2016-11-19 22:30:05 1456

原创 canvas画旋转椭圆

要求使用画布变换方法。效果如下：代码如下：旋转椭圆 var canvas = document.querySelector('#canvas'), context = canvas.getContext('2d'); var width = canvas.width, height = canvas.height; // 原

2016-11-09 23:56:07 2872

原创 canvas画布变换画六芒星

要求使用canvas的画布变换方法。效果如下：代码如下：六芒星 var canvas = document.querySelector('#canvas'), context = canvas.getContext('2d'); var width = canvas.width, height = canvas.height;

2016-11-09 23:54:20 5806

原创 canvas画奥运五环

效果如下：代码如下：奥运五环 var canvas = document.querySelector('#canvas'), context = canvas.getContext('2d'); var radius = 100; context.lineWidth = 25; function draw(x, y, startAngl

2016-11-09 23:51:38 3956

原创 canvas画正六边形

效果图如下：代码如下：正六边形 var canvas = document.querySelector('#canvas'), context = canvas.getContext('2d'); // 定义边长、颜色、边数、canvas大小 var length = 100, fillColor = '#000', vertices

2016-11-09 23:39:18 11424

原创 canvas制作旋转的五角星

用canvas画以下图形：代码如下：旋转五角星 var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); //设置边框样式以及填充颜色 context.lineWidth = 1; context.fi

2016-11-09 23:14:42 1781

原创 canvas渐变文字

使用canvas创建渐变文字。直接贴代码：渐变文字 var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'), gradient = ctx.createLinearGradient(0, 0, canvas.width, 0); gradien

2016-11-09 23:11:48 2310

原创求π近似值

圆周率 π可以通过公式求近似值。公式如下：代码为：求π var flag = true, result = 0; for (var i = 1; i < 10000000; i = i + 2) { if (flag) { result += 1 / i; } else { result -= 1 / i; } flag = !

2016-11-09 23:09:07 2437

原创 js常见正则表达式

参考来源：FEhelper收录了常用的正则表达式：表单项、文本匹配匹配邮件地址：/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/匹配url：/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i匹配

2016-08-26 10:13:25 513

原创 chrome插件开发

基本概念一个插件其实是压缩在一起的一组文件（.crx），包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。插件本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全都有。插件可以与Web页面交互，或者通过content script或cross-origin XMLHttpReq

2016-06-14 18:33:11 6351

原创 manifest.json参数详解

从官网文档翻译而来，比大多数网上现有资源详细很多，部分官网没有的属性通过stackoverflow，甚至是chromium源码查询而来。还有一些没注释的是查询不到或者本人无法确定的。官方文档地址：https://developer.chrome.com/extensions/manifest360汉化版：http://open.chrome.360.cn/extension_dev/man

2016-06-12 18:18:13 25253 1

原创跨域请求带cookie的解决方案

参考：http://blog.sina.com.cn/s/blog_87b9bbc70102vg18.html cookie一般情况下是没法跨域的，甚至POST请求一般情况下都是无法跨域的。但经过特殊处理后就可以了，这个处理需要客户端服务器的配合。一些请求可以通过jsonp的方式来实现跨域，但如果是非幂等的请求，还是需要POST的。处理如下：服务器端设置

2016-06-02 14:12:39 16342 2

原创 history API

这里讲的history包括两个，一个是宿主对象history，一个是HTML5的history API。宿主对象historyhistory包括三个方法和一个属性：属性/方法描述length返回浏览器历史列表中的 URL 数量。back()加载 history 列表中的前一个 URL。f

2016-02-18 17:37:58 1171

原创 JavaScript DOM接口

获取DOM node传统方法获取DOM节点的传统方法有三种，分别是getElementById, getElementsByTagName, getElementsByName。getElementById属于document对象的方法，传入参数为节点的id值，返回该id对应的节点。由于id是独一无二的，所以返回值只有一个节点。如果文档中有多个同名id，不同浏览器处理结果可能不同，例如

2016-02-18 17:18:33 680

原创 DOM节点类型

文档的不同组成部分有不同的节点类型，共有12种，具体如下：节点类型值节点类型描述子节点1Element代表元素Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference2Attr代表属性

2016-02-18 17:16:38 450

原创 JavaScript DOM

DOMDOM是 Document Object Model（文档对象模型）的缩写，是W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标

2016-02-18 17:13:31 419

原创 JavaScript运算优先级

运算优先级在复杂运算中有着举足轻重的作用，例如我们看个表达式：[javascript] view plain copy void 1+2 我们知道void的作用是让表达式总是返回undefined，那么，void操作的对象究竟是1还是1+2呢？换句话说，void和+哪个的优先级更高？我们不妨假设，如果void的优先级更高，那么，

2016-02-18 17:10:29 612

原创 JavaScript特殊运算符

在JavaScript中有一些运算符，不直接产生运算效果，而是用于影响运算效果，这一类运算符的操作对象通常是“表达式”，而非“表达式的值”。另外的一些运算符不直接针对变量的值运算，而是针对变量运算。详细的运算符和它们的作用如下表：目标运算符作用备注运算元typeof返回表示数据类型的字符串运算元instanceof

2016-02-18 17:09:25 2182

空空如也

空空如也