huanying2015 - 博客园

2017年12月27日

摘要：在js中应用ajax 获取数据的方法，也写一个出来供复习所用 1.建议一个user.json 文件如下，保存名字为 user.json 2.1 创建一个ajax 请求，用于获取 user.json 文件的内容运行结果：（这里html文件名为ajax100.html，在这里直接双击打开ajax100 阅读全文

posted @ 2017-12-27 15:31 huanying2015 阅读(17256) 评论(0) 推荐(2)

2017年12月26日

js 引入外部文件之 script 标签

摘要：在我的理解看来，html 就是一个单纯的管显示问题，js就是单纯的管动作问题，css就是单纯的管布局问题，这三个构成了一个网页在HTML中，经常会用到引入js 文件。引入js的方法很简单： 1. 1 就是加入一个script 标签，引入一个源文件为test.txt 的文件在上面 test.tx 阅读全文

posted @ 2017-12-26 21:08 huanying2015 阅读(42562) 评论(0) 推荐(1)

2017年12月25日

CSS3 之转动的风车

摘要： js 可以做动画，但是需要写很多代码；其实css也是可以做动画的，而且比js写的代码还少，理解也相对简单。这里用到css3 的animation 属性，它配合着 @keyframes 规则来使用，可以得到较好的效果使用方法： animation : name duration timing-fu 阅读全文

posted @ 2017-12-25 20:16 huanying2015 阅读(355) 评论(0) 推荐(0)

2017年12月23日

layer.js 学习笔记

摘要：了解到一个很好用的弹框插件，名字叫layer.js 前几天要在网页中改写alert函数，自己写了一个模态框，虽然效果出来了，但是点击关闭后，无法返回当前页面。请教大神时，说有一个叫layer.js的东西，做弹窗很好，怀着好奇的心情，试着接触了一下，果然非常ok，而且比自己写的模态框还好用，关键是很多阅读全文

posted @ 2017-12-23 18:57 huanying2015 阅读(3255) 评论(0) 推荐(0)

2017年12月19日

js 提示框的实现---组件开发之（二）

摘要：接着第上一个，在js文件里再增加一个 popModal 模块，实现弹框效果 css 代码： 1 .alert { 2 padding: 15px; 3 margin-bottom: 20px; 4 border: 1px solid transparent; 5 border-radius: 4px 阅读全文

posted @ 2017-12-19 19:37 huanying2015 阅读(1134) 评论(0) 推荐(0)

js 提示框的实现---组件开发之（一）

摘要：自己做了一个简单的提示框，供自己使用，也可以供他人参考，看懂此文，是理解组件开发的入门思路比较简单： 1.常规写法： 1.1. 创建一个构造函数 1.2. 给构造函数的原型对象添加show 和hide方法 1.3. 实力化调用构造函数 css 代码： 1 .alert { 2 padding: 1 阅读全文

posted @ 2017-12-19 18:12 huanying2015 阅读(1106) 评论(0) 推荐(0)

2017年12月17日

js 原型链

摘要：掌握 js 原型链，对理解 js 的指向有很大帮助，以下通过一个例子进行简单说明运行结果：原型链说明： /*********************************************************************************************** 阅读全文

posted @ 2017-12-17 18:17 huanying2015 阅读(247) 评论(0) 推荐(0)

2017年12月16日

js 哈希路由原理实现

摘要：在 js 中，有一种方法，可以在不刷新页面的情况下，页面的内容进行变更，ajax 是一种，这里介绍另一种，就是哈希路由原理先看一个简单的路由和页面内容关联的例子，要实现两个功能： 1.1. 浏览器的路由变化，页面内容跟着变化 1.2.页面内容变换，浏览器的内容跟着变化实现过程： 1.3.设定一阅读全文

posted @ 2017-12-16 19:32 huanying2015 阅读(8970) 评论(0) 推荐(1)

2017年12月15日

js 弹窗的实现

摘要：原理： 1. 点击按钮，触发窗口显示，遮罩层显示，并设置窗口的位置 2. 为弹出的窗口绑定鼠标滚动事件和视窗改变事件 3.点击关闭按钮，弹窗消失，遮罩层消失 html 代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <html> 4 <head> 5 <meta 阅读全文

posted @ 2017-12-15 14:55 huanying2015 阅读(2279) 评论(0) 推荐(0)

2017年12月14日

js 滑动门的实现

摘要：原理：滑动门，这里以图片进行实例，首先设定主盒子div的宽度和高度设定，并进行图片初始化位置的设定，然后将图片绑定事件，并设定要达到的效果 html代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 阅读全文

posted @ 2017-12-14 09:41 huanying2015 阅读(430) 评论(0) 推荐(0)