前端
关注
分享
扫一扫
文章平均质量分 69
霜如明月
这个作者很懒，什么都没留下…
展开
-
520来袭，程序猿的浪漫 - 前端情书
###前言虽然很多人认为我们不懂得浪漫，甚至情商为负，但是程序员浪漫起来，就真的没有了其他人什么事了。520即将到来，需要告白的同学们，要把握好机会，不要错过了。下面分享一篇我写的前端情书（10%的借鉴）窗外，雨敲残枝窗内，荧光灯和电脑屏幕交汇映影某一刻当键盘的清脆声音戛然而止是因为我突然想起了你我幼稚的想用new这个关键字把你定义成我的对象但我压缩了自己的爱因为我没...原创 2019-05-16 16:05:47 · 1561 阅读 · 0 评论 -
Nuxt.js开启SSR渲染的教程详解
第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。1.那服务器端渲染到底有什么好处呢？主要的原因时SPA（单页应用）不利于搜索引擎的SEO操作，Nuxt.js适合...原创 2019-01-28 17:10:49 · 4494 阅读 · 0 评论 -
新腾讯前端面试题：“大公司问的核心在于JavaScript”
腾讯面试对基础比较看重，然后需要你有两三个比较好的项目，一面重视面试者对前端基础的把握，还要手写代码，不过不难，二面部门的leader面，这一面比较难，面试官会对你的项目细节进行深挖，所以说项目要牛逼一点，最后还会有一道逻辑题，三面是HR面，如果你想进大公司的话，下面这些技术是肯定要掌握的：html5，css3，JavaScript，略懂一点jQuery源码，Node.js，express，mon...原创 2019-01-16 14:59:43 · 1601 阅读 · 0 评论 -
阿里P7谈：前端工程师的技术进阶点在哪里？
前端开发的难点到底在什么地方？这个问题是一个比较全能的JavaP7工程师提出来的,总结一下大家的回答：需求变化快,需要良好的复用、可拓展能力，否则动不动重写。兼容性问题,需要兼容各种移动设备的各种浏览器。CSS非正交,对于绝大多数人来说属于『玄学』。那么问题来了,普通前端工程师的技术进阶突破点在什么地方?有哪些方向可以突破,以后端为例全局方向: 做业务整体架构深度方向: 做性能调优、...原创 2019-01-15 17:49:26 · 2336 阅读 · 0 评论 -
axios携带cookie配置详解(axios+koa)
话不多说，一个字，干！前端配置如下：axios.defaults.withCredentials = true; //配置为true axios.post('http://localhost:3000/tpzdz/vote/all', { openid: 'oJ0mVw4QrfS603gFa_uAFDADH2Uc', date: '2018-11-21'}).then(functio...原创 2019-01-14 14:02:21 · 29661 阅读 · 0 评论 -
详解如何使用koa实现socket.io官网的例子
socket.io官网中使用express实现了一个最简单的IM即时聊天，今天我们使用koa来实现一下框架准备1.确保你本地已经安装好了nodejs和npm，使用koa要求node版本>7.62.在你需要的位置新建一个文件夹（官网的简单命名为chat-example）3.进入项目目录，创建package.json文件：{ "name": "socket-chat-example"...原创 2019-01-07 15:20:50 · 4464 阅读 · 0 评论 -
BAT面试官：一文带你读懂前端面试套路
名词解释程度副词对于不同程度的词，我的理解如下：精通：了解背后的原理和规范动手重写过实现代码可以以此为基础做二次开发掌握：曾在项目中大量使用过此技术可以自如的使用这项技术进行开发参与技术社区讨论或者写过相关文章熟悉：曾在项目中使用过通读过相关文档可以快速对相关问题定位到文档内容中了解：未在开发中使用过但写过Demo阅读过相关文档可以用五分钟时间向...原创 2019-01-17 15:45:31 · 1245 阅读 · 0 评论 -
浅谈“全栈工程师需要掌握哪些技能”
全栈工程师有很多种，以经典有Web开发体系中有：Java + JavaScript/css/htmlNodejs + JavaScript/css/html其他服务端语言 + JavaScript/css/html本次给大家推荐的就是用 Nodejs + JavaScript/css/html成为全栈的学习路线。第一阶段：web网页基础第二阶段：web编程基础第三阶段：we...原创 2019-01-10 16:54:25 · 5771 阅读 · 0 评论 -
ES6系列之私有变量的实现
前言在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。1. 约定实现class Example { constructor() { this._private = 'private'; } getName() { return this._private }} var ex = new Example();...原创 2019-01-04 19:37:58 · 1006 阅读 · 1 评论 -
手把手教你用promise封装ajax
用promise封装ajax<pre style="-webkit-tap-highlight-color: transparent; box-sizing: border-box; font-family: Consolas, Menlo, Courier, monospace; font-size: 16px; white-space: pre-wrap; position: rela...原创 2018-12-30 18:16:01 · 1182 阅读 · 0 评论 -
详解ES6 Fetch API HTTP请求实用指南
本次将介绍如何使用Fetch API（ES6 +）对REST API的 HTTP请求，还有一些示例提供给大家便于大家理解。注意：所有示例均在带有箭头功能的 ES6中给出。当前的Web /移动应用程序中的一种常见模式是从服务器请求或显示某种数据（例如用户，帖子，评论，订阅，付款等），然后使用CRUD（创建-Create，阅读-Retrieve，更新-Update或删除-Delete）操作。为了...原创 2018-12-28 22:10:54 · 812 阅读 · 0 评论 -
ES6 fetch函数与后台交互实现
最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询.1.RN官方文档中,可使用XMLHttpRequestvar request = new XMLHttpRequest();request.onreadystatechange = (e) = >{ if (reque...原创 2018-12-28 20:50:51 · 1479 阅读 · 0 评论 -
TypeScript基础入门教程之三重斜线指令详解
前言TypeScript是Javascript的超集，实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript。三斜杠指令是包含单个XML标记的单行注释。 注释的内容用作编译器指令。三斜杠指令仅在其包含文件的顶部有效。 三重斜杠指令只能在单行或多行注释之前，包括其他三重斜杠指令。 如果在声明或声明之后遇到它们，则将它们视为常规单行注释，并且没有特殊含义。...原创 2019-02-28 14:34:59 · 1191 阅读 · 0 评论 -
一行命令更新所有 npm 依赖包
npm 包的更新速度很快，为了将项目或者全局依赖更新到最新版本。传统的做法是一个一个更新，比如更新 react 到最新版本，命令如下：# npmnpm i --save react@latest# yarnyarn add react@latestyarn 是 facebook 发明的新一代 js 包管理器，支持离线使用。这是 npm 与 yar...原创 2019-05-15 14:09:15 · 3832 阅读 · 0 评论 -
Chrome 性能监测
前端性能优化一直是前端工作中必不可少的一部分，但是我们如何知道哪些部分的性能有优化的空间呢？此时，Chrome 性能监测就派上用场了。正所谓：知己知彼，百战百胜，只有确定了性能瓶颈，才能有条不紊地进行前端性能优化工作。PerformancePerformance 是 Chrome 开发者工具中的一个功能，用于记录网页从初始化到运行时的所有性能指标。使用 Performance 之前，我们需...原创 2019-05-14 22:24:47 · 760 阅读 · 0 评论 -
你不知道的浏览器渲染原理
前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。...原创 2019-05-07 14:00:18 · 486 阅读 · 0 评论 -
一张图搞懂Ajax原理
原理说起ajax，就不得不说他背后的核心对象XMLHttpRequest，而说到XMLHttpRequest我觉得，从它的readyState状态说起是最好的切入点。个人觉得，只要弄清楚了readyState的这几个状态，其实ajax的原理也就算弄清楚了。为了更方便您理解，笔者特意画了一张状态图。您只需要看懂这张图ajax原理，您就算通关了；并且很难忘记。首先let xhr = n...原创 2019-05-19 15:05:50 · 1581 阅读 · 2 评论 -
Koa日志中间件封装开发详解
对于一个服务器应用来说，日志的记录是必不可少的，我们需要使用其记录项目程序每天都做了什么，什么时候发生过错误，发生过什么错误等等，便于日后回顾、实时掌握服务器的运行状态，还原问题场景。日志的作用记录服务器程序运行状态；帮助开发者快速捕获错误，定位以及决解故障。日志中间件开发工具log4js在node当中没有自带的日志模块，所以需要使用第三方模块使用模块：log4js安装：&nb...原创 2019-04-18 15:41:23 · 585 阅读 · 0 评论 -
从前端到未来，前端发展闲聊
1. 前情提要毋庸讳言，在我刚工作的时候，前端是还是一个不受重视的岗位。切图狗，写网页的这种侮辱性绰号绑在前端开发身上。我自己体验到的一个很明显的标志是：招聘网站上，前端开发的工资是其他开发工资的90%甚至更低。在知乎一个2011年的前端地位问题（《如何改善国内前端开发行业的尴尬地位？》）中，包括贺师俊老师都承认这种尴尬确实存在。但是，30年河东30年河西，到了2018年，前端已经成了炽手可热...原创 2019-04-20 17:13:25 · 8430 阅读 · 7 评论 -
那些大佬公司的前端面试都喜欢问些什么？
英文原文：http://davidshariff.com/blog/preparing-for-a-front-end-web-development-interview-in-2017/在过去的几年里，我在亚马逊和雅虎面试过很多专注于前端开发的 Web 开发者和软件工程师，在这篇文章中，我想分享一些面试技巧，帮助候选人为面试做好准备。免责声明——本文并非旨在列出在前端面试中可能会被问到...原创 2019-04-02 16:44:10 · 1518 阅读 · 0 评论 -
async/await的错误处理方法总结与优化
前言node.js的世界，从callback开始，不会止于async.本文将给大家详细介绍关于async/await优雅的错误处理的相关内容，下面话不多说了，来一起看看详细的介绍吧async/await的错误处理一般情况下 async/await 在错误处理方面，主要使用 try/catch，像这样const fetchData = () => { return new Prom...原创 2019-03-28 21:06:47 · 16769 阅读 · 3 评论 -
阿里P7解析“前端开发的难点到底在哪里？”
不同级别的前端面临的难点各不相同，不可一概而论；业务开发的前端难点在于对业务的理解和把控能力；平台开发的前端难点在于产品化的把控和推进能力。观点1：不同级别的前端面临的难点各不相同，不可一概而论。其他回答有说 CSS 难，有说 CSS 不难的，每个人水平不同，这样争论毫无意义。我刚学前端时觉得 JS/CSS/浏览器兼容问题都很难，现在觉得也就那样，因为前端路子广，办法总比问题多。后来...原创 2019-04-01 21:40:59 · 8414 阅读 · 2 评论 -
vuex实现及简略解析(小结)
大家都知道vuex是vue的一个状态管理器，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。先看看vuex下面的工作流程图通过官方文档提供的流程图我们知道，vuex的工作流程，1、数据从state中渲染到页面；2、在页面通过dispatch来触发action；3、action通过调用commit,来触发mutation；4、mutation来...原创 2019-03-26 14:36:16 · 1975 阅读 · 0 评论 -
深入浅析angular和vue还有jquery的区别
angularjs简单介绍和特点首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框...原创 2019-03-05 15:50:46 · 809 阅读 · 0 评论 -
初入职场，前端程序员，如何做好职业规划
程序员初入职场如何应对浮躁，初入职场的新人常常很难将工作做得持久，尤其是试用期的3至6个月内跳槽现象频繁出现，这段时间常常被称为职业的浮躁期。对于浮……初入职场的新人常常很难将工作做得持久，尤其是试用期的3至6个月内跳槽现象频繁出现，这段时间常常被称为职业的浮躁期。对于浮躁的状态，大多新人都不在意，认为工作随心选择，有些新人则把责任全推自己身上，渐渐对自己产生了怀疑。其实，新人出现职场浮躁的心态...原创 2018-12-27 17:15:17 · 2438 阅读 · 0 评论 -
深入理解 Koa 框架中间件原理
Node 主要用在开发 Web 应用，koa 是目前 node 里最流行的 web 框架。在 Node 开启一个 http 服务简直易如反掌,官网 demo。const http = require("http"); const server = http.createServer((req, res) => { res.statusCode = 200; res.setHead...原创 2018-11-27 21:20:06 · 763 阅读 · 0 评论 -
Promise.all中对于reject的处理方法
写了个小爬虫，用axios.all同时请求多个页面时，国内网络的原因很容易就超时然后reject了，佛系resolve不可取啊，然后想到可以实现一个“重发失败请求”的功能。Promise.all(requestPromises).then(…).catch(…) 会在所有requestPromises都resolve时才会进then方法，并且把所有结果以一个数组返回。只要有一个失败，就会进cat...原创 2018-11-22 19:36:49 · 3583 阅读 · 0 评论 -
Koa项目搭建过程详细记录
Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等。Koa一定程度上可以说是Express的升级版。许多Node JS项目已开始使用非关系型数据库(MongoDB)。Sequelize对非关系型数据库(MSSQL、MYSQL、SQLLite)做了支持。Koa项目构建cnpm...原创 2018-11-15 21:32:14 · 1523 阅读 · 0 评论 -
为什么只会Vue的都是前端小白
今天看见一个讨论比较火热的问题，为什么只会vue的都是前端小白？大家各有各的说法，毕竟每个人心中都有自己那一杆衡量的秤。根据大家提出来的问题，我总结了下面几点吧：1、如果他只会Vue，那他就真的只会这一个东西了。但是，如果他同时还会Angular或者其它一些前端框架，一般就意味着这个人的性价比会非常高。首先，如果他会Angular，那么降低一个维度去写Vue是完全没有问题的，毕竟Vue里面大部分...原创 2018-10-31 15:34:19 · 6184 阅读 · 2 评论 -
js如何发送wss协议的请求，以及接受服务器返回的数据
今天遇到问题，以往都是请求http协议的url，现在请求变成了wss的，用以前那种ajax的方式不可以发送和接受。然后查阅相关资料解决了这个问题，在这记录一下解决办法，使用的是websocket。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...原创 2018-10-20 17:49:39 · 5306 阅读 · 1 评论 -
一份全面的React、Angular和Vue.js比较指南
对于开发人员而言，选择技术栈有时是一件相当棘手的任务。因为您需要综合考虑诸如：预算、时间、应用大小、最终用户、项目目标、以及可用资源等多方面因素。无论您是初学者、开发人员、自由职业者还是项目架构师，只有详细了解了每种框架的优、缺点，才能做出明智的决定。因此，本文不会简单地帮您选择出所谓最好的框架，而是完全由您的项目范围和框架适用性，来决定自己的选择结果。当然，本文旨在帮助您更好地理解每一种框架的...原创 2018-09-30 16:50:20 · 1367 阅读 · 0 评论 -
js中return；return true return false 的区别
return 定义:return 语句会 终止函数的执行 并 返回函数的值。注意这两个： 1.终止函数的执行 2.返回函数的值返回函数的值这里就不过多叙述了，就是 return 变量先看下面的例子：<!DOCTYPE html><html><head> <title>return测试&l...原创 2018-10-18 22:29:27 · 16703 阅读 · 3 评论 -
css菜鸡的自我救赎
css菜鸡的自我救赎0. 前言作为一个不喜欢写样式的前端，遇到了直接对外的活动页面的需求，一下炸出一堆问题：单位乱用，rem、vh、vw、px乱用甚至混在一起用html冗余，有时候一个div只是为了取margin一个页面用多种布局方案，flex、float、relative+top、absolute+top、margin，自己坑自己各种随意，不严格按照视觉稿 理论倒是熟悉，但用起来还...原创 2018-10-18 21:59:51 · 703 阅读 · 2 评论 -
Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？
现在前端三架马车Angular、React、Vue各有所长。Angular从一开始就带有很明显的工程化血统，齐全的cli命令，背靠TypeScript，涉及模块、服务以及指令等概念，使用后端的依赖注入思想，特有模板语法。React和Vue就"轻"很多，React甚至只是一个UI库，他们共同的一个思想就是，做好且只做好。1.1Angular、React、Vue三选一，前端工程师更青睐使用哪款框架...原创 2018-09-30 10:15:38 · 477 阅读 · 0 评论 -
前端开发必知的ES610个特性
ES6，正式名称是ECMAScript2015，但是ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准，但是它已经广泛用于编程实践中。如果你还没用过ES6，现在还不算太晚…下面是10个ES6最佳特性，排名不分先后：函数参数默认值模板字符串多行字符串解构赋值对象属性简写箭头函数PromiseLet与Const类模块化函数参数默认值不使用ES6为函数...原创 2018-12-01 17:07:25 · 1284 阅读 · 0 评论 -
前端程序员的日常与心酸
程序员一般待遇优厚，工作自由，那么程序员的周末在干什么，据统计程序员为什么没对象？笨啊，你在大学干什么了啊，当时是不是就泡电脑了啊程序员最怕的就是bug，半夜被叫起来修改bug常有的事程序员最讨厌的人？产品经理无疑了，几次需求变更弄死你程序员缺钱吗？谁不缺钱？程序员买衣服在哪儿？反正我是靠我媳妇给买了，买什么穿什么………程序员每天挣得那点钱准备娶媳妇用，那我们的交通工具是什...原创 2018-11-28 20:23:58 · 8346 阅读 · 5 评论 -
ES6与CommonJS中的模块处理的区别
ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。为了方便两种方式的测试，使用nodejs的环境进行测试CommonJS的模块处理使用require来引入其他模块的代码，使用module.exports来引出// exportDemo.jscount = 1;module.exports.count = count;module.exports.H...原创 2018-12-15 21:38:11 · 598 阅读 · 0 评论 -
一个前端程序员的日常生活
程序员的生活很简单，天天对着电脑，偶尔休息了也在家看看电影，打打游戏，作为一枚前端，我简单的说下，我这天天的生活吧早上起来的时候，一般都是8:30上班，然后定闹钟定到6:30一个6:40一个6:50一个然后到7:00的时候再响就开始抱怨，今天晚上一定要早点谁，然后起来，穿衣服，上厕所，刷牙洗脸，二十分钟搞定。在路边买两个包子，然后去挤公交或者地铁，人山人海啊正好8:30到公司，好不容易来...原创 2018-12-20 22:30:14 · 23211 阅读 · 25 评论 -
深入解析ES6中的迭代器(Iterator)和生成器(Generator)
用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素迭代器的使用可以极大地简化数据操作，于是ES6也向JS中添加了这个迭代器特性。新的数组方法和新的集合类型(如Set集合与Map集合)都依赖迭代器的实现，这个新特性对于高效的数据处理而言是不可或缺的，在语言的其他特性中也都有迭代器的身影...原创 2018-12-26 15:41:28 · 505 阅读 · 0 评论 -
es6之class 基本用法解析
javaScript 语言中，生成实例对象的传统方法是通过构造函数,与传统的面向对象语言（比如 C++ 和 Java）差异很大，ES6 提供了更接近传统语言的写法，引入了 class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。es6 class 与es5的面向对象的区别：写法不同，使用关键字class2.当new一个实例，默认有一个constructor方法，且默认...原创 2018-12-06 17:56:48 · 417 阅读 · 0 评论