前端小伙子

前端小伙子 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

前端小伙子 赞了文章 · 2020-03-17

【达生科技】会话机制及其架构设计探讨

基本概念及区分

单点登录 SSO(Single Sign On)

  • 在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所有系统的信任。
  • 单点登录在大型网站里使用得非常频繁,例如像阿里巴巴这样的网站,在网站的背后是成百上千的子系统,

唯一登陆

  • 也叫「单用户登录」,是指一个账号同时只能在一个设备上登录使用。
  • 常用于会员系统网站,如会员视频网站。不可以多人同时使用一个账号登录使用。

http 是无状态的协议

  • 每个 http 请求之间都相互不认识,如果不做程序上的处理,无法区分两个 http 请求是否来至于同一个用户。

会话

  • 浏览器与服务器可以相互识别的对话的过程,
  • 由于 http 是无状态的协议,在不做程序上的处理情况下,每个 http 请求都是独立的会话。

会话保持

  • 为了解决 http 无状态导致的会话时间太短问题。提出的解决方法,即想办法在不同的 http 请求中能识别是否来至于同一个人。
  • 一次会话保持:从浏览器访问该域名下的页面开始,到浏览器关闭该域名下的所有页面结束。标识为一个会话。(不用在意「一次会话」这个名字,笔者觉得这个名字起得并不好。名词意义并不等于实际意思,就像「单点登录」一样,误导人)
  • 时间段会话保持:即以特定时间段内作为一个会话。可以是相对最后一次使用的时间,也可以是绝对时间。

会话保持机制

  • 即实现「会话保持」的具体方案,具体有多种方案,如 cookie 会话机制,session 会话机制,jwt 会话机制等。

cookie

  • 一种技术,每次发送请求都会携带该数据,有自己的实体,原子性的,不可分割的。

cookie 会话机制

  • 是会话保持机制的一种具体实现方案,cookie 的一种应用。
  • 指明了使用的技术就是 cookie

sessionStorage

  • 相当于前端的数据库,数据在「一次会话保持」内有效。
  • 一种技术,前端数据存储的一种技术,有自己的实体。

session 会话机制

  • 是会话保持机制的一种具体实现方案,需要使用「客户端标识」及「服务端存储」
  • 未指明具体使用那些技术。只介绍了结构。

session

  • 原本只是「会话」对应的英文名,不存在实体,也不是一种应用。
  • 在前端中,

    • session 存储空间的意义,变成了「sessionStorage」的简称,「数据存到 session 中」意味着「数据存到 sessionStorage 中」。
    • session 时间范围的意义,变成了「一次会话保持」的时间段。从浏览器访问到浏览器结束。
  • 在后端中

    • session 存储空间的意义,变成了「session 会话机制」中的「服务端存储」。存在session,意味着存在「服务端存储」中(可能是内存,也可能是数据库)
    • session 时间范围的意义,变成了「会话保持」的时间段,可能是「一次会话保持」时间段,也可能是「时间段会话保持」,看具体配置。但更常见的是「时间段会话保持」的时间范围。

会话保持机制具体方案介绍

cookie 会话机制

  • 常用数据直接保存在【客户端】

    • 常用数据,即在编程中经常用到的数据,如当前用户的 userId,userName等。
  • 特点

    • 数据可见。
    • 每次请求都自动携带上。
    • 后端拿到数据后直接使用,无需转换。
    • 数据可以直接伪造。利用 Node 伪造一个 http 请求,并修改 cookie 的内容。修改权限什么的。
  • 安全性

    • csrf(跨域伪造请求攻击),登录 A 网站,访问 B 网站(B 网站私自调用 A 网站接口,自动带上了cookie,执行了操作)

      • 服务端校验请求头 Referer(指明当前流量的来源参考页面),即当前页面的 URL,从而校验域名。
    • 可能有 xss (跨站脚本漏洞),往你的网站中注入 js 代码。

      • 通过设置 HttpOnly=true,禁止 JS 获取或操作 cookie 解决
  • 问题

    • 每次请求都携带,浪费带宽。
    • 容量小
    • 数据可见
    • 数据不安全,可以被篡改。伪造请求。

