06 2017 档案
angular中的子路由用法
摘要：Angular ui-route的用法 引入angular和使用angular子路由时需要的依赖模块angular-ui-route.js。并且在html中将路由要插入的位置写上。而在js部分中和angular路由一样在控制台外面写 这是基本的情况，之后我们应该建立一个新的html来写 并且将这新写 阅读全文
posted @ 2017-06-29 08:21 IT-忐忑 阅读(1571) 评论(0) 推荐(0)
图片的懒加载方式
摘要：在这先说一下什么叫做懒加载，懒加载就是延尺加载。而什么时候要用到延迟加载呢，答案就是当我们所访问的页面数据量过大的时候，明显用缓存不太合适的时候。 因为内存有限，为了减少并发量，减少系统资源的消耗成了必然。我们只有让数据在需要的时候才进行加载。就像浏览大量图片的网页的时候我们如果不用懒加载的方 式， 阅读全文
posted @ 2017-06-29 08:20 IT-忐忑 阅读(327) 评论(0) 推荐(0)
angular中的动画效果
摘要：用angular来形成动画效果的代码如下 这样我们就可以通过angular来形成动画效果了，并且ngAnimate模型还可以添加或移除class ngAnimate 模型其实并不能使 HTML 元素产生动画，但是 ngAnimate 会监测事件，类似隐藏显示 HTML 元素 ，如果事件发生 ngAn 阅读全文
posted @ 2017-06-28 21:37 IT-忐忑 阅读(2100) 评论(0) 推荐(0)
关于写页面时容易发生的问题
摘要：如果你是开发时间长的我想我就不用多说了，但如果是开发时间短的我还是建议看一看的，因为这些都是常见的错误。 一 、段落间距 这是我们在写页面时常见的错误，也是我们和UI设计师或项目经理矛盾较多的问题之一，因为设计稿中文字量的都是字与字上下的间距，但当你 写p标签或div标签检查一下元素的时候，会发现p 阅读全文
posted @ 2017-06-27 19:21 IT-忐忑 阅读(244) 评论(0) 推荐(0)
用wamp实现前端和php的交互效果
摘要：我们今天来用php来做一下前台与后台的交互效果，首先我们先打开这个软件。 看一下电脑右下角的小图标 当变成之后鼠标左键 打开这个之后点击第二个之后会打开一个网站 点击右面页面的数据库打开新建数据库，填入数据库名称和模式 后点击创建，出现创建成功弹出框后，点击右面页面中我们新创建的数据库 在新建数据库 阅读全文
posted @ 2017-06-27 07:38 IT-忐忑 阅读(1134) 评论(0) 推荐(0)
原生封装的ajax
摘要：原生封装的ajax的代码如下： //将数据转换成 a=1&b=2格式; function json2url(json){ var arr = []; //加随机数防止缓存; json.t = Math.random(); for(var name in json){ arr.push(name+'= 阅读全文
posted @ 2017-06-26 11:48 IT-忐忑 阅读(213) 评论(0) 推荐(0)
用angular引入复杂的json文件2
摘要：昨天我们也说了一下angular引入复杂json文件的方法，今天我们再来学习一种方法，而且更简单，更快捷。 首先我们引入一个angular插件，并且写上引入模块和控制台，在html中书写上模块名和控制台名。 之后创建一个json文件 之后我们需要在控制台中将这个json文件引入 之后我们在html中 阅读全文
posted @ 2017-06-22 21:58 IT-忐忑 阅读(778) 评论(0) 推荐(1)
用angular引入复杂的json文件
摘要：我们在写网页时是有很多的重复代码和重复样式的，我们也不能一口气敲下来，这样就成为了体力劳动了。 所以我在遇到这种情况的时候大部分是用angular来获取json的，而用angular来让json数据库中的数据导入到网页中是让我们不用重复的书写重复的代码。 但是一些子元素较少的还比较好整，但是象下拉列 阅读全文
posted @ 2017-06-21 22:22 IT-忐忑 阅读(399) 评论(0) 推荐(0)
pc端和移动端的区别
摘要：以下都是自己的个人理解，说错了希望大家多交流交流。1，普通pc端开发与移动端开发区别。普通pc端开发，我理解就是你拿电脑打开的网页都算【这相信大部分人都知道】。那么移动端开发工程师，说白了就很好理解了，做手机网页的前端开发工程师。这么一比，是不是感觉其实都差不太多，而且移动端的感觉更简单一点。pc， 阅读全文
posted @ 2017-06-20 22:18 IT-忐忑 阅读(7821) 评论(0) 推荐(0)
弹幕效果
摘要：有时我们在一些平台上看到一些好玩的电影或节日时非常喜欢发弹幕，那今天就来让我们自己在网页中做一个简单的弹幕效果 我们先要在html部分做出能接收到发表内容的框，发表的按钮并且换上自己喜欢的样式及内容。 <input type="text" id="txt" /> <input type="butto 阅读全文
posted @ 2017-06-19 21:14 IT-忐忑 阅读(249) 评论(0) 推荐(0)
angular的过滤器
摘要：angular有一些自带的过滤器，今天我就来写一下。 首先还是先把导入一个angular插件，再在我们的js中把模块和控制台写上(别忘了在html中写入模块名和在body中写入控制台名，当然控制台名可以视情况而定写在哪)。 因为我们老用数组，所以先写一下截取数组长度的；先在控制台中写一个数组，再在h 阅读全文
posted @ 2017-06-17 23:18 IT-忐忑 阅读(271) 评论(0) 推荐(0)
用angular做的模糊搜索
摘要：今天大家来试一试用angular做一下简单的搜索功能吧； 首先我们需要写html的部分，我们需要设置几个条件，比如按什么来排序，按升序还是降序搜索，和一个文本框来设置模糊搜索； <nav> <select ng-model="a"> <option value="num">按编号排序</option 阅读全文
posted @ 2017-06-16 21:04 IT-忐忑 阅读(2758) 评论(0) 推荐(0)
原生JS返回顶部，带返回效果
摘要：有些网站当滑到一定高度时右下角会有一个按钮，你只要一点就可以直接返回顶部了。那这个功能是怎么做到的呢。其实不算太难； 首先我们先在网页中创建一个按钮，上面写上返回顶部，把它的样式改成固定定位，之后想要什么样式都可以自己写上，再在上面设置一个id； 之后我们js中获取一下这个按钮的id，并且定义一个变 阅读全文
posted @ 2017-06-15 23:04 IT-忐忑 阅读(297) 评论(0) 推荐(0)
封装一个简单的运动函数
摘要：因为是自己封装的运动函数,所以没有那些插件的功能多,所以请多多包涵。 因为我们要封装的是一个运动函数,所以我们要先确定一下我们要修改的是哪些样式， function getStyle(obj,name){ if(obj.currentStyle){ /*判断一下是否支持浏览器*/ return ob 阅读全文
posted @ 2017-06-14 22:18 IT-忐忑 阅读(529) 评论(0) 推荐(0)
grunt的简单应用
摘要：grunt是干什么的呢，一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。这样就会让我们省很 阅读全文
posted @ 2017-06-13 20:20 IT-忐忑 阅读(246) 评论(0) 推荐(0)
cookie的简单留言框
摘要：我们在网页浏览时退出后，再次进入时会有上次的记录，这就用的上cookie属性了，cookie就是服务器暂存放在你计算机上的一笔资料，好让服务器用来辨认你的计算机。当你在浏览网站的时候，Web服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都记录下来。当下次 阅读全文
posted @ 2017-06-12 20:57 IT-忐忑 阅读(291) 评论(0) 推荐(0)
弹性盒
摘要：在css样式设计中有一个弹性盒属性，那什么是弹性盒呢？简单来说就是可以根据某些子元素设置的宽度或者是高度来自动为其他的子元素设置宽度和高度。 那么怎么将元素设置为弹性盒呢，答案就是将display:flex;样式设置在父元素上，记住是父元素上； 之后我们就要分配父元素剩余的空间了。我们就要将-(相应 阅读全文
posted @ 2017-06-11 19:42 IT-忐忑 阅读(234) 评论(0) 推荐(0)
用jQuery实现简单的DOM操作
摘要：通过jQuery创建元素节点：$oLi = $("<li></li>");这样我们就创建了一个li标签 如果想在元素节点中添加文本的话也挺简单：$oLi = $("<li>文本</li>");这样就可以在元素节点中添加文本了； 当然如果你要写一个动态的文本也可以：$oLi = $("<li>"+in 阅读全文
posted @ 2017-06-10 17:53 IT-忐忑 阅读(249) 评论(0) 推荐(0)
angular做的简单购物车
摘要：虽然本人也是刚刚才开始学习angular.js，并不是非常会，但是这并不能阻止我对angular的喜爱。因为它太省代码了，比如说一个比较简单的购物车，就是只有商品名称，单价，数量，小计，总计和删除功能的购物车，我原先写一个这种的购物车要写好长一段的JS代码，不过现在就不用了。那么我就开始分享了。 首 阅读全文
posted @ 2017-06-09 20:20 IT-忐忑 阅读(197) 评论(0) 推荐(0)
jQuery与Zepto
摘要：jQuery和Zepto是我比较常用的插件。其实用法差不太多，可以说Zepto是jQuery的轻量级替代品，但是不要认为Zepto就没有jQuery好用，因为Zepto有jQuery没有的功能，就是移动端上的各种事件，比如左切，右切，上切，下切，双击和长按等，这些都是jQuery所没有的。不过Zep 阅读全文
posted @ 2017-06-08 16:26 IT-忐忑 阅读(193) 评论(0) 推荐(0)