20180925 前端开发周报-前端开发博客

js浅拷贝与深拷贝方法；记录一下js光标位置及复制和剪切板；一文看懂Web服务器、应用服务器、Web容器、反向代理服务器区别与联系；干货分享：vue2.0做移动端开发用到的相关插件和经验总结；22行代码的JS脚本导致英国航空公司38万乘客数据泄露；Vue常见面试题整理；我的大前端之旅；五分钟减轻你的前端应用 ﹣ day.js 篇

js浅拷贝与深拷贝方法js有五种基本数据类型，string,number,boolean,null,undefind。这五种类型的赋值，就是值传递。对象的赋值是将对象地址的引用赋值。这时候修改对象中的属性或者值，会导致所以引用这个对象的值改变。如果想要真的…
记录一下js光标位置及复制和剪切板前言关于光标位置，copy与剪切板等，博客中总结的比较少，翻了一下，很久之前做编辑器的时候，有类似文字 javascript获取iframe中光标所在位置的父节点名称，但是和今天总结的这个还不太一样。由于项目中用到在input某个光标之后动态插入宏，用到了光标位置。在这里记录一下。光标位置后插入其实光标位…
【一文看懂Web服务器、应用服务器、Web容器、反向代理服务器区别与联系】我们知道，不同肤色的人外貌差别很大，而双胞胎的辨识很难。有意思的是Web服务器/Web容器/Web应用程序服务器/反向代理有点像四胞胎，在网络上经常一起出现。详见（来自：帅虫哥）
干货分享：vue2.0做移动端开发用到的相关插件和经验总结最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分…
22行代码的JS脚本导致英国航空公司38万乘客数据泄露 9月6日，英国航空公司（ British Airways，以下简称英航）发布声明称因遭黑客攻击从而导致其乘客数据被盗。在 BBC的采访中，英航指出，经初步调查，约有38万乘客数据在此交数据泄露事件中受到影响，这些被盗数据信息包括个人基本信息和付款记录，但不包括个人护照信息。随后，英航在其网站上发表了一篇文章，解释…
Vue常见面试题整理摘要：Vue开发者不妨温习一下。原文： Vue面试中，经常会被问到的面试题/Vue知识点整理地址： https://segmentfault.com/a/1190000016344599 作者：沉静地闪光本文经授权转载，仅用于学习，版权归原作者所有。看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试…
我的大前端之旅半年没有更新文章了，甚是惭愧很荣幸，4月份我通过了高德地图的面试，加入了阿里大家庭。这段时间一直在忙着适应新的工作环境，学习新的技术栈，所以没有输出文章（PS:其实是懒）。先明确一下写这篇文章的目的，相信大前端这个词大家都不陌生了。这个技术迭代越来越快的时代，市场对工程师的技术素质提出了新的…
五分钟减轻你的前端应用 ﹣ day.js 篇前言在處理時間日期的時候，除了使用原生的函數之外，便是強大的 Moment.js。不過，它的重量經常是打包體積過大問題的兇手。因而，轉而使用輕量的 day.js 的話，能夠大大省下用戶需要加載的體積，加速網站加載速度。特點
那些必会用到的 ES6 精粹从接触 vue 到工作中用到 vue 将近 2 年了，在开发 vue 项目中用到了很多 es6 的 api ，es6 给我的开发带来了很大便利。
5 分钟学习一些优雅的 JavaScript 技巧原文： Learn these neat JavaScript tricks in less than 5 minutes 作者：Alcides Queiroz 5 分钟学习一些优雅的 JavaScript 技巧 —— 专业的省时技巧 1. 清空或截取数组一个简单的清空或者截取数组的方法，就是修改它的 length 属性： const arr = ; // 截取 arr….
Vue：学习笔记-介绍 17年上半年，学习了一些Vue的知识，但是现在反观回去，感觉在那个时候，因为着急做项目，很多东西消化的不够清楚，这一点同样体现在对angular的学习上，现在有点时间进行修整，那就花点时间去好好整理一下。正文 Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. U…
前端小团队建设一、命名规则（英文-直译） 1、文件命名文件夹/文件的命名统一用小写保证项目有良好的可移植性，可跨平台相关参考 2、文件引用路径因为文件命名统一小写，引用也需要注意大小写问题 3、js变量 3.1 变量命名方…
你所要知道关于 Node.js Streams 的一切 Node.js的stream模块是有名的应用困难,更别说理解了。那现在可以告诉你,这些都不是问题了。多年来,开发人员在那里创建了大量的软件包,其唯一目的就是…
前端程序员不知道的14个JavaScript调试技巧，你知道几个？技术领域总是充满着神秘的未知和挑战，有趣又令人不能自拔。就像 JavaScript，即使是每天使用它进行开发交互的开发人员，而语言的某些部分仍然未被开发。了解工具可以使工具最大限度的帮助你完成任务。尽管JavaScript的调试非常麻烦，但在掌握了技巧 (tricks) 的情况下，依然可以用尽量少的的时间解决这些错误 (error…
JS的分号可以省掉吗？摘要： JavaScript语言从设计之初就是考虑带分号的，使用不带分号的编码规则就要小心点啦。背景最近在项目中开始使用新的编码规范，一开始ESLint报一大堆错误，改得我想砸键盘，花了好些时间才适应，下面列出一些代表性的规则：
Per.js：快速、简便的响应式 JavaScript 开发框架此项目已经启用了码云gitee page服务，使用“ http://per-js.skyogo.com/版本号/Per.js ”链接即可在线获取JS文件【你也可以把版本号替换成“new”，这样就能直接链接到最新发行版的Per.js，类似：“ http://per-js.skyogo.com/new/Per.js ”】同时欢迎查看和Vue.js的速度对比：https://gitee.com/skyogo/Per.js/blob/master…
你可能不需要Moment.js Moment.js是一个很棒的时间和日期库，具有许多牛X的方法，平时npm install了之后就是干，但是如果您的Web应用程序对性能上有很高的要求，可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 Moment存在的一些问题它高度基于
前端重构范式之 position 本文由 Rhyme、Captain 发表在 ScalaCool 团队博客。本文旨在让你更深入地了解position,并为你提供一套使用position的范式，为你使用position提供一点建议和参考。在此之前先让我们来看看 learncss 中文文档中
前端代码规范工程化实践指南现代前端技术飞速发展，前端已进入了以效率和质量为核心的工程化时代，各种自动化工具和技术的使用大大提高了开发效率。在团队协作中，编码规范至关重要，统一的编码规范可以降低代码维护的成本，但是，纯手工检查代码规范费时费力且难以保证准确性，因此，针对代码规范的自动化工具应运而生，从最早的JSLint，到JSHint…
Nodejs爬虫，使用cheerio+request+phantomjs实现超简单爬虫之前写过golang里比较好用的爬虫工具是 goquery 今天来介绍一下nodejs里的爬虫创建项目使用npm初始化一个nodejs项目 # 创建一个文件夹 crawling mkdir crawling # 进入文件夹并初始化 cd crawling npm init 安装依赖 yarn add cheerio request iconv-lite cheerio 像jquery一样用来解析网…
[vuejs 踩坑实战系列] keep-alive 被 beforeRouteEnter 骗了大家中秋假期快乐，假期分享一些实战文章给大家，原创不易，欢迎转发，一起学习现在大家基本都在单页应用里面使用了 keep-alive 来缓存不活动的组件实例，而不是销毁它们。如果你还没有使用，可以看看官方的介…
【前端要凉？微软开源的Sketch2Code碉堡了！草图秒变HTML代码】用户界面设计过程涉及到许多创造力的迭代，这个过程通常从一张白纸上开始，设计师和工程师分享彼此的想法，尽力设计出客户想要的场景或工作流程。详见
前端面试题大集合：来自真实大厂的532道面试题(只有题，没有答案)面试题是来自微博@牛客网发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题仅做学习参考，学习者阅后也要用心钻研…
HTML5 视频播放(video),JavaScript控制视频 <html lang="en"> <head> <meta charset="UTF-8"> <title>Documenttitle> <style> figcaption { text-align: center; line-height: 150px; font-family: "Microsoft Yahei"; font-size: 24px; } .player { width: 720px; height: 360px; margin: 10px a…
JavaScript 数据类型检测终极解决方案 JavaScript 的数据类型检测是我们平时开发中经常会遇到的场景，小到基本数据类型大至各种引用数据类型的检测，都是我们需要掌握的知识点。本章会详细讲解 JavaScript 中各种不同数据类型的检测方法以及最后会实现一个数据类型检测的终极方法。红宝石书告
读完这篇文章，就能拥有炫同事一脸的超能力：JavaScript 魔幻代理上小学的时候，李小红来你家叫你出去玩，第一个回应的不是你自己，是你妈：“王小明在家写作业，今天不出去！”
前端每日实战：140# 视频演示如何用纯 CSS 创作文本的淡入动画效果（并祝大家中秋节快乐）效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
高性能JavaScript之加载和执行
bootstrap+Ajax+SSM(maven搭建)表单增删改查
Vue+Koa+Mongodb 小练习 vue全家桶的使用在vue中使用axios，并配置它 koa与mongoose的基本使用 jsonwebtoken的使用以及前后台鉴定登录注：本文面对刚学vue或者koa不久或者想了解一个简单的前后台交互的问题的同学，涉及基础。预览感兴趣的问题我在代码里面写了很多的注释方便阅读，这…
前端阶段性总结（二）：页面渲染机制与性能优化引言：转前端一年了，期间工作较忙，也没时间整理一些知识体系，此系列文章是对前端基础的一些回顾与总结。本文主要介绍浏览器工作的原理以及一些优化手段。
初识react(四) react中异步解决方案之 redux-saga 回顾初识react(一) 揭开jsx语法和虚拟DOM面纱初识react(二) 实现一个简版的html+redux.js的demo 初识react(三)在 react中使用redux来实现简版计数器今天demo是实现一个异步的计算器，探究redux-
美菜无线前端架构模型 “防守姿态的前端驱动模型已经无法支撑一个前端人、一个前端团队在未来的生存，因为工作效率的提升，不需要这么多低价值的前端，也不需要企业去养一个低价值的团队。一个进击的模型才能支撑未来一段时间的成长基础。”
利用CSS改变图片颜色的多种方法前言“说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。”你以为这些是经过PS软件处理出来的？不不