session 会话机制

  • 常用数据保存在【服务端】,标识符保存在【客户端】

    • 当前用户的 userId,userName等常用数据保存在服务端
    • 每个用户对应一个随机字符串(即与信息无关的标识符),该字符串保存在【客户端】
    • 每次通讯,客户端传递「标识符」,服务端通过「标识符」找到「常用数据」
    • 「常用数据」和「标识符」分别怎么保存

      • 「常用数据」的客户端存储介质:内存变量,redis(缓存数据库),mysql(常驻数据库)
      • 「标识符」默认是 cookie,也可以通过前端配合,存储在 localStorage 中。如果将数据存储在一个叫 token 的响应头中,就变成了我们熟悉的 token 校验。但实际上 token 并不是解决方案,这只是变量名。不能说是 token 解决方案。
  • 特点

    • 数据对外不可见
    • 每次接口请求,都需要经历一次从「标识符」到「常用数据」的查询
    • 不利于扩容 和 单点登录。需要在多个服务进程间同步「常用数据」
  • 安全性

    • csrf(跨域伪造请求攻击)

      • localStorage 不存在,使用 cookie 可杜绝,
    • 可能有 xss (跨站脚本漏洞),往你的网站中注入 js 代码。

      • 使用 localStorage 不可杜绝,cookie 可杜绝
  • 问题

    • 不利于扩容,数据需要在多进程间同步。
    • 使用内存存储,当数据量实在太大时,容量溢出。
    • 使用数据库存储,每次查询都消耗 IO,响应速度慢。

JWT(json web token) 会话机制

  • 常用数据保存在【客户端】

    • JWT 是一个数据结构,不像 cookie 是一种技术,数据可以保存在 cookie 中,也可以 localStorage 中。
  • 组成

    • 协议
    • 内容体,规定为 json 形式
    • 前两者加上秘钥的 hash 值,防止伪造
  • 特点

    • 数据可见,但不可伪造。
    • 后端拿到数据后直接使用,无需 IO 查询
    • 秘钥很重要,泄露了就可以伪造所有人。
    • 易于扩容,单点登录,只需查数据有没有被篡改过就行。
  • 安全性

    • csrf(跨域伪造请求攻击)

      • localStorage 不存在,使用 cookie 可杜绝,
    • 可能有 xss (跨站脚本漏洞),往你的网站中注入 js 代码。

      • 使用 localStorage 不可杜绝,cookie 可杜绝
  • 问题

    • 数据可见

会话保持机制的缺点及定位

仅靠会话保持机制无法解决以下问题

唯一登录问题

  • A B 使用同一个账号。A 登录,有了 sessionIdA。B 再登录,有 sessionIdB。
  • 在不做额外判断的情形下,实现不了使 sessionIdA 失效的功能。
  • 只能将 sessionId 存储在数据库中,每次操作时,都查询 sessionId 的有效性。

权限校验问题

  • 当 A 登录,有了 sessionIdA 后。修改 A 用户的权限,甚至删除 A 用户。
  • 这时 sessionIdA 依然有效。无法限制其使用。
  • 当前流行的后端框架都没有操作特定 session 的功能,只能操作当前 session。
  • 只能每次都查数据库。但既然每次都查数据库,是不是也意味着,将数据存在 session 中没有意义?反正都是查数据库,我直接从数据库拿就好。

会话保持机制的定位

  • 会话数据:数据可丢失,无需复现,两会话的数据差异不会产生冲突。
  • 数据库长期数据:可溯源,可重现,有唯一性。
  • 应该只保存与用户信息无关的数据,如「提交临时表单」等,不需要固话到数据库的临时数据。
  • 因为会话只是记录当前通讯的信息,同一个账号,可能同时有多个会话。如果将用户相关信息长期数据存储在会话中,则可能会导致各个会话间的数据不统一。
