加载中
前端路由的简单实现

概念 路由这个概念首先出现在后台。传统MVC架构的web开发,由后台设置路由规则,当用户发送请求时,后台根据设定的路由规则将数据渲染到模板中,并将模板返回给用户。因此,用户每进行一次请...

Node.js力破江苏网警刑侦科推理试题

月前,江苏网警 在微博发布了一套《2018年刑侦科目推理试题》,可谓难倒了诸多英雄好汉,评论区内更是一片皮皮之音。 @二向箔icon: 高考前班主任教过我们,遇上不会的题,全部选C 丶复杂动物...

秒懂 javascript 拖拽上传文件

代码 直接贴代码了,复制到本地 .html 文件中即可实现以上演示效果: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>drag file</title> <style type="text/css"> * { ...

一款轻量级树形控件EasyTreeview

使用方法 引入 <link rel="stylesheet" type="text/css" href="./css/index.min.css"> <div id="tree"></div> <script type="text/javascript" src="./js/index.min.js"></script> <script ...

白话谈 Git

一、Git是什么? 定义 Git 的定义 是 一款免费、开源的版本控制系统。 免费不必多说;开源则是指将源代码公布,并允许公众查看、修改代码。 如果我们将项目每一个节点处的修改(这些节点可能是...

03/12 17:39
875
一款不可多得的火柴时钟

火柴时钟 一款有意思的时钟玩具,原生代码编写,使用 CSS 渲染过渡动效,引入 base64 格式 data url 图片。 引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="ma...

打造炫酷的通知插件EasyToaster

引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="slider"></div> <script type="text/javascript" src="./index.js"></script> <script type="text/javascript">...

打造专属插件之Easy Slider Bar

引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="slider"></div> <script type="text/javascript" src="./index.js"></script> <script type="text/javascript">...

酷炫的progressbar(上限可大于100%)

引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="progress"></div> <script type="text/javascript" src="./index.js"></script> <script type="text/javascript...

Vuex从入门到精通(一)

状态管理 状态的初始化 状态管理,我们应该并不陌生。 举个例子,超市里新进了一批商品,管理员给这些商品分类,建立索引,然后按照顺序放入货架的过程就是最简单的状态管理。 let goods1 =...

2017/12/14 13:37
54
Vuex从入门到精通(二)

前言 如果你对vuex状态管理还不是很了解的话,请先阅读 Vuex从入门到精通(一) 在本篇,我将演示如何使用 vue-cli ( https://github.com/vuejs/vue-cli ) Vue ( https://cn.vuejs.org/v2/gui...

2017/12/14 13:34
36
Vuex从入门到精通(三)

开始 前言 前面两节内容,我们介绍了vuex的基础知识 Vuex从入门到精通(一) 并用vue-cli + vuex 演示了一个 计数器demo 的完整开发流程 Vuex从入门到精通(二) 这一节,我们将通过一个实战案例...

2017/12/14 13:27
45
echarts 进阶之同心扇形图多级联动

需求分析 前情提要 同心多扇形图,用于表示树形数据结构以及每一层级节点在该层总量中占比。 原始数据结构: { "name": "师资队伍", "value": 19, "children": [ { "name": "...

共享网页聊天室的设计与实现

系统概述 技术结构 webpack 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency gra...

指令学习之angular-column-filter的实现

Angular指令简介 AngularJS 通过被称为 指令 的新属性来扩展 HTML。它内置了63个常用指令,包括ng-model、ng-bind等实现双向数据绑定的指令,也包括ng-click、ng-keyup等优化javascript监听事...

2017/05/27 16:18
140
前端验证码绘制(canvas)

一切尽在代码中 js文件 /** * canvas绘制动画浮动验证码 * code by lonelydawn 2017-04-10 */ var createVeritification = function(){ var GLOBAL_CHAR_NUM = 4; var GLOBAL_CHAR_ST...

详解karma & jasmine自动化测试

前端包管理工具 代码重用和复用是快捷开发的一种重要方式,但是原始的代码模块散布于各个平台上,不好寻找,程序员对其进行有效管理也成为了一大难题。此时,依赖(包、插件、工具都可以称呼...

2017/03/04 15:30
436
一键换肤的简单实现

以前看到一键换肤的效果很炫酷,其实想一想,实现很简单,于是乎也写一个吧。 上代码: oneBtnChangeSkin.html ( 引入bootstrap.min.css 和 jquery.js ) <!DOCTYPE html> <html lang="en"> <...

2017/02/13 17:22
29
WebStorm 下载 & 破解 & 汉化

WebStorm WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与Intelli...

2017/01/20 12:32
392
lambda+reduce的一句艰深代码

一句话一脸懵逼 某天晚上看到一句lambda+reduce 组合的代码,看的头都炸了,愣是没看懂,不过也可能因为稀疏的脑神经经过一天的摧残已经运转不动了,这两天拿出来一看,一不留神理通了。 代码...

2017/01/19 10:06
659

没有更多内容

加载失败,请刷新页面

下一页

返回顶部
顶部