黑骑军-CSDN博客

原创 Vue的异步更新策略

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript"> let callbacks = []; let pending = false; ...

2020-01-18 19:04:20 560

原创 Vue的响应式

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript"> // //响应式原理 //1 观测数据的变化-数据劫持 //2 收集视图依赖了...

2020-01-12 16:40:16 119

原创基于canvas的转盘抽奖

--> html> html> head> meta charset="utf-8"> title>title> style> .discPrize{ width: 100%; height: 100%; background-image: url("{skin:images/Disc

2018-01-09 09:15:00 342 2

原创基于php的pc端分页

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css"> style> .page_active{

2017-12-28 10:28:20 227

原创基于css的轮播

.content-carousel{ margin: 0 auto; width: 10rem; height: 10rem; background-color:#f86000; /*position: relative;*/ overflow: hidden; } .content-photo{ position: relative; width: 400%; heigh

2017-12-21 17:29:04 230

原创基于ajax原生/jquery的上传文件

上传附件 document.getElementById('btn').onclick=function(){ var frm=document.getElementById('frm'); var formData = new FormData(frm); // console.log(formData); // var obj = new XMLHt

2017-12-21 11:12:28 242

原创简单的分页

html> lang="en"> charset="UTF-8"> name="viewport" content="initial-scale=1, maximum-scale=1"> .page-media{ max-height: 600px; /*overflow: hidden;*/

2017-12-13 17:19:49 128

转载懒加载

html> lang="en"> charset="UTF-8"> .list-item { height: 400px; margin: 5px; background-color: lightblue; list-style: none;

2017-12-09 16:43:31 170

原创 ES6的Promise

html> lang="en"> charset="UTF-8"> var a=0 var test=function(resolve, reject){ setTimeout(function(){ a=4; console.log(a) if(a2){resolve('200 OK');} if(

2017-10-09 10:43:43 161

原创 angualr的$emit,$broadcast,$on

html> html lang="en"> head> meta charset="UTF-8"> title>title> head> body ng-app="myApp"> div ng-controller="parentCtrl"> div ng-controller="childrenCtrl"> button type="button

2017-06-30 09:52:08 180

原创窗口宽度控制-利用箭头（button）控制滚动条

html> html lang="en"> head> meta charset="UTF-8"> title>title> style> #btnRight,#btnLeft{ position: fixed; top:45%; display: none; } #btnRight{ left:90%; } style> head>

2017-04-25 15:28:09 394

转载 angluar的上拉刷新

html> html lang="en"> head> meta charset="UTF-8"> title>title> style> #slideDown{margin-top: 0;width: 100%;} #slideDown1,#slideDown2{width: 100%;height: 70px;;background: #

2017-04-21 10:27:09 342

转载 angluar的下拉刷新