会话保持机制及数据缓存架构设计
  • 会话保存层

    • 保存 userId,设置终端设备信息,系统类别等固化信息
    • userId 不会被改变
    • 终端设备信息,如 useragent,用于记录浏览器类型等数据采集
    • 系统识别号,譬如「后台管理系统」和「移动端应用」,「移动端应用」的 session 不应该能操作 「后台管理系统」。譬如我复制 sessionId,调用「后台管理系统」
  • redis 数据缓存层,

    • 通过 userId 组织数据。实现多个 session 的用户数据同步问题。
    • 用户权限,校验每个接口的调用权限,通过。
    • 最后登录的 sessionId,实现「唯一登录」。
    • 开发常用数据。
  • mysql 数据层

    • 固化数据,当对 mysql 数据进行修改时,如修改权限,需要将数据同步到 redis 中。
    • 当用户登录时,生成 redis 的 userId 与 session 映射关系数据。
    • mysql 和 redis 的用户数据是同步,一样的。redis 的存在只是为了对特定数据进行优化查询。如每个接口都要校验的用户权限。
会话保持机制的选择
  • cookie 会话保持机制

    • 本身不带加密功能,容易被伪造。不建议。
  • session 会话保持机制

    • 从 sessionId 到 session 信息。需要经过一次隐射查询。
  • jwt 会话保持机制

    • 多了一次 hash 算法校验,但 计算耗时 对 IO 耗时来说不值一提。
    • 数据可见,但数据不敏感,影响不大。
    • 对比 session,减少一次查询。
    • 但由于数据存贮在客户端,每次调接口,都需要传输,虽然量少,但还是会浪费带宽。
  • 所以最后在 session 与 jwt 中做对比

    • 牺牲查询,还是牺牲带宽
    • 笔者倾向于后者。应为带宽的影响是分布在每个用户上的,不会产生累计效应,不影响服务器速度。
    • 而前者的压力完全集中在服务器中,用户基数大时,对服务器的影响不可忽略。
客户端主动解除会话

据上述会话保持机制可知,保持会话,需要前后两端共同支持(cookie是浏览器默认支持)。故双方均可主动放弃维持该会话

  • 保存在 localStorage

    • 直接调用 localStorage.removeItem('key') 即可清除会话标识。重新登录。
  • 保存在 cookie

    • 特殊情况,若后端响应头设置 HttpOnly=true,禁止 JS 获取或操作 cookie 解决。

      • 则前端无法通过代码操作 cookie,无法通过程序清除登录状态。
      • 但在开发中,可通过客户端主动清除。如使用 chrome 浏览器,调起控制台清除 cookie。
    • 若未设置 HttpOnly=true,则可通过 JS 清除 cookie。

      function setCookie(name, value) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        document.cookie = name + "=" + escape(value) + `;expires=${exp.toGMTString()};path=/`;
      }
      
      setCookie('PHPSESSID', '')
      • JS 没有类似 removeItem,一样的 cookie.removeItem 函数。只可通过设置 cookie 的过期时间,让客户端主动帮你清除。
      • 需要注意的是,在重写某项 cookie 的时候,需要重写该项的所有属性(即使未发生变化,也要写上去),否则将识别为独立的两项。不能成功清除会话标识。
      • 如果未成功清除,那应该是属性项未写全。
查看原文

赞 4 收藏 1 评论 0

前端小伙子 收藏了文章 · 2020-03-09

记好这 24 个 ES6 方法,用来解决实际开发的 JS 问题

作者:Madza
译者:前端小智
来源: dev
点赞再看,养成习惯

本文 GitHubhttps://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。

1.如何隐藏所有指定的元素

const hide2 = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));

// 事例:隐藏页面上所有`<img>`元素?
hide(document.querySelectorAll('img'))

2.如何检查元素是否具有指定的类?

页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类。

const hasClass = (el, className) => el.classList.contains(className)

// 事例
hasClass(document.querySelector('p.special'), 'special') // true

3.如何切换一个元素的类?

const toggleClass = (el, className) => el.classList.toggle(className)

// 事例 移除 p 具有类`special`的 special 类
toggleClass(document.querySelector('p.special'), 'special')

4.如何获取当前页面的滚动位置?

const getScrollPosition = (el = window) => ({
  x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
  y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});

// 事例
getScrollPosition(); // {x: 0, y: 200}

5.如何平滑滚动到页面顶部

