随笔分类 - 前端归纳
断断续续的归纳
摘要：什么是CDN CDN (Content Delivery Network) 可直译成内容分发网络。CDN的本质仍然李咏缓存技术缓存, 解决的是__如何将数据快速可靠从源站传递到用户的问题__。用户获取数据时，不需要直接从源站获取，通过CDN对于数据的分发，用户可以从一个较优的服务器获取数据，从而达到
阅读全文
摘要：目录 CSS代码生成器 CSS3 Generator 终极CSS Generator CSS Grid布局生成器 静态站点生成器 Next.js Gatsby SVG 优化器 SVGOMG SVG Optimizers 动画库 Animate.css GreenSock (GSAP) Anime.j
阅读全文
摘要：一、为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的ja
阅读全文
摘要：前后端分离不是技术问题，而是工程考量的问题，适用于复杂或重复的项目 分离的目标：高内聚，低耦合，工程化，规范化，迭代化 背景：以往jsp时代，前后端不分离造成的低内聚，高耦合，前端只是在不断的搬运代码，没有工程化思维和明确的接口规范，至从有了vue.js，react.js，前端开始工程化，规范化，迭
阅读全文
摘要：DNS协议 1、DNS协议的作用是将域名解析为IP，网络上的每个站点的位置是用IP来确定的，访问一个网站首先就要知道它的IP，不过数据组成的IP记起来不方便，所以就使用域名来代替IP，由于IP和域名的对应关系经常变化，所以就需要有专门将域名解析为IP的服务器，我们称为：DNS服务器。把域名发给DNS
阅读全文
摘要：前端面试中的常见的算法问题 虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端
阅读全文
摘要：1: 判断一个字符串是否回文 回文是指类似于“上海自来水来自海上”或者“madam”，从前往后和从后往前读，字符串的内容是一样的，称为回文。判断一个字符串是否是回文有很多种思路： 1: 创建一个与原字符串前后倒过来的新字符串，比较二者是否相等，如果相等则是回文 1.1 利用中介Array.rever
阅读全文
摘要：一、不借助临时变量，进行两个整数的交换 //方法一 ES6 var a = 1, b = 2; [a,b] = [b,a]; console.log(a,b) // 方法二 异或运算，同为0或者同为1都为0,10为1 var c = 3, d = 4; c = c ^ d; d = c ^ d; c
阅读全文
摘要：HTTP HTTP（hypertext transport protocol）协议『超文本传输协议』，协议详细规定了浏览器和万维网服务器之间互相通信的规则。 约定, 规则 请求报文 重点是格式与参数 行 POST /s?ie=utf-8 HTTP/1.1 头 Host: xxx.com Cookie
阅读全文
摘要：第 1 章：原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。 通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合
阅读全文
摘要：原型(prototype) 函数的protype属性 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) 原型对象中有一个属性constructor, 它指向函数对象 给原型对象添加属性(一般都是方法) 作用: 函数的所有实例对象自动拥有原型中的属性(方
阅读全文
摘要：原型与原型链 所有函数都有一个特别的属性: prototype : 显式原型属性 所有实例对象都有一个特别的属性: __proto__ : 隐式原型属性 显式原型与隐式原型的关系 函数的prototype: 定义函数时被自动赋值, 值默认为, 即用为原型对象 实例对象的__proto__: 在创建实
阅读全文
摘要：很早以前 在杭州银行工作曾经碰到这么一个需求，当时也是纠结了很久，也是google了很久，没有碰到合适的demo，今天特意研究了下这方面的的问题，所以也就做了个简单的demo来实现 本地上传图片即时预览效果。其在标准浏览器(firefox,chrome，IE10等其他浏览器)用了HTML5中的内容实
阅读全文
摘要：原文地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/html5-localstorage/ html5提供两种新的客户端存储数据的方法：localStorage和sessionStorage。localStorage 方法是长
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获得文件大小</title> 6 </head> 7 <body> 8 <form type="testForm" id="test"> 9 <input ty
阅读全文
摘要：现在普遍的做法是通过ajax传递页数返回页面数据等信息，不过我无聊，就做了一个自己控制的分页； 因为无聊所以不多说了，直接上代码 js： 1 //分页控制（传递页数） 2 function ListPage(index) { 3 var list = []; 4 var num = parseInt
阅读全文
摘要：forEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子： [1, 2 ,3, 4].forEach(alert); 等同于下面这个for循环 1 var array = [1, 2, 3, 4]; 2 for (var k = 0, length = array
阅读全文
摘要：和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？ 本文将带你一起来探索 javascript 中 new 的奥秘... 一、认
阅读全文
摘要：旧方法 //获取上传图片路径1 function fileComment(obj) { /*获取input=file图片路径*/ var objUrl = getObjectURL(obj.files[0]); if (objUrl) { return objUrl; } } //获取上传图片路径2
阅读全文
摘要：不清除浮动的一个常见危害是高度塌陷。关于高度，下面说这么几种情况： 如果父元素已经规定了度，不会高度塌陷，但可能会溢出（如果子元素总高度超过父元素的话） 如果父元素没有规定高度：2.1 如果所有子元素都浮动，父元素没有高度，这时候给父元素设置边框的话，就会发现边框保不住子元素2.2 如果存在没有浮动
阅读全文
浙公网安备 33010602011771号