前端
关注
分享
扫一扫
文章平均质量分 79
qq_36320160
这个作者很懒，什么都没留下…
展开
-
2018web前端面试总结
从今年3月份开始面试笔试找实习找校招到现在也半年多了，拿到了不少offer，也有了自己的一点心得体会，这里写出来分享一下，拙见勿喷。 注意一下，以下的观点仅代表我个人的体会不代表任何人任何组织和任何公...转载 2019-09-25 11:28:15 · 139 阅读 · 0 评论 -
回流VS重绘
回流（Reflow）重绘（Repaint） 从最初接触css和html的时候，就听说过回流和重绘，当时只是简单的知道一个是尺寸位置等变化引起，另一个是因为外观样式变化引起，并没有做深入的考究，究竟哪些...转载 2019-09-25 11:57:33 · 105 阅读 · 1 评论 -
洞察 video 超能力系列——玩转 flv
从2016年10月(Chrome 54)开始，Chrome不再内置flash，而是改为用户第一次访问flash资源时提示安装。从Chrome62开始，不再提供“click to play的选项”，改为...转载 2019-09-25 14:07:33 · 323 阅读 · 0 评论 -
对象解构与点操作访问究竟谁快
随着ES6标准的正式实行，我们又多了一种访问Object属性的方法，那就是对象解构，举个栗子???? const obj = {a:1, b:'hello world'};// 从前我们是这样访问的...转载 2019-09-25 14:27:14 · 138 阅读 · 1 评论 -
vue-cli 默认路由再子路由选中下的选中状态问题
因项目需求，需要在默认路由下面的两个子路由进行切换，当开始以为不就是路由切换？so easy！想象很丰满，现实很骨感！那就看一下遇到的问题吧！ {path: '/',component: resolv...转载 2019-09-25 14:51:18 · 364 阅读 · 0 评论 -
如何绘制一个类甘特图 (附源码)
作者简介 Kid 蚂蚁金服·数据体验技术团队 本文介绍如何从头绘制一个业务图表以及对于通用性上的一些思考。代码在最后也会给出。 效果演示 先看下组件的最后效果 要画图，当然是先找找看有没有能够直接拿来...转载 2019-09-25 15:08:29 · 1135 阅读 · 0 评论 -
Vant - 高效的 Vue 组件库，再造一个有赞移动商城也不在话下
Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近...转载 2019-09-25 15:26:21 · 796 阅读 · 1 评论 -
剖析nodejs的事件循环
本文首发在github，感兴趣请点击此处 nodejs是单线程执行的，同时它又是基于事件驱动的非阻塞IO编程模型。这就使得我们不用等待异步操作结果返回，就可以继续往下执行代码。当异步事件触发之后，就会...转载 2019-09-25 15:45:19 · 97 阅读 · 0 评论 -
canvas 奇巧淫技（二）绘制箭头路径效果
前几天有很多人问到了如何绘制高德地图那样的导航箭头线效果，当时想了想并不难就先用canvas 做了，然后集成到mapbox 上，迁移到其他map lib 也只需要应用相应的地理转屏幕坐标函数。 线的绘...转载 2019-09-25 16:02:03 · 1033 阅读 · 1 评论 -
今天这个仇先记下来了
引言 最近这个记仇图片在我的一些群里出现次数相当高，朋友们都会去用修图软件去改下面的文字，作为一个前端党就在想能不能更加便利一点，一开始想用 canvas 去画文字，后来就偶然搜到了 html2can...转载 2019-09-25 16:24:42 · 103 阅读 · 0 评论 -
不依赖relative的绝对定位absolute
在没有深入了解absolute之前，我在使用absolute定位属性的时候，一直都是会给父元素或者祖先元素设置position:relative定位属性，以及设置absolute定位元素的top/ri...转载 2019-09-25 16:45:19 · 519 阅读 · 0 评论 -
阿里、网易、滴滴共十次前端面试碰到的问题
前一段时间一直在不断地面试，无奈个人技术能力有限、项目经验缺乏，最终都没有进入到HR面试环节，全~~挂~~了~~ 面试了这么多，结果不是太好，有点儿受打击，也促使我近期静下心来反思自己的问题：哪些技术...转载 2019-09-25 17:13:19 · 121 阅读 · 0 评论 -
HTML5 桌面通知：Notification API
前言 Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显...转载 2019-09-25 17:31:18 · 259 阅读 · 0 评论 -
[译] 用 Workers 让静态网站动态化
原文地址：Using Workers To Make Static Sites Dynamic 原文作者：Guest Author 译文出自：掘金翻译计划 本文永久链接：https://github....转载 2019-09-25 17:56:14 · 246 阅读 · 0 评论 -
滴滴后市场前端技术体系
经过两年的发展，作为汽车后市场各业务重要支撑的前端团队，随着业务的不断发展，从无到有，从基础到完善，沉淀了支撑业务的前端技术体系。 背景 对于技术体系建设，我们是想通过一些方法论，基础设施，形成一个体...转载 2019-09-25 18:16:51 · 334 阅读 · 0 评论 -
谈谈 React 新的生命周期钩子
在 React 16.3 中，Facebook 的工程师们给 React 带来一系列的新的特性，如 suspense 和 time slicing 等，这些都为 React 接下来即将到来的异步渲染机...转载 2019-09-25 18:32:28 · 171 阅读 · 0 评论 -
vue-router中scrollBehavior的妙用
1. keep-alive 问题: 使用keep-alive标签后部分安卓机返回缓存页位置不精确问题 解决方案: <div id="app"> <keep-alive> <rout...转载 2019-09-25 18:55:23 · 1102 阅读 · 0 评论 -
微信小程序性能优化
前言 2018年7月份微信公开课上的小程序专场中“小程序性能优化”模块中提到了小程序性能优化方面的知识，其中从启动加载性能优化和渲染性能优化两个方面进行了阐述，提到了日常我们开发中如何去提高小程序的性...转载 2019-09-25 19:16:35 · 168 阅读 · 0 评论 -
聊聊web缓存那些事！
在说缓存那些事之前，必须对http常用的状态码有一些简单的了解： 200 请求已成功，请求所希望的响应头或数据体将随此响应返回。出现此状态码是表示正常状态 304 Not Modified 强制缓存 ...转载 2019-09-25 20:05:22 · 85 阅读 · 0 评论 -
丁香园样式库DXY-UI正式开源！
DXY-UI 是什么？ 一套适用于桌面端的样式库，包含文本、列表、表格、表单、栅格系统等基础样式和十余个组件，兼容主流浏览器及IE10+。 DXY-UI 专注于样式，不涉及组件，无“侵入性”，独立于项...转载 2019-09-25 20:22:42 · 4913 阅读 · 0 评论 -
染陌的 2017 年度总结
写在前面 看到了死月、doodlewind、佳楠等朋友都写了关于 2017 的年度总结，总觉得自己也应该写点东西来回首过去的一年，顺便展望一下未来的 2018 年。 由于之前忙于撰写《剖析 Vue.j...转载 2019-09-25 20:52:21 · 134 阅读 · 0 评论 -
用Vue实现海报排版设计功能
一、前言 本来想做个微信小程序，实现一键生成海报图片（可替换文字、图片，不需要用户排版），所以后台管理系统上需要实现一个制作海报模板的功能（“简单版ps”），写了挺长时间的，逻辑太多了，现在写得差不多...转载 2019-09-25 21:43:13 · 1561 阅读 · 1 评论 -
一次痛苦又甜蜜的微信支付踩坑之旅
凡是和钱打交道的事，没有一样是容易的。这是我第一次接触微信支付，发现网上还是有很多同学在求助，XXX了怎么办？XXX是什么情况？为了帮助更多的小伙伴脱离“苦海”，我决定写下这次的踩坑之旅，给更多的人帮...转载 2019-09-25 22:05:41 · 300 阅读 · 0 评论 -
Vue.js中的MVVM
MVVM的理解 MVVM拆开来即为Model-View-ViewModel，有View，ViewModel，Model三部分组成。View层代表的是视图、模版，负责将数据模型转化为UI展现出来。Mod...转载 2019-09-25 22:23:43 · 205 阅读 · 0 评论 -
【开源】Skatch 正式发布 - 极速渲染抽象派草图
极速渲染抽象派草图 DEMO Simple Letter 简介 Skatch 这个词由 sketch wechart abstract cax 混合而成的一个新词，代表了cax wechart 抽象艺...转载 2019-09-25 22:43:30 · 157 阅读 · 0 评论 -
前端面试经
题图：Pixabay 上上个礼拜闲着没事儿，公司项目也告一段落，打酱油打了快半个月，感觉在温水煮青蛙。请了几天假出去面试了几家公司，周一到周三一天面试一家。本着能过则过不过则矣的心态去试试自己神马水平...转载 2019-09-25 23:12:54 · 100 阅读 · 0 评论 -
10行代码实现页面无限滚动
背景： 由于网页的执行都是单线程的，在JS执行的过程中，页面会呈现阻塞状态。因此，如果JS处理的数据量过大，过程复杂，可能会造成页面的卡顿。传统的数据展现都以分页的形式，但是分页的效果并不好，需要用户...转载 2019-09-25 23:33:12 · 523 阅读 · 0 评论 -
JavaScript进阶（一）--执行上下文
在下工科生一枚，自认为文笔烂大街！本着总结 JavaScript原理知识，提升自我写作水平的目的，提笔写下这几篇文章，喷子们高抬贵手????。写作过程中本系列过程中，我会尽快写完全部内容，再回过头来优化补...转载 2019-09-25 23:58:44 · 129 阅读 · 0 评论 -
Javascript 是如何检查一个存在的、非空的字符串？
如题你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。 if(typeof unknownVariable ==='string' && unknownVariable.l...转载 2019-09-26 08:31:04 · 150 阅读 · 0 评论 -
vue项目中对axios的二次封装
近来在使用vue重构公司m站时，使用了axios来进行数据的请求，由于项目的需要，对axios进行了二次封装，点击进入axios //引入axiosimport axios from 'axios'...转载 2019-09-26 08:51:31 · 401 阅读 · 0 评论 -
（干货）微信小程序转发好友
今天简单地说下微信小程序的转发功能，为什么要简单的说下呢，因为主要讲的就是转发给好友或者群组，还有一种是分享到朋友圈，这种就比较复杂一点了，先稍微透漏一点，分享到朋友圈主要是两种方法，一种是后台直接生...转载 2019-09-26 09:11:41 · 733 阅读 · 1 评论 -
从前端工程师到前端架构师, 我们经历了什么?
前言 前端架构师, 听起来就是个很高大上的 Title, 每个初入行的前端工程师在面试时, 被问到你未来的方向是什么? 我们或许都会很顺口的回答, "嗯, 朝着架构方向走吧...", 那这个像是顺口溜...转载 2019-09-26 09:29:18 · 496 阅读 · 0 评论 -
【JSConf EU 2018】Ryan Dahl: Node.js 的设计错误
在稍早前的 JS Conf Berlin 上，被称为 Nodejs 之父的 Ryan Dahl 发表了《10 Things I Regret About Node.js》演讲，并且发布了新项目 Den...转载 2019-09-26 09:52:22 · 485 阅读 · 0 评论 -
探索 PM2 Cluster 模式下 Log4js 日志丢失
Node 应用为单线程应用，JS 虽可利用异步 I/O 避免线程阻塞，但无法利用多核 CPU 的优势提升运行效率，提高吞吐量仍需多线程。Node Cluster 可产生多个工作线程共享同一 TCP 连...转载 2019-09-26 10:14:13 · 417 阅读 · 0 评论 -
小程序开发，那些我们跳过的坑
最近，微信小程序扫码签到工具正式上线了。 回首过去一个月的历程，是时候该停下来做个阶段性的总结了，回顾得失，以便持续改进。这篇文章，就总结一下过去跳过的那些坑吧。 这些坑大致可以归为如下几类： 小程序...转载 2019-09-26 11:25:22 · 180 阅读 · 0 评论 -
小程序实现长按删除图片
小程序实现长按删除图片 说明 最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹 需求: 长按删除指定图片 需要解决的问题 长按事件如何表示出来? 如何获取当前长按元素的下标? 如何...转载 2019-09-26 11:46:51 · 286 阅读 · 0 评论 -
Node-Web-Console——基于 Node.js 的网页版 shell
Node-Web-Console（以下简称 NWC）是一个基于 Node.js 开发的网页版 shell 应用，其想法来源于实验室 SDN 相关项目的一次组会讨论，需求大致是在网页中嵌入 shell，...转载 2019-09-26 14:10:29 · 371 阅读 · 0 评论 -
Vue 组件通信之 Bus
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 因为基...转载 2019-09-26 14:36:35 · 90 阅读 · 0 评论 -
用Vue.js开发原生应用选择Weex还是NativeScript?
Vue.js是一个很好的框架！它有一个友好的学习曲线，结合了最好的React的组件方法和Angular的模板。尽管如此，Vue.js仍然有一个限制，它还不能像React的React Native，Vu...转载 2019-09-26 14:54:12 · 329 阅读 · 0 评论 -
GraphQL 中文官网 | 掘金翻译计划
GraphQL 中文官网上线啦 造福国内开发者的又一大好事来啦，GraphQL 中文官网上线啦： graphql.cn github.com/xitu/graphql.github.io 本次翻译由掘...转载 2019-09-26 15:11:29 · 272 阅读 · 0 评论