const scrollToTop = () => {
  const c = document.documentElement.scrollTop || document.body.scrollTop;
  if (c > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  }
}

// 事例
scrollToTop()

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。

requestAnimationFrame:优势:由系统决定回调函数的执行时机。60Hz的刷新频率,那么每次刷新的间隔中会执行一次回调函数,不会引起丢帧,不会卡顿。

6.如何检查父元素是否包含子元素?

const elementContains = (parent, child) => parent !== child && parent.contains(child);

// 事例
elementContains(document.querySelector('head'), document.querySelector('title')); 
// true
elementContains(document.querySelector('body'), document.querySelector('body')); 
// false

7.如何检查指定的元素在视口中是否可见?

const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
  const { top, left, bottom, right } = el.getBoundingClientRect();
  const { innerHeight, innerWidth } = window;
  return partiallyVisible
    ? ((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) &&
        ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
    : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
};

// 事例
elementIsVisibleInViewport(el); // 需要左右可见
elementIsVisibleInViewport(el, true); // 需要全屏(上下左右)可以见

8.如何获取元素中的所有图像?

const getImages = (el, includeDuplicates = false) => {
  const images = [...el.getElementsByTagName('img')].map(img => img.getAttribute('src'));
  return includeDuplicates ? images : [...new Set(images)];
};

// 事例:includeDuplicates 为 true 表示需要排除重复元素
getImages(document, true); // ['image1.jpg', 'image2.png', 'image1.png', '...']
getImages(document, false); // ['image1.jpg', 'image2.png', '...']

9.如何确定设备是移动设备还是台式机/笔记本电脑?

const detectDeviceType = () =>
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    ? 'Mobile'
    : 'Desktop';

// 事例
detectDeviceType(); // "Mobile" or "Desktop"

10.How to get the current URL?

const currentURL = () => window.location.href

// 事例
currentURL() // 'https://google.com'

11.如何创建一个包含当前URL参数的对象?

