jQuery+ localStorage 实现一个简易的计时器

原型图片发自简书App 需求1.关闭浏览器时时间继续运行2.刷新时保持当前状态3.结束时间保存在客户端 <div class="wrapper"> <div class="app"> <div class="container stopwatch"> <div class="clock inactive z-depth-1"> <span>0:00:00</s…

从零实现一个简易的jQuery框架之二—核心思路详解

如何读源码 jQuery整体框架甚是复杂,也不易读懂.但是若想要在前端的路上走得更远.更好,研究分析前端的框架无疑是进阶路上必经之路.但是庞大的源码往往让我们不知道从何处开始下手.在很长的时间里我也被这种问题困扰着,自己也慢慢摸索到一个比较不错的看源码的“姿势”. 一定不推荐的就是拿到源码直接开始啃,首先我们一定要对这个框架的整体的架构有一定的了解,每个模块之间的联系是怎样的: 然后找一找有没有关于源码分析的书籍,如果有的话那么恭喜你了,你可以直接跟着书的思路开始看源码: 如果没有框架源码分析相…

jQuery 开发一个简易插件

jQuery 开发一个简易插件 //主要内容 $.changeCss = function(options){ var defaults = { color:'blue', ele:'text', fontSize:'30px' } var options = $.extend(defaults , options); var change ={ changeColor:function(){ $('#'+options.ele).css('color',options.color); }, c…

jquery+flask+keras+nsfw快速搭建一个简易鉴黄工具

1. demo 地址:http://www.huchengchun.com:8127/porn_classification 接口说明: 1. http://www.huchengchun.com:8127/porn_classification 提供了一个简易的网页工具,用户可以上传若干张图片,服务端会传回每一张图片是否是色情图片的判定,结果的形式是json格式.截图如下: 返回结果的说明: 返回结果整体是一个json,key是加上时间戳后缀的上传图片名称,value是上传图片的色情的判定,其…

从零实现一个简易jQuery框架之一—jQuery框架概述

我们知道,不管学习任何一门框架,了解其设计的理念.目的.总体的结构及核心特性对我们使用和后续的深入理解框架都是有很大的帮助的.因此在这里先梳理一下本人对jQuery框架的一些理解. 设计目的(为什么要设计这个框架) jQuery可以分解为JavaScript + Query.即JavaScript查询的意思.所以jQuery的核心目标就是JavaScript查询,通过选择DOM元素再对DOM元素进行操作.并解决了跨浏览器兼容问题,使DOM操作趋于统一. 如何实现选择DOM是为了对其进行进一步的…

[后端人员耍前端系列]AngularJs篇：使用AngularJs打造一个简易权限系统

一.引言上一篇博文已经向大家介绍了AngularJS核心的一些知识点,在这篇博文将介绍如何把AngularJs应用到实际项目中.本篇博文将使用AngularJS来打造一个简易的权限管理系统.下面不多说,直接进入主题. 二.整体架构设计介绍首先看下整个项目的架构设计图: 从上图可以看出整个项目的一个整体结构,接下来,我来详细介绍了项目的整体架构: 采用Asp.net Web API来实现REST 服务.这样的实现方式,已达到后端服务的公用.分别部署和更好地扩展.Web层依赖应用服务接口,并且使…

AngularJs打造一个简易权限系统

AngularJs打造一个简易权限系统一.引言上一篇博文已经向大家介绍了AngularJS核心的一些知识点,在这篇博文将介绍如何把AngularJs应用到实际项目中.本篇博文将使用AngularJS来打造一个简易的权限管理系统.下面不多说,直接进入主题. 二.整体架构设计介绍首先看下整个项目的架构设计图: 从上图可以看出整个项目的一个整体结构,接下来,我来详细介绍了项目的整体架构: 采用Asp.net Web API来实现REST 服务.这样的实现方式,已达到后端服务的公用.分别部署和更好…

Angularjs,WebAPI 搭建一个简易权限管理系统

Angularjs,WebAPI 搭建一个简易权限管理系统 Angularjs名词与概念(一) 1. 目录前言 Angularjs名词与概念权限系统原型权限系统业务数据库设计和实现 WebAPI项目主体结构 Angularjs前端主体结构 2. 前言 Angularjs开发CRUD类型的Web系统生产力惊人,与jQuery,YUI,kissy,Extjs等前端框架区别非常大,初学者在学习的过程中容易以自己以往的经验来学习Angularjs 往往走入误区,最典型的特征是在的开发过程中,…

