随笔分类 -  web前端

1
前端JS面试题汇总 Part 3 (宿主对象与原生对象/函数调用方式/call与apply/bind/document.write)
摘要：原文：https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题，希望对各位有所帮助。 （文章中斜体字部分为译者 阅读全文
posted @ 2018-03-05 17:26 大魔王萨格拉斯 阅读(734) 评论(0) 推荐(0)
前端JS面试题汇总 Part 2 (null与undefined/闭包/foreach与map/匿名函数/代码组织)
摘要：原文：https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/javascript-questions.md 最近将持续翻译JavaScript面试题，希望对各位有所帮助。 （文章中斜体字部分为译者 阅读全文
posted @ 2018-03-02 11:57 大魔王萨格拉斯 阅读(869) 评论(0) 推荐(0)
基于agenda的Nodejs定时任务管理框架搭建
摘要：0、背景 在大型项目中，定时任务的应用场景越来越广。一般来说，按照微服务的思想，我们会将定时任务单独部署一套服务，核心的业务接口独立到另一个服务中，从而降低相互之间的耦合程度。在需要使用定时任务时，只需要由定时任务微服务定时向核心业务服务发起异步接口调用。 基于NodeJS来搭建这样一套定时任务的话 阅读全文
posted @ 2018-02-28 11:45 大魔王萨格拉斯 阅读(4505) 评论(0) 推荐(3)
[译]Node.js框架对比：Express/Koa/Hapi
摘要：本文翻译自： https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi 1、介绍 直至今日，Express.js仍然是最为流行的Node.js Web应用程序框架。它似乎已经逐渐成为大多数No 阅读全文
posted @ 2016-11-07 18:46 大魔王萨格拉斯 阅读(8763) 评论(2) 推荐(5)
基于RSA的WEB前端密码加密方案
摘要：受制于WEB页面源码的暴露，因此传统的对称加密方案以及加密密钥都将暴露在JS文件中，同样可以被解密。 目前比较好的解决方案是WEB页面全程或用户登录等关键环节使用HTTPS进行传输。 另外一种解决方案就是通过RSA进行加密。 RSA是一种非对称加密，也就是客户端通过公钥进行加密，服务端通过私钥进行解 阅读全文
posted @ 2016-09-02 17:26 大魔王萨格拉斯 阅读(11283) 评论(3) 推荐(2)
Vue组件开发分享
摘要：在开始本文之前，你可能需要先了解以下相关内容： Vue.js 一款高性能轻量化的MVVM框架 Webpack 前端模块化代码构建工具 Vue组件介绍 基于vue.js高效的双向数据绑定特性，让我们在开发高可用组件时可以更加专注于数据逻辑开发； 忘记DOM操作，忘记事件绑定，让开发的专注力集中于数据上 阅读全文
posted @ 2016-07-25 17:28 大魔王萨格拉斯 阅读(7178) 评论(1) 推荐(2)
CSS3实现0.5px边框
摘要：用CSS设置边框宽度为0.5px，可以使边框看起来更加细腻，特别是在移动端，设计师会有这样的要求。 但遗憾的是，大多数Android手机并不能识别0.5px。因此我们可以使用CSS3来变通的实现0.5px的边框需求。 .content{ position:relative; } .content:b 阅读全文
posted @ 2016-07-22 16:09 大魔王萨格拉斯 阅读(6784) 评论(0) 推荐(1)
通过nginx部署前端代码实现前后端分离
摘要：实现前后端分离，可以让前后端独立开发、独立部署、独立单测，双方通过JSON进行数据交互。 对于前端开发人员来说，不用每次调试都需要启动或配置Java/Tomcat运行环境；对于后端开发人员来说 ，也不用在需要往JSP页面注入数据。 通过nginx来部署前端代码，可以帮助前端实现以下基本需求： 1、请 阅读全文
posted @ 2016-07-06 17:10 大魔王萨格拉斯 阅读(9853) 评论(0) 推荐(0)
JavaScript深拷贝初探
摘要：今天和大家一起分享在JavaScript中如何实现深拷贝。 0. 为什么要实现深拷贝 在之前的一篇文章中 JavaScript变量存储浅析（二） 我们已经知道，在JS中，如果只是将一个对象简单的赋值给另外一个对象，那么拷贝的实际上只是对象在堆内存中的地址而已，也就是说，拷贝后的对象仍然和源对象指向同 阅读全文
posted @ 2015-12-23 07:33 大魔王萨格拉斯 阅读(1382) 评论(7) 推荐(2)
基于webpack的前端工程化开发解决方案探索（三）：webpack-dev-server
摘要：前两篇中我们使用webpack完成了静态资源（css/js/img）等自动写入HTML模板中，同时还可以为静态资源添加hash版本号，既满足了我们对于静态资源的打包要求，同时又无需开发人员介入打包过程，让我们的重点集中在业务逻辑的实现上来。但是每次修改完代码后如果手动执行 webpack 命令才能生 阅读全文
posted @ 2015-12-07 23:01 大魔王萨格拉斯 阅读(15220) 评论(2) 推荐(2)
基于webpack的前端工程化开发解决方案探索（二）：代码分割与图片加载
摘要：今天我们继续来进行webpack工程化开发的探索！ 首先来验证上一篇文章 基于webpack的前端工程化开发解决方案探索（一）：动态生成HTML 中的遗留问题：webpack将如何处理按需加载的资源，还能继续通过AJAX进行异步加载吗？ 1. require.ensure 在上一章我们已经知道通过r 阅读全文
posted @ 2015-12-04 15:18 大魔王萨格拉斯 阅读(5107) 评论(5) 推荐(2)
基于webpack的前端工程化开发解决方案探索（一）：动态生成HTML
摘要：Hello，大家好！在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作，并附带了一些简单的案例实现，算是webpack的一个入门吧。从这一章开始，我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久，... 阅读全文
posted @ 2015-12-03 15:29 大魔王萨格拉斯 阅读(16477) 评论(3) 推荐(4)
webpack练手项目之easySlide（三）：commonChunks
摘要：Hello,大家好。 在之前两篇文章中： webpack练手项目之easySlide（一）：初探webpack webpack练手项目之easySlide（二）：代码分割 与大家分享了webpack的基本使用方法，以及使用webpack对代码进行分割，根据需求进行异步加载。 今... 阅读全文
posted @ 2015-12-02 15:20 大魔王萨格拉斯 阅读(7247) 评论(2) 推荐(0)
webpack练手项目之easySlide（二）：代码分割
摘要：Hello,大家好。 在上一篇 webpack练手项目之easySlide（一）：初探webpack 中我们一起为大家介绍了webpack的基本用法，使用webpack对前端代码进行模块化打包。 但是乍一看webpack只是将所有资源打包到一个JS文件中而已，并没有做到真正的按需加载，这当然不是我们 阅读全文
posted @ 2015-12-01 17:21 大魔王萨格拉斯 阅读(5167) 评论(3) 推荐(0)
webpack练手项目之easySlide（一）：初探webpack
摘要：最近在学习webpack，正好拿了之前做的一个小组件，图片轮播来做了下练手，让我们一起来初步感受下webpack的神奇魅力。　webpack是一个前端的打包管理工具，大家可以前往：http://webpack.github.io/作详细了解。相对于之前的前端模块打包工具， 个人认为webpac... 阅读全文
posted @ 2015-11-30 14:21 大魔王萨格拉斯 阅读(6496) 评论(2) 推荐(0)
JavaScript事件流
摘要：什么是JS事件流 早期的IE事件传播方向为由上至下，即从document逐级向下传播到目标元素；而Netscape公司的NetscapeNavigator则是朝相反的方向传播，也就是从目标元素开始向上逐级传播最终至window。 后来ECMAScript在DOM2中对事件流进行了进一步规范，基本... 阅读全文
posted @ 2015-11-23 15:46 大魔王萨格拉斯 阅读(1544) 评论(0) 推荐(1)
修改setInterval作用域
摘要：Hello,今天和大家分享如何修改setInterval作用域。0.引子 最近在做一个项目的时候需要开发一个图片轮播显示的组件，在实现过程中遇到了关于setInterval作用域的问题。 1 SlidePicture.prototype={ 2 constructor:SlidePic... 阅读全文
posted @ 2015-11-19 13:44 大魔王萨格拉斯 阅读(3733) 评论(2) 推荐(2)
JavaScript变量存储浅析（二）
摘要：介绍了JS中的变量存储原理第二部分，关于对象的存储原理：JS预加载阶段和执行阶段，以及在内存中堆栈的存储划分。 阅读全文
posted @ 2015-11-17 12:39 大魔王萨格拉斯 阅读(6160) 评论(2) 推荐(3)
JavaScript变量存储浅析（一）
摘要：JS分为预加载和执行期两个阶段，前者只会确定变量的作用域，在执行期才会对齐进行赋值，同时也就确定了变量的具体类型。 阅读全文
posted @ 2015-11-16 17:29 大魔王萨格拉斯 阅读(6943) 评论(1) 推荐(2)
JavaScript函数参数传递
摘要：Hello,今天和大家分享下JS中的一个基本概念：函数参数传递！先来看看一个DEMO 1 var str="hello world"; 2 3 function func(s){ 4 s="hello javascript"; 5 } 6 7 8 func(str); 9 10 con... 阅读全文
posted @ 2015-11-16 16:30 大魔王萨格拉斯 阅读(14199) 评论(1) 推荐(2)

1