const getURLParameters = url =>
  (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
    (a, v) => ((a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a),
    {}
  );

// 事例
getURLParameters('http://url.com/page?n=Adam&s=Smith'); // {n: 'Adam', s: 'Smith'}
getURLParameters('google.com'); // {}

12.如何将一组表单元素转化为对象?

const formToObject = form =>
  Array.from(new FormData(form)).reduce(
    (acc, [key, value]) => ({
      ...acc,
      [key]: value
    }),
    {}
  );

// 事例
formToObject(document.querySelector('#form')); 
// { email: 'test@email.com', name: 'Test Name' }

13.如何从对象检索给定选择器指示的一组属性?

const get = (from, ...selectors) =>
  [...selectors].map(s =>
    s
      .replace(/\[([^\[\]]*)\]/g, '.$1.')
      .split('.')
      .filter(t => t !== '')
      .reduce((prev, cur) => prev && prev[cur], from)
  );
const obj = { selector: { to: { val: 'val to select' } }, target: [1, 2, { a: 'test' }] };

// Example
get(obj, 'selector.to.val', 'target[0]', 'target[2].a'); 
// ['val to select', 1, 'test']

14.如何在等待指定时间后调用提供的函数?

const delay = (fn, wait, ...args) => setTimeout(fn, wait, ...args);
delay(
  function(text) {
    console.log(text);
  },
  1000,
  'later'
); 

// 1秒后打印 'later'

15.如何在给定元素上触发特定事件且能选择地传递自定义数据?

const triggerEvent = (el, eventType, detail) =>
  el.dispatchEvent(new CustomEvent(eventType, { detail }));

// 事例
triggerEvent(document.getElementById('myId'), 'click');
triggerEvent(document.getElementById('myId'), 'click', { username: 'bob' });

自定义事件的函数有 EventCustomEventdispatchEvent

// 向 window派发一个resize内置事件
window.dispatchEvent(new Event('resize'))
 

// 直接自定义事件,使用 Event 构造函数:
var event = new Event('build');
var elem = document.querySelector('#id')
// 监听事件
elem.addEventListener('build', function (e) { ... }, false);
// 触发事件.
elem.dispatchEvent(event);

CustomEvent 可以创建一个更高度自定义事件,还可以附带一些数据,具体用法如下:

var myEvent = new CustomEvent(eventname, options);
其中 options 可以是:
{
  detail: {
    ...
  },
  bubbles: true,    //是否冒泡
  cancelable: false //是否取消默认事件
}

其中 detail 可以存放一些初始化的信息,可以在触发的时候调用。其他属性就是定义该事件是否具有冒泡等等功能。

内置的事件会由浏览器根据某些操作进行触发,自定义的事件就需要人工触发。
dispatchEvent 函数就是用来触发某个事件:

element.dispatchEvent(customEvent);

上面代码表示,在 element 上面触发 customEvent 这个事件。

// add an appropriate event listener
obj.addEventListener("cat", function(e) { process(e.detail) });
 
// create and dispatch the event
var event = new CustomEvent("cat", {"detail":{"hazcheeseburger":true}});
obj.dispatchEvent(event);
使用自定义事件需要注意兼容性问题,而使用 jQuery 就简单多了:

// 绑定自定义事件
$(element).on('myCustomEvent', function(){});
 
// 触发事件
$(element).trigger('myCustomEvent');
// 此外,你还可以在触发自定义事件时传递更多参数信息:
 
$( "p" ).on( "myCustomEvent", function( event, myName ) {
  $( this ).text( myName + ", hi there!" );
});
$( "button" ).click(function () {
  $( "p" ).trigger( "myCustomEvent", [ "John" ] );
});

16.如何从元素中移除事件监听器?

const off = (el, evt, fn, opts = false) => el.removeEventListener(evt, fn, opts);

const fn = () => console.log('!');
document.body.addEventListener('click', fn);
off(document.body, 'click', fn); 

17.如何获得给定毫秒数的可读格式?

const formatDuration = ms => {
  if (ms < 0) ms = -ms;
  const time = {
    day: Math.floor(ms / 86400000),
    hour: Math.floor(ms / 3600000) % 24,
    minute: Math.floor(ms / 60000) % 60,
    second: Math.floor(ms / 1000) % 60,
    millisecond: Math.floor(ms) % 1000
  };
  return Object.entries(time)
    .filter(val => val[1] !== 0)
    .map(([key, val]) => `${val} ${key}${val !== 1 ? 's' : ''}`)
    .join(', ');
};

// 事例
formatDuration(1001); // '1 second, 1 millisecond'
formatDuration(34325055574); 
// '397 days, 6 hours, 44 minutes, 15 seconds, 574 milliseconds'

18.如何获得两个日期之间的差异(以天为单位)?

const getDaysDiffBetweenDates = (dateInitial, dateFinal) =>
  (dateFinal - dateInitial) / (1000 * 3600 * 24);

// 事例
getDaysDiffBetweenDates(new Date('2017-12-13'), new Date('2017-12-22')); // 9

19.如何向传递的URL发出GET请求?

const httpGet = (url, callback, err = console.error) => {
  const request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.onload = () => callback(request.responseText);
  request.onerror = () => err(request);
  request.send();
};

httpGet(
  'https://jsonplaceholder.typicode.com/posts/1',
  console.log
); 

// {"userId": 1, "id": 1, "title": "sample title", "body": "my text"}

20.如何对传递的URL发出POST请求?

const httpPost = (url, data, callback, err = console.error) => {
  const request = new XMLHttpRequest();
  request.open('POST', url, true);
  request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
  request.onload = () => callback(request.responseText);
  request.onerror = () => err(request);
  request.send(data);
};

const newPost = {
  userId: 1,
  id: 1337,
  title: 'Foo',
  body: 'bar bar bar'
};
const data = JSON.stringify(newPost);
httpPost(
  'https://jsonplaceholder.typicode.com/posts',
  data,
  console.log
); 

// {"userId": 1, "id": 1337, "title": "Foo", "body": "bar bar bar"}

21.如何为指定选择器创建具有指定范围,步长和持续时间的计数器?

const counter = (selector, start, end, step = 1, duration = 2000) => {
  let current = start,
    _step = (end - start) * step < 0 ? -step : step,
    timer = setInterval(() => {
      current += _step;
      document.querySelector(selector).innerHTML = current;
      if (current >= end) document.querySelector(selector).innerHTML = end;
      if (current >= end) clearInterval(timer);
    }, Math.abs(Math.floor(duration / (end - start))));
  return timer;
};

// 事例
counter('#my-id', 1, 1000, 5, 2000); 
// 让 `id=“my-id”`的元素创建一个2秒计时器

22.如何将字符串复制到剪贴板?

  const el = document.createElement('textarea');
  el.value = str;
  el.setAttribute('readonly', '');
  el.style.position = 'absolute';
  el.style.left = '-9999px';
  document.body.appendChild(el);
  const selected =
    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);
  if (selected) {
    document.getSelection().removeAllRanges();
    document.getSelection().addRange(selected);
  }
};