使用 RxJS 实现一个简易的仿 Elm 架构应用

使用 RxJS 实现一个简易的仿 Elm 架构应用标签(空格分隔): 前端什么是 Elm 架构 Elm 架构是一种使用 Elm 语言编写 Web 前端应用的简单架构,在代码模块化.代码重用以及测试方面都有较好的优势.使用 Elm 架构,可以非常轻松的构建复杂的 Web 应用,无论是面对重构还是添加新功能,它都能使项目保持良好的健康状态. Elm 架构的应用通常由三部分组成--模型.更新.视图.这三者之间使用 Message 来相互通信. 模型模型通常是一个简单的 POJO 对象,包含了需要…

使用Phalcon框架开发一个简易的博客系统

使用Phalcon PHP框架开发一个简易的博客系统(类似于CMS) 最近在做Phalcon(Phalcon在英文中指的是鸟类中飞得最快的那一个物种,由于是高性能框架,借用了这个词)相关的项目,由于刚开始学习,不太熟悉,先搞一个"玩具项目"来练练手,用它来开发一个具有登录操作的博客是再合适不过的选择了... 完整项目源代码: https://github.com/yanglr/phalcon_practice/tree/master/blog 欢迎fork或star !!! 该项目的文…

用XMLHttpRequest制作一个简易ajax

