前端沉淀-每周阅读文章

9.22第一周基于 webpack 的前后端分离开发环境实践 spa模式开发从组件化,数据流,状态容器,再到网络请求,单页路由都给了完善的全家桶方案。但是有以下问题:前端开发本地开发环境下该如何突破域的限制和服务端接口进行通信? 一条命令,能否同时完成webpack和node server的启动?...

2017-09-22 19:58:52

阅读数 720

评论数 0

一个vue2.0+vuex+vue-router搭建的单页潮流购物网站

项目demo地址 github源码地址首页如果觉得不错,给github源码点个赞吧QAQ前言这篇文章是总结自己写项目时的思路,遇到的问题,和学到的东西,本文只截取一部分来讲,源码已奉上,觉得项目还行的点个赞吧,谢谢一、搭建环境 安装vue-clinpm install -g vue-cli 创...

2017-02-12 11:12:11

阅读数 5691

评论数 0

session与登录机制

github 地址:戳这里 session 概念 指一类用来在客户端与服务器之间保持状态的解决方案 这种解决方案的存储结构 特点 由于 Session 是以文本文件形式存储在服务器端的,所以不怕客户端修改 Session 内容。(也可以用其他存储方式比如redis) S...

2018-05-22 12:15:32

阅读数 2242

评论数 0

div并排等高

利用margin-bottom和padding-bottom<!DOCTYPE html> <html> <head> <title>并排等高</title> <style> *{ ...

2017-12-24 12:54:59

阅读数 132

评论数 0

面经(百度,头条。。。)

杭州有赞 一面(16分钟) 实习经历,技术栈 let,const 盒子模型 跨域,cors简单请求和非简单请求 二面 快排 url的解析 vue父子通信,双向绑定 webpack考察,输出到同一个文件 vue和jquery的比较…… 性能优化

2017-08-18 22:03:22

阅读数 256

评论数 0

难点掌握

关于异步 为什么要有异步? js单线程性。 由于部分操作的耗时性或者完成时的不确定性,我们不能阻塞地去等待这些操作的完成,所以就把这些操作单独拿出来,让他们在同步操作的最后执行,也就是所谓的异步操作。 异步的流程怎么控制 callback 事件监听 事件可以解耦异步, 但是, 需要...

2017-08-09 14:07:59

阅读数 165

评论数 0

readyState的五个状态0 初始化 1 载入 2 载入完成 3 交互 4 完成自定义事件var Event = { _listeners: {}, // 添加 addEvent: function(type, fn) { if (typ...

2017-08-09 11:05:23

阅读数 134

评论数 0

js模拟实现重载

var obj = {}; function addMethod(object, name, fn) { var old = object[name]; object[name] = function() { if(fn.length == arguments.le...

2017-06-30 15:31:49

阅读数 994

评论数 0

关于readyState

DOM readyState uninitialized 还未开始载入 loading 载入中 interactive 已加载 complete 载入完成 ajax readyState 0 (Uninitialized): The object has been created but the ...

2017-06-27 10:45:38

阅读数 205

评论数 0

学习webpack

学习任务 对webpack进行自定义的优化配置,比如为生产环境拆分vendor/css/js 通过运行server来实现无刷新热重载(hot-reload) 创建一个bundle文件通常在根目录下的index.html中可以直接引入依赖 <script src="app/inde...

2017-06-21 15:26:51

阅读数 161

评论数 0

高性能js-笔记

1. 加载和执行 当浏览器遇到script标签时,会停止处理页面,先执行js代码,然后再继续解析和渲染页面。 使用src加载js的过程中,浏览器必须先花时间下载外链文件中的代码,然后解析并执行,在这过程中,页面渲染和用户交互是阻塞的。 js下载和执行会阻塞其它资源的下载,比如图片 逐步加载js文件...

2017-06-15 17:28:32

阅读数 218

评论数 0

react

表单输入事件触发顺序 keydown input change keyup

2017-06-12 22:02:46

阅读数 195

评论数 0

css百分比相对元素问题

相对于父元素宽度的:[max/min-]width、left、right、padding、margin 等; 相对于父元素高度的:[max/min-]height、top、bottom 等; 相对于继承字号的:font-size 等;相对于自身字号的:line-height 等; 相对于自身...

2017-05-23 15:20:53

阅读数 185

评论数 0

float的影响

注:float为非none 原文 对自身的影响 行内元素将变为块级元素,可设置宽高 题外话,input为内联块级标签,可设置宽高,并且一行排列 父级元素设置了float,则会包裹子元素,自适应宽高 对兄弟元素的影响 浮动元素后面跟非浮动元素会覆盖非浮动元素,非浮动元素的文...

2017-05-01 16:10:03

阅读数 892

评论数 0

http与https

HTTPS和HTTP协议相比提供了 数据完整性:内容传输经过完整性校验 数据隐私性:内容经过对称加密,每个连接生成一个唯一的加密密钥 身份认证:第三方无法伪造服务端(客户端)身份 因为:HTTPS虽然用到了公开密钥加密,但同时也结合了其他手段,如对称加密,来确保授权、加密传输的效率、安全性。加密通...

2017-04-25 16:53:46

阅读数 337

评论数 0

web worker

Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。在浏览器后台运行JavaScript, 而不占用浏览器自身线程。Web Worker可以提高应用的总体性能,并且提升用户体验。 学习自:...

2017-04-22 11:59:57

阅读数 221

评论数 0

node.js之学习

创建第一个应用var http = require('http') http.createServer(function(req,res) { //发送http头部 //状态码200 //内容类型:text/plain res.writeHead(200,{'Con...

2017-04-21 22:08:34

阅读数 156

评论数 0

html,css题

localStorage 数据写入字段有三种方式: localStorage[“a”]=1; localStorage.b=1; localStorage.setItem(“c”,3); 读取字段也有三种方式: var a= localStorage.a; var b= localStorage[...

2017-04-21 13:15:57

阅读数 170

评论数 0

关于事件的小题

因为js函数没有重载,于是:function main(a){ console.log(3+a); } function main(){ console.log(2); } main(1);//2然后联想到事件监听时也和上述一样,可是事实不是一样的:document.addEven...

2017-04-20 16:25:15

阅读数 224

评论数 0

cors学习

原文跨域资源共享(cross-origin resource sharing注:CORS需要浏览 器和服务器同时支持。目前所有浏览器都支持,IE不能低于IE 浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。简单请求与非简单请求只要...

2017-04-20 15:48:50

阅读数 272

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