// 事例
copyToClipboard('Lorem ipsum'); 
// 'Lorem ipsum' copied to clipboard

23.如何确定页面的浏览器选项卡是否聚焦?

const isBrowserTabFocused = () => !document.hidden;

// 事例
isBrowserTabFocused(); // true

24.如何创建目录(如果不存在)?

const fs = require('fs');
const createDirIfNotExists = dir => (!fs.existsSync(dir) ? fs.mkdirSync(dir) : undefined);

// 事例
createDirIfNotExists('test'); 

这里面的方法大都挺实用,可以解决很多开发过程问题,大家就好好利用起来吧。


代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug

https://dev.to/madarsbiss/20-...


交流

文章每周持续更新,可以微信搜索「 大迁世界 」第一时间阅读和催更(比博客早一到两篇哟),本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录,整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,另外关注公众号,后台回复福利,即可看到福利,你懂的。

查看原文

前端小伙子 关注了用户 · 2019-12-19

LeanCloud @leancloud

LeanCloud 提供包括数据存储、文件存储、消息推送、即时通讯、可自动扩容的云引擎容器和大数据分析工具在内的后端服务,全面涵盖互联网产品开发的需求。

关注 1306

前端小伙子 关注了用户 · 2019-12-19

科创人 @kcers

记录科创者的成长故事,分享科创者的创业经验,帮助更多IT从业人摆脱成长焦虑,突破进阶天花板。欢迎关注公众号【CTO科创圈】

关注 236

前端小伙子 关注了用户 · 2019-12-19

nodejothy @nodejothy

AdoreLife,

关注 878

前端小伙子 关注了用户 · 2019-12-19

思否编程 @sfbc

思否编程是由中国新一代开发者社区 SegmentFault 思否孵化的在线编程培训平台,通过提升开发者 IT 职业技能,帮助开发者获得成功

思否编程网址:https://ke.sifou.com/
申请成为讲师:https://jinshuju.net/f/HK5r9K

添加编程小姐姐微信:bobonadia

关注 8459

前端小伙子 关注了用户 · 2019-12-19

思否编辑部 @writers

让我们陷入困境的不是无知,而是看似正确的谬误论断。思考、否定、再思考,出家人不打诳语,撰文者不说空话。

欢迎通过私信投稿、提建议、分享素材、传闲话。

联系邮箱 pr@sifou.com 小姐姐微信:https://segmentfault.com/n/13...

关注 6036

前端小伙子 关注了用户 · 2019-12-19

lucifer @shuohaodeyixuene

公众号脑洞前端,分享前端架构,工程化,性能优化,数据结构与算法,力扣题解,等待你的加入,和三万工程师一起进步。

关注 1027

前端小伙子 关注了用户 · 2019-12-19

程序员cxuan @cxuan

Java后端开发,欢迎关注个人微信公众号 Java建设者 及时关注最新技术文章。

关注 7322

前端小伙子 关注了用户 · 2019-12-19

马蜂窝技术 @mafengwojishu

欢迎关注马蜂窝技术,我们将定期分享马蜂窝技术团队先进的技术实践,期待您与马蜂窝一起见证技术对行业的赋能和改变。

关注 1671

认证与成就

  • 获得 10 次点赞
  • 获得 1 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 1 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-01-15
个人主页被 312 人浏览