概述 jquery退出历史舞台之后,我们怎么来发送ajax请求呢?可以用相关的库,也可以自己制作一个简易的ajax. 需要说明的是,我们使用的是XMLHttpRequest 2,它几乎兼容所有主流浏览器:XMLHttpRequest advanced features 参考: stackoverflow答案实现get请求先从支持get请求开始,代码如下: function ajax(a, b, c){ // URL, callback, just a placeholder c = new…

图片延时加载原理和使用jquery实现的一个图片延迟加载插件（含图片延迟加载原理）

图片加载技术分为:图片预加载和图片延时加载. javascript图片预加载和延时加载的区别主要体现在图片传输到客户端的时机上,都是为了提升用户体验的,延时加载又叫懒加载.两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载.懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力.预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染.实现方式: 可以用CSS(background).JS(Image).HTML(<img />)都可以.常用的是new…

simple-todo: 一个简易的 todo 程序 - django版

今天无意间看到 simple-todo: 一个简易的 todo 程序 - web.py 中文教程 ,然后发现竟然有好多的版本 http://simple-is-better.com/news/tag/simple-todo 然后看到django版的是个半成品,好吧,自己动手丰衣足食. django 安装配置这里就不再介绍了,直接给之前的地址: django 简易博客开发 1 安装.创建.配置.admin使用使用的环境: fedora 17 + django1.4 + python2.7 +…

javascript基础修炼(12)——手把手教你造一个简易的require.js

目录一. 概述二. require.js 2.1 基本用法 2.2 细说API设计三. 造轮子 3.1 模块加载执行的步骤 3.2 代码框架 3.3 关键函数的代码实现示例代码托管在我的代码仓:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录华为云社区地址:[你要的前端打怪升级指南] 一. 概述许多前端工程师沉浸在使用脚手架工具的快感中,认为require.js这种前端模块化的库已经过气了,的确如果只从使用场…

Jsoup抓取网页数据完成一个简易的Android新闻APP

前言:作为一个篮球迷,每天必刷NBA新闻.用了那么多新闻APP,就想自己能不能也做个简易的新闻APP.于是便使用Jsoup抓取了虎扑NBA新闻的数据,完成了一个简易的新闻APP.虽然没什么技术含量,但还是写一下过程,满足一下菜鸟小小的成就感. 关于Jsoup jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址.HTML 文本内容.它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据. Jsoup的中文文档:点击…

【重学Node.js 第4篇】实现一个简易爬虫&启动定时任务

实现一个简易爬虫&启动定时任务课程介绍看这里:https://www.cnblogs.com/zhangran/p/11963616.html 项目github地址:https://github.com/hellozhangran/happy-egg-server 爬虫目前 node.js 爬虫工具比较火的有 node-crawler puppeteer.不过我目前没打算用这些,因为至少现在我们的项目还用不到.只要能发送请求.解析dom我们就能自己实现一个爬虫.所以我选择了axios + c…

.NET Core的文件系统[5]：扩展文件系统构建一个简易版“云盘”

FileProvider构建了一个抽象文件系统,作为它的两个具体实现,PhysicalFileProvider和EmbeddedFileProvider则分别为我们构建了一个物理文件系统和程序集内嵌文件系统.总的来说,它们针对的都是"本地"文件,接下来我们通过自定义FileProvider构建一个"远程"文件系统,我们可以将它视为一个只读的"云盘".由于文件系统的目录结构和文件内容都是通过HTTP请求的方式读取的,所以我们将这个自定义的FileP…

自己来实现一个简易的OCR

来做个简易的字符识别 ,既然是简易的那么我们就不能用任何的第三方库 .啥谷歌的 tesseract-ocr, opencv 之类的那些玩意是叼至少图像处理机器视觉这类课题对我这种高中没毕业的人来说是一座高山对于大多数程序员都应该算难度不小吧. 但是我们这里这么简陋的功能还用那些玩意作为一个程序员的自我修养你还玩个球.管他代码写得咋个low 效率咋个低被高手嗤之以鼻也好其实那些高手也就那样把你的代码走起来 ,这是一件很好玩的事情. 以前一直觉着这玩意挺神奇什么OCR o…

基于 getter 和 setter 撸一个简易的MVVM

Angular 和 Vue 在对Angular的学习中,了解到AngularJS 的两个主要缺点: 对于每一次界面时间,Ajax 或者 timeout,都会进行一个脏检查,而每一次脏检查又会在内部循环检查,当界面绑定的model 很多,就会造成严重的性能问题 . Angular 混乱的模块,并不能起到命名空间的作用,因而在大项目中组织模块又是一件头疼的事. 但是 Angular 开发中小型的应用是很棒的,也是将 MVC 引入到前端的开始.定一个目标,两年时间理解 <Build Your Own…

探秘Tomcat——一个简易的Servlet容器

即便再简陋的服务器也是服务器,今天就来循着书本的第二章来看看如何实现一个servlet容器. 背景知识既然说到servlet容器这个名词,我们首先要了解它到底是什么. servlet 相比你或多或少有所了解.servlet是用java编写的服务器端程序,主要功能在于交互式地浏览和修改数据,生成动态Web内容.狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者. 容器容器的概念很大,在这里…

使用Windows Form 制作一个简易资源管理器

自制一个简易资源管理器----TreeView控件第一步.新建project,进行基本设置:(Set as StartUp Project:View/Toolbox/TreeView) 第二步.开始添加节点添加命名空间using System.IO; using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; usin…

ENode 2.0 - 第一个真实案例剖析-一个简易论坛（Forum）

前言经过不断的坚持和努力,ENode 2.0的第一个真实案例终于出来了.这个案例是一个简易的论坛,开发这个论坛的初衷是为了验证用ENode框架来开发一个真实项目的可行性.目前这个论坛在UI上是使用了最终一致性,也就是说当我们发帖或回帖后不会立马显示你的帖子或回复.当我们下一次刷新页面时,会显示出来.这点貌似很多人向我反馈不太习惯,接受不了,呵呵.我之所以这样做也是想看看最终一致性大家的接受程度如何,看来UI层面上的最终一致性,大部分人接受不了.回头我改进下效果,改为立即可以看到帖子或回复吧!另…

jQuery加载一个html页面到指定的div里

一.jQuery加载一个html页面到指定的div里把a.html里面的某一部份的内容加载到b.html的一个div里.比如:加载a.html里面的<div id=“row"></div>这个div里面的所有内容加载到b.html的这个div里<div id="content"></div> 用jquery ajax 可以实现假设 a.html 和b.html在同一目录 b.html 1 <script > 2 $…

使用MVVM框架avalon.js实现一个简易日历

最近在做公司内部的运营管理系统,因为与日历密切相关,同时无需触发条件直接显示在页面上,所以针对这样的功能场景,我就用avalon快速实现了一个简易日历,毕竟也是第一次造日历这种轮子,所以这里记录下我当时的一些思路,一来做一些技术总结,二来也是给像我这样第一次做日历的前端工程师一些参考. 先来一起看下日历的界面: 日历功能包括:1.显示当前月.上个月后几天.下个月前几天的日期,2.切换到上个月,3.切换到下一个月,4.回到今天,5.点击某天弹出当天的年月日(如2014-10-26),同时不在当前月…