<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3扇形动画菜单</title><style>*{padding: 0; margin: 0;}bo...
1. JSONP定义 JSONP是英文JSON with Padding的缩写,是一个非官方的协议。它允许在服务器端生成script tags返回至客户端,通过javascript callback的形式来实现站点访问。 JSONP是一种script tag的注入,将server返回的resp...
回顾2016年前端市场,可谓如火如荼。各种前端的框架/库层出不穷,给大家带来方便的同时,也使得前端开发人员面临更多的学习成本。2017年的前端会有怎样的变化呢?一、微信小程序 微信小程序是一种可以媲美原生app的“app”,上市当天便在业内引起较大轰动。其实早在小程序之前也有...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>自行车</title><style type="text/css">* {margin: 0;paddi...
<!doctype html><html><head> <meta charset="UTF-8"> <title>九宫格拼图</title> <style> *{ ...
额,代码有点多~~<style> * { margin: 0; padding: 0; box-sizing: border-box; }li { list-style: none; }.loader { position: relative; float: left;...
<!DOCTYPE html><html class=''><head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-5710c30fb566082...
目录1、谈谈你对Ajax的理解?(概念、特点、作用)2、说说你对延迟对象deferred的理解?3、什么是跨域,如何实现跨域访问?4、为什么要使用模板引擎?5、JavaScript是一门什么样的语言,它有哪些特点?6、JavaScript的数据类型有哪些?7、已知ID的Input输入框,如何获取这个...
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">...
<!DOCTYPE html><html><head><meta charset="utf-8"><title>圆环加载进度条</title><style> canvas{ border:1px soli...
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>购物车结算</title> <style>*{padding::0; margin...
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>碰撞的小球</title> <style type="text/css" media="screen...
本文结构1.概念与实现2.辅助函数3.案例4.后记估计很多同学对链式调用相当熟悉了,可以直接跳过第一节。1.概念与实现可链式调用的英文是chainable,我们先看看非chainable是什么样的:var object = { doSomething1: function() { ...
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内...