纯JS写的一款记录事项的单页应用

【纯JS写的一款记录事项的单页应用】的更多相关文章

纯JS写的一款记录事项的单页应用

要点: 1.使用localStorage存储 2._change_record_progress函数以字符串作为参数,用eval执行这个参数 3.使用了jQuery自定义事件,便于数据改变时实时更新显示 4.这一版代码中不考虑CSS问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  <scr…

使用纯js写的一个分页

上图晒效果: 网上确实有很多分页的插件以及开源代码,单本是一个后台开发猿,前台css等样式还驾驭不住,所以就开始自己去写了.其实这个分页原理很简单,就是用ajax往后台传值(当前页码),后台使用limit进行分页. 因为这是我自己第一次动手用js写分页,写的应该也不是很完美,有些公共的没有抽取出来,但是用起来还是可以的,这块代码是可以把它当做公共的分页去处理的,我就是用这块代码写了两个稍微不同一些的分页!公共的代码抽取的也差不多,主要就是ajax后台以及返回的值不同而已,只要把总页码的值获取到…

前端 JS 原生 javascript 和 location.hash 实现一个单页应用的路由 router

开篇日常立个flag-- 前言最近在做一些应用,类似于单页应用,想实现类似于 Vue 路由的效果. 但是个人 Vue 基础四舍五入约等于无,而且看着 Vue-router 吃力+用不起来(因为我的项目前后端不分离,而且使用的 js 语法基本上停留在远古时代:ES5甚至更久远以前--) 之前尝试过模拟,但是模拟太痛苦了,而且一堆问题,还不好维护. 于是想着自己用原生 js 写一个简单的单页应用路由吧. 效果话不多说,先上效果图源码 gitee:https://gitee.com/chen33…

纯js写图片轮播插件

最近终于写成了自己创作的图片轮播插件,使用原生js编写.与目前网上流行的轮播插件相比,功能和效果稍弱,但是使用起来相当方便. 先看html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图片轮播</title> <link rel="stylesheet" type="text/css" hr…

纯JS写动态分页样式效果

效果图如下: html: <body> <div> <table id="btnbox"> <tbody> <tr><td> <a href="#" class="btn">上一页</a> <a href="#" index="1">1</a> <a href="#&quo…

纯JS写最简单的图片轮播

非常简单的一个大图轮播,通过将控制显示位置来进行轮播效果,写来给正在学习的新手朋友们参考交流. 先看效果:(实际效果没有这么快) 先看布局: <div id="display"> // 显示容器 <div id="tp" style="left:0px"> // 图片容器一定要加left <img src="img/lunbo1.png" /> //图片 <img src="…

纯js写“运动”框架

所谓“运动”不一定真的是运动,在连续的一段时间内改变某一样式都可以成为“运动”. 先写几个会用到的函数 //获取某一元素的指定样式 function getstyle (element, target) { // body... if (element.currentStyle) { return element.currentStyle[target]; }else{ return window.getComputedStyle(element, null)[target]; } } //填充…