随笔分类 - 前端
摘要：编码请求主体 HTTP的POST请求包括一个请求主体，将会包含客户端传递给服务器的数据， 表单编码的请求 HTML表单，当用户提交表单时，表单中的数据将会编码到字符串中，一并伴随着请求发送。 默认情况下HTML表单通过POST方法发送给服务器，而编码后的表单数据为请求主体。 规则：使用URL编码，使
阅读全文
摘要：脚本化HTTP 下面将会用js代码操纵HTTP 下面将会说明在没有导致web浏览器重新加载任何窗口或者窗体的情况下，脚本实现web浏览器和服务器之间的通信。 ajax：为一种找早起避免页面重载而动态更新页面的方式，不过现在是直接数据驱动，或者类似于vue的单页应用 comet：这个和ajax正好相反
阅读全文
摘要：举栗子 事件输出hello world 事件有两种，一种为事件传播，一种是事件冒泡 事件传播和事件冒泡 这还要从遥远的荒诞说起，两家网景和ie，为了能争夺市场，互相使用相反的技术，当网景使用事件传播的时候，ie使用事件冒泡。（两个正好相反）这个时候w3c来了，为了能规范规定，直接取折中，当事件发生时
阅读全文
摘要：事件处理 客户端js程序采用异步事件驱动编程模型。在这种情况下当文档，浏览器，元素发生一些事情的时候，会产生事件。 举例 当浏览器加载完文档以后会触发一个事件。该事件会有一个函数进行处理，即回调函数 这种只不单单用于web界面，所有使用图形界面的应用程序都采用了这种方式。 事件类型 事件分类 依赖于
阅读全文
摘要：js和css动画 使用setTimeout()或者setInterval()使用这两个函数定时调用一段代码。这是其原理。 目的，重复修改内联样式，达到动画的效果 通过在相同的时间内构造出一帧帧的内容，然后让其在函数的作用下不断的改变css的值，达到动画的效果 js写css动画 e.disabled
阅读全文
摘要：css动画 首先要明白动画是一帧一帧的，由多个帧拼起来的动画 @keyframes 此为动画样式中的关键帧，用关键帧来控制css动画中的关键样式。相比较过渡更加的容易空值中间的部分 其指示了一个过程到另一个过程的过程 关键帧还具有名字，在应用的时候通过名字将其绑定。 如果关键帧重复定义，则根据最后一
阅读全文
摘要：css过渡 css过渡为一种状态到另外一种状态的变换 transition 过渡 transition 为一个简写属性，是一个transition property （定义过渡的属性的名称）以及 transition duration （定义过渡属性的所需动画的时间）和 transition tim
阅读全文
摘要：css3 ps: css越来越真正的像一门语言了，css已经有变量了，刚刚看到文档中。一个实验性质的功能。 渐变 渐变分为两种渐变，一种是线性渐变，一种是径向渐变 线性渐变 线性渐变为向上，向下，向左，向右两种渐变方式。 linear gradient()函数 此为css的一个函数。线性渐变由一个轴
阅读全文
摘要：脚本化css 下面通过css实现动画效果，可以使用脚本化的css实现滑入，轮廓伸缩的列表，即动态的HTML，一个过时的说法DHTML 一些css的基础知识 之前已经看过厚厚的一本大书，现在简单看一下，补充一下不知道的点 层叠 web浏览器组合元素的style属性，然后再计算样式。 颜色透明度和半透明
阅读全文
摘要：文档和元素的几何滚动 当浏览器在窗口中渲染文档时，它将会创建文档一个视觉表现层，在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。 文档坐标和窗口坐标 元素位置以像素来进行度量，向右为x坐标的增加，向下为y坐标的增加。有两个坐标，一个坐标为文档的原点，一个为窗口的原点，这两个
阅读全文
摘要：属性 html元素由一个标签和一组称为属性的名/值对组成。 HTML 表示HTML文档元素的HTMLElement对象定义了读/写属性。映射了元素的HTML属性。HTMLElement定义了通用的HTTP属性。以及事件处理程序的属性。特定的Element子类型为其元素定义了特定的属性。 举个栗子 j
阅读全文
摘要：脚本化文档 客户端js的存在使得静态的html文档变成了可交付式的web应用 DOM概述 文档对象（DOM）是表示和操作html和xml文档内容的基础api。 将会有一个树状图 我懒就不写了。 选取文档元素 通过ID选取元素 举一个栗子，通过ID查找多个元素 // 实现一个将所有的image进行全部
阅读全文
摘要：作为window对象属性的文档元素 如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性，则window对象会赋予一个属性，其名字为id属性的值，其值指向该元素 html 控制台 由于window对象是作用域链的最顶层，即id属性为脚本访问的全局变量。如上方的，可以通过
阅读全文
摘要：window对象 计时器 一个jQuery作者的写的关于定时器解释，记的顺手订阅一下。John Resig，jQuery之父 https://johnresig.com/blog/how javascript timers work/ 如果时间为0，则会放入队列之中，由队列进行调用，即生产者 消费者
阅读全文
摘要：同源策略 同源是js对能操作那些web内容的一条完整的安全限制。当web页面打开其他浏览器窗口，或者使用iframe的时候，会发挥作用。 即，脚本只能读取和所属文档来源相同的窗口和文档的属性。 文档的来源包含协议，主机，载入文档的url端口。从不同web服务器载入的文档具有不同的来源，同过同一主机的
阅读全文
摘要：web浏览器中的JavaScript web浏览器中的js通常称为客户端的JavaScript 客户端 JavaScript window对象是所有客户端JavaScript特性和api的主要接入点。 即，表示web浏览器一个窗口或窗体。使用标识符window来完成引用。 属性 window对象定义
阅读全文
摘要：xss 跨站脚本，称为xss这个术语用来表示一类的安全问题，指攻击者向目标web站点注入html标签或者脚本。 来一个小栗子 substring 返回介于两者之间的字符串，如果省去最后一个参数，则直接以length为填充 window.location.search 返回/后面内容包括问号 返回？后
阅读全文
摘要：Node.js连接MongoDB 一些介绍 mongodb https://www.npmjs.com/package/mongodb github项目地址 https://github.com/mongodb/node mongodb native 属于官方提供的mongodb驱动 文档 http
阅读全文
摘要：Restful 表述性状态传递 Restful REST表述性状态传递 REST通常基于使用HTTP，URL，XML，HTML。 REST使用的数据格式为JSON HTTP方法 GET 获取数据 PUT 用于更新和添加数据 DELETE 用于删除数据 POST 添加数据 RESTful 一种基于ht
阅读全文
摘要：哈。github的地址已经更换，求start https://github.com/mySoul8012 继续~ Express框架 简单介绍一下 Express事实上Node内置的http模块上构建的一层抽象。理论上所有Express实现的功能都能用Node实现 核心特征; 1. 设置中间件响应h
阅读全文
浙公网安备 33010602011771号