JavaScript - 分享生活和学习中的点点滴滴

前端技术 2023/09/02 JavaScript

概述单页应用现在越来越受欢迎。模拟单页应用程序行为的网站都能提供手机/平板电脑应用程序的感觉。Angular可以帮助我们轻松创建此类应用简单应用我们打算创建一个简单的应用，涉及主页，关于和联系我们页面。虽然Angular是为创建比这更复杂的应用而生的，但是本教程展示了许多...

前端技术 2023/09/02 JavaScript

最近做了个项目，其中有项目需求是要实现跑马灯抽奖效果，实现此功能主要用到js相关知识，废话不多说，感兴趣的朋友可以阅读下全文。开始之前先来看上篇文章遗漏的两个问题和几个知识点，是自己重构的过程中需要用到的： 1.移动端1px像素线的问题对于设计师给我的手机端网页的设计稿都...

前端技术 2023/09/02 JavaScript

很多时候，我们做前端的时候都会有这样的小功能，点击弹出某个框框，但是，有时候不想操作，就想点击某个空白处，隐藏该框框。假设如下场景，一个小按钮，点击可以弹出一个模态框。就这么简单，但是我们想要点击空白部分的时候隐藏模态框，加入按钮id：btn，模态框id：mo...

前端技术 2023/09/02 JavaScript

搜索了蛮久，找到一些例子，因为我是初学者的缘故大多不知道怎么使用。。研究了一下那个源码，搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG，一个使用grid初始化发生的BUG 下面记录一下步骤。说不定下次还有用 1.下载需要用到js代码，我已经...

前端技术 2023/09/02 JavaScript

最近接了一个项目，其中有需求要用到jquery分页控件，上网也找到了需要分页控件，各种写法各种用法，都是很复杂，最终决定自己动手写一个jquery分页控件，全当是练练手了。写的不好，还请见谅，本分页控件在chrome测试过，其他的兼容性不知道怎么没时间测试呢。欢迎有同样需求的小...

前端技术 2023/09/02 JavaScript

AngularJS ng-show 指令 AngularJS 实例复选框选中时显示部分内容: <!DOCTYPE html> <html> <head> <meta charset=\"utf-8\"> &lt...

jQuery实现商品活动倒计时

前端技术 2023/09/02 JavaScript

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛，如考试系统倒计时，团购网站中的优惠活动倒计时等等。今天，我们来使用jQuery实现一个简单的倒计时功能。本文以团购网站的倒计时为背景，我们知道，网站会给每个优惠活动（商品）定一个结束时间，...

前端技术 2023/09/02 JavaScript

一、简单的图像翻滚 image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：该页面的代码十分简单，我们以此为例逐步实现图像的翻滚： i...

js实现拖拽效果

前端技术 2023/09/02 JavaScript

首先来了解一下，面向对象练习的基本规则和问题：先写出普通的写法，然后改成面向对象写法项普通方法变形 ·尽量不要出现函数嵌套函数 ·可以有全局变量 ·把onload函数中不是赋值的语句放到单独函数中改成面向对象 ·全局变量就是属性 ·函数就是方法 ·onload中...

js实现图片点击左右轮播

前端技术 2023/09/02 JavaScript

这个相当于一个小框架，拿来就可以用： 1. 功能：如上图显示：点击左右两个button，可以实现图片向左右滚动，也可以设置在多少秒自己滚动。 2. 首先建立一个js文件，文件名为play.js（只要和HTML中的引入相同就可以了）： var sina = { ...

关闭

我的博客