lonelydawn的前端猿区

主要用于介绍前端前沿技术框架、工具和理念,并发布一些日常生活中积累和用到的工作经验、技术以及开发组件

47 篇文章
36 人订阅

全部文章

lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

前端路由的简单实现

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

3264
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

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

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

2627
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

打造炫酷的通知插件EasyToaster

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

3449
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

一款不可多得的火柴时钟

? 火柴时钟 一款有意思的时钟玩具,原生代码编写,使用 CSS 渲染过渡动效,引入 base64 格式 data url 图片。 引用 <link rel=...

2767
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

大白话谈 Git

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

2766
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

一款轻量级树形控件EasyTreeview

使用方法 引入 <link rel="stylesheet" type="text/css" href="./css/index.min.css"> <div ...

3179
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

秒懂 javascript 拖拽上传文件

代码 直接贴代码了,复制到本地 .html 文件中即可实现以上演示效果: <!DOCTYPE html> <html> <head> <meta chars...

2567
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

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

? 系统概述 技术结构 webpack 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当...

2335
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

echarts 进阶之同心扇形图多级联动

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

2376
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

Vuex从入门到精通(三)

开始 前言 这一节,我们将通过一个实战案例 : 动态展示从后台返回的新闻列表 允许用户根据来源, 和 内容&标题 中的关键字对新闻列表进行筛选 来加...

2789
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

Vuex从入门到精通(二)

前言 在本篇,我将演示如何使用 vue-cli  ( https://github.com/vuejs/vue-cli ) Vue  ( https://cn....

2125
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

Vuex从入门到精通(一)

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

2027
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

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

? 引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="progre...

1858
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

打造专属插件之Easy Slider Bar

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

2705
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

前端验证码绘制(canvas)

一切尽在代码中 js文件 /** * canvas绘制动画浮动验证码 * code by lonelydawn 2017-04-10 */ var c...

2727
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

javascript生成.xls文件(兼容IE&Chrome&Firefox)

贴代码,一切尽在注释中 <html> <head> <meta charset="utf-8"> </head> <body> <input ...

1736
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

初学redis之windows服务配置与启动

初学redis首先要配置好服务, redis在Linux上的安装只要按照官方指导来,很快很简单。 下面来谈谈redis在windows上的安装。 官网虽然没给r...

1885
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

绚丽的javascript拾色器(不兼容IE8及以下)

一切尽在注释中 html节点 <div id="colorpicker" style="display:inline-block;"> <input clas...

2377
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

datepicker小插件(日期时间 & 日期 & 月份)

一个简单的日期时间选择小插件,引用 jquery.js  & bootstrap.css (需要图标文件) 如果路过的 朋友只是为了 找一个 可以直接引入 项目...

1905
lonelydawn

上海软科教育信息咨询有限公司 · 前端开发工程师 (已认证)

lambda+reduce的一句艰深代码

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

1778

扫码关注云+社区