js
16篇文章 · 0订阅
  • 纯CSS实现蛇形流程图/步骤条
    前言 需求说明 实现效果如图： 关键点 首先复习一些要用到的css知识 grid布局 :nth-child(3n) css选择器 选择属于其父元素的第3n(3,6,9...)个子元素 :last-ch
    前端 CSS
    纯CSS实现蛇形流程图/步骤条
  • 自从学会了 Array.reduce() ，再也离不开它
    在所有后 ES6 时代的数组方法中，我觉得最难理解的就是Array.reduce()。 从表面上看，它似乎是一个简单无趣的方法，并没有太大作用。 但是在不起眼的外表之下，Array.reduce()实际上是对开发人员工具包的强大而灵活的补充。 今天，我们就来研究一下通过Arra…
    JavaScript
  • 你必须收藏的 ES6 语法密糖 - Spread Operator 技巧
    Spread Operator 是我最喜欢的语法糖，没有之一，在应用场景上也是最为广泛，下面说下使用场景和技巧。 这是对应的 babel 插件,当然直接使用 typescript 或者直接使用 omi-cli 已经内置了这个特性，可以直接使用。 因为 Math.min 和 Ma…
    ECMAScript 6 Omi
    你必须收藏的 ES6 语法密糖 - Spread Operator 技巧
  • React 快速上手 - 07 前端路由 react-router
    0. 安装 1. 先跑一个简单例子 2. 基础使用 BrowserRouter 是需要服务端配合, 是基于html5的pushState和replaceState的，很多浏览器不支持，存在兼容性问题。 需要匹配的将要被重定向路径。 若为真，重定向操作将会把新地址加入到访问历史记…
    React.js CSS 前端
  • react-redux 进阶
    Action 是把数据从应用（服务器响应，用户输入或其它非 view 的数据 ）传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() 将 action 传到 store。分下边两类. 是一个纯函数，接收旧的 stat…
    React.js JavaScript 前端
  • vue项目中使用token的身份验证的简单实践
    前端将token保存在本地中, 建议使用localstorage进行保存. 下次对服务器发送请求时, 带上本地存储的token 为通过则返回错误码, 提示保错信息, 然后跳转到登录页. 这里使用axios的拦截器，对所有请求进行拦截判断。 在后面的所有请求中都将携带token进…
    Vue.js
    vue项目中使用token的身份验证的简单实践
  • Web聊天工具的富文本输入框
    最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…
    JavaScript
  • 一个前端的2018总结，2019展望 | 掘金年度征文
    我是技术胖，我来参加征文了，其实我在2018年年底时，写过一篇总结文章了，看来是写早了。 2018年已经过去15天了，这是让人神往和欣喜的一年。既然是写给别人看的，就要有价值，所以本文不会唧唧歪歪说自己的收获，而是给别人带来了一些帮助的总结。 在这一年里，我录制了160多集视频…
    程序员
  • JavaScript 代码简洁之道
    测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。 代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。 本文并不是代码风格指南，而是关于代码的可读性、复用性、扩展性探讨。 可能同一个项目对于获取用户信息，会有三个不一样的命名…
    JavaScript
    JavaScript 代码简洁之道
  • Node 学习 -- jade
    jade(pug) 由于商标版权问题，Jade 已经改名为了 Pug,github 地址 https://github.com/pugjs/pug Jade 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用, 当然还支持其他语言。 文件后缀名为…
    Node.js