- 博客(32)
- 收藏
- 关注
转载 数组常用的方法和返回值
push:向数组的末尾增加一项 返回值是数组的新长度unshift:向数组开头增加一项 返回值是数组的新长度pop:删除数组的末尾项 返回值是删除的数组项shift:删除数组开头项 返回被删除的开头项目splice:删除数组中的任意项 返回值是被删除的数组项slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项拼接:concat:把一个数组和另一个数组拼接...
2017-08-18 09:10:00
662
转载 常见浏览器兼容问题及解决技巧
首先我们应该了解一下为什么会有兼容问题?由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。使用Trident内核的浏览器:IE、Maxthon、TT; 使用Gecko内核的浏览器:Netcape6及以上版本、FireFox; 使用P...
2017-08-08 17:21:00
719
转载 用angular中的ng-repeat和ng-show来实现tab选项卡
虽然我们可以用angular中的路由来做tab选项卡,但是那会让我们建立很多的页面来引入,或者建立 <script type="text/ng-template" id="news"></script>来装内容,我认为都比较麻烦。所以我是使用angular中的json和angular中的ng-show来做选项卡的。话不多说,上代码html部分<...
2017-07-24 09:07:00
241
转载 vue入门
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。如果你对angular有所了解,那么你学起vue一定会非常容易。因为一方...
2017-07-17 11:29:00
138
转载 如何用css给input的placeholder设置颜色
我在做页面的时候遇到过这种情况,在input标签中有默认字,但是设计稿上的颜色和input标签中的placeholder的默认颜色不一致。虽然我们可以在js中写出,但是有点过于麻烦了。所以我就用css来给它设置了一下(注意css中有可能存在兼容性问题,如果实在不行还得用js。不过一般要求不严可以用这个偷偷懒)。<!DOCTYPE html><html&g...
2017-07-13 20:53:00
794
转载 前端性能优化
content方面1,减少HTTP请求:合并文件、CSS精灵、inline Image2,减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询3,避免重定向:多余的中间访问4,使Ajax可缓存5,非必须组件延迟加载6,未来所需组件预加载7,减少DOM元素数量8,将资...
2017-07-10 21:48:00
100
转载 angular中对象与字符串之间的转换
1.angular 里 字符串与对象互转 angular.toJson();将字符串转成对象 angular.forJson(); 将字符串转成对象2.angular 循环<script src="../js/angular.min.js" type="text/javascript" charset="u...
2017-07-10 14:04:00
1009
转载 使用angular路由切换后 轮播以及iscrollJs失效的问题
我们在使用angular的时候,路由总是最让人头疼的地方。在这里为大家解决一些用angular来回切换遗留下的小问题比如我们在使用ng-route时如果主页面含有轮播图,当你切换到其他页面再切回主页面时会发现主页面的轮播图不会动。对于这个问题我们要用到angular的一个指令--初始化 ng-init;首先我们需要在html中写入以下代码<div n...
2017-07-10 07:46:00
137
转载 二分线性找出数组中的最小值
我们在前两章中说明了二分线性中如何查找和数组去重,现在再来说一说如何用二分线性来寻找出最小值。 //还是先建立一个数组来进行分析 var arr = [12, 3, 45, 67, 13, 23, 3, 64, 5, 7, 65, 89, 76, 0 -32, 100]; //接着封装一个函数进行二分计算 function findMin(...
2017-07-10 07:45:00
180
转载 在移动端如何用swiper实现导航栏效果
我们在写移动端的时候会有滑动和点击导航后滑动到目标页面功能;而这个功能如果自己写的话会很麻烦,所以我在这推荐一下swiper这个插件。 其实swiper中的官网中也有这种功能的实现,但是我认为是有点麻烦的。而我在网上也没找到。所以我通过查找和研究弄出了这种方法(也可能有人这么用了); 话不多说,上代码 <!DOCTYPE html><ht...
2017-07-07 17:33:00
328
转载 二分线性数组去重
我们在昨天说了二次线性中查找的办法,这回我们再来说一说二次线性数组去重的用法。 //先建立一个数组 var arr = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, 5, 5, 6, 7, 8, 9, 0, 0, 3, 4, 5]; //我们先封装一个函数来进行计算数组去重的计算 function findInA...
2017-07-04 07:43:00
127
转载 二分线性查找
我们在工作中时常需要对大量的数据进行分析,而这就应该用上二次线性的算法了。这就不得不说二次线性了; 什么是二次线性呢,说到二次线性就说一说递归( recursion)吧,递归是程序调用自身的编程技巧。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解...
2017-07-03 21:00:00
158
转载 angular中的子路由用法
Angular ui-route的用法引入angular和使用angular子路由时需要的依赖模块angular-ui-route.js。并且在html中将路由要插入的位置写上。而在js部分中和angular路由一样在控制台外面写<body> <div ui-view></div></body><scri...
2017-06-29 08:21:00
366
转载 图片的懒加载方式
在这先说一下什么叫做懒加载,懒加载就是延尺加载。而什么时候要用到延迟加载呢,答案就是当我们所访问的页面数据量过大的时候,明显用缓存不太合适的时候。 因为内存有限,为了减少并发量,减少系统资源的消耗成了必然。我们只有让数据在需要的时候才进行加载。就像浏览大量图片的网页的时候我们如果不用懒加载的方 式,会降低用户的体验(顾客是上帝吗);而说到图片的懒加载的方式就是...
2017-06-29 08:20:00
88
转载 angular中的动画效果
用angular来形成动画效果的代码如下<!DOCTYPE html><html lang="en" ng-app="app"><head> <meta charset="UTF-8"> <title></title> <style> .bo...
2017-06-28 21:37:00
236
转载 关于写页面时容易发生的问题
如果你是开发时间长的我想我就不用多说了,但如果是开发时间短的我还是建议看一看的,因为这些都是常见的错误。一 、段落间距 这是我们在写页面时常见的错误,也是我们和UI设计师或项目经理矛盾较多的问题之一,因为设计稿中文字量的都是字与字上下的间距,但当你 写p标签或div标签检查一下元素的时候,会发现p标签和div标签会有留白,大概上下都有2px左右的留白。这样的话在加上你的上...
2017-06-27 19:21:00
109
转载 用wamp实现前端和php的交互效果
我们今天来用php来做一下前台与后台的交互效果,首先我们先打开这个软件。看一下电脑右下角的小图标当变成之后鼠标左键打开这个之后点击第二个之后会打开一个网站点击右面页面的数据库打开新建数据库,填入数据库名称和模式后点击创建,出现创建成功弹出框后,点击右面页面中我们新创建的数据库在新建数据库中新建一个数据表,填入数据表的名字和字段数...
2017-06-27 07:38:00
237
转载 原生封装的ajax
原生封装的ajax的代码如下://将数据转换成 a=1&b=2格式;function json2url(json){var arr = [];//加随机数防止缓存;json.t = Math.random();for(var name in json){arr.push(name+'='+json[name]);...
2017-06-26 11:48:00
99
转载 用angular引入复杂的json文件2
昨天我们也说了一下angular引入复杂json文件的方法,今天我们再来学习一种方法,而且更简单,更快捷。首先我们引入一个angular插件,并且写上引入模块和控制台,在html中书写上模块名和控制台名。之后创建一个json文件之后我们需要在控制台中将这个json文件引入之后我们在html中将json文件中的数据导出之后的效果就是这样...
2017-06-22 21:58:00
185
转载 用angular引入复杂的json文件
我们在写网页时是有很多的重复代码和重复样式的,我们也不能一口气敲下来,这样就成为了体力劳动了。所以我在遇到这种情况的时候大部分是用angular来获取json的,而用angular来让json数据库中的数据导入到网页中是让我们不用重复的书写重复的代码。但是一些子元素较少的还比较好整,但是象下拉列表就比较麻烦了。不止写json文件比较麻烦,连获取json都变的复杂啦。比如说我们...
2017-06-21 22:22:00
190
转载 pc端和移动端的区别
以下都是自己的个人理解,说错了希望大家多交流交流。1,普通pc端开发与移动端开发区别。普通pc端开发,我理解就是你拿电脑打开的网页都算【这相信大部分人都知道】。那么移动端开发工程师,说白了就很好理解了,做手机网页的前端开发工程师。这么一比,是不是感觉其实都差不太多,而且移动端的感觉更简单一点。pc,我们需要考虑什么呢?有点开发经验的同学都知道,ie6-11,firefox,chrome,...
2017-06-20 22:18:00
304
转载 弹幕效果
有时我们在一些平台上看到一些好玩的电影或节日时非常喜欢发弹幕,那今天就来让我们自己在网页中做一个简单的弹幕效果 我们先要在html部分做出能接收到发表内容的框,发表的按钮并且换上自己喜欢的样式及内容。 <input type="text" id="txt" /> <input type="button" id="btn" value="发表"...
2017-06-19 21:14:00
191
转载 angular的过滤器
angular有一些自带的过滤器,今天我就来写一下。首先还是先把导入一个angular插件,再在我们的js中把模块和控制台写上(别忘了在html中写入模块名和在body中写入控制台名,当然控制台名可以视情况而定写在哪)。因为我们老用数组,所以先写一下截取数组长度的;先在控制台中写一个数组,再在html中用angular的写法写入;截取数组长度$scope.arr =...
2017-06-17 23:18:00
163
转载 用angular做的模糊搜索
今天大家来试一试用angular做一下简单的搜索功能吧;首先我们需要写html的部分,我们需要设置几个条件,比如按什么来排序,按升序还是降序搜索,和一个文本框来设置模糊搜索;<nav> <select ng-model="a"> <option value="num">按编号排序</option> <...
2017-06-16 21:04:00
388
转载 原生JS返回顶部,带返回效果
有些网站当滑到一定高度时右下角会有一个按钮,你只要一点就可以直接返回顶部了。那这个功能是怎么做到的呢。其实不算太难;首先我们先在网页中创建一个按钮,上面写上返回顶部,把它的样式改成固定定位,之后想要什么样式都可以自己写上,再在上面设置一个id;之后我们js中获取一下这个按钮的id,并且定义一个变量timer,方便接下来清除间隔器;之后我们设置一个页面的滚动事件,在里面定义一个...
2017-06-15 23:04:00
150
转载 封装一个简单的运动函数
因为是自己封装的运动函数,所以没有那些插件的功能多,所以请多多包涵。 因为我们要封装的是一个运动函数,所以我们要先确定一下我们要修改的是哪些样式, function getStyle(obj,name){ if(obj.currentStyle){ /*判断一下是否支持浏览器*/ return obj.current...
2017-06-14 22:18:00
232
转载 grunt的简单应用
grunt是干什么的呢,一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。这样就会让我们省很多事。 废话不多说我来做一个简单的压缩js文件的程序,大家多多看看。 首先...
2017-06-13 20:20:00
155
转载 cookie的简单留言框
我们在网页浏览时退出后,再次进入时会有上次的记录,这就用的上cookie属性了,cookie就是服务器暂存放在你计算机上的一笔资料,好让服务器用来辨认你的计算机。当你在浏览网站的时候,Web服务器会先送一小小资料放在你的计算机上,Cookie 会帮你在网站上所打的文字或是一些选择,都记录下来。当下次你再光临同一个网站,Web服务器会先看看有没有它上次留下的Cookie资料,有的话,就...
2017-06-12 20:57:00
184
转载 弹性盒
在css样式设计中有一个弹性盒属性,那什么是弹性盒呢?简单来说就是可以根据某些子元素设置的宽度或者是高度来自动为其他的子元素设置宽度和高度。那么怎么将元素设置为弹性盒呢,答案就是将display:flex;样式设置在父元素上,记住是父元素上;之后我们就要分配父元素剩余的空间了。我们就要将-(相应的浏览器内核)-flex-grow:整数;设置在子元素上了(整数表示占父类剩余空间的份...
2017-06-11 19:42:00
89
转载 用jQuery实现简单的DOM操作
通过jQuery创建元素节点:$oLi = $("<li></li>");这样我们就创建了一个li标签如果想在元素节点中添加文本的话也挺简单:$oLi = $("<li>文本</li>");这样就可以在元素节点中添加文本了;当然如果你要写一个动态的文本也可以:$oLi = $("<li>"+index+"</li&...
2017-06-10 17:53:00
124
转载 angular做的简单购物车
虽然本人也是刚刚才开始学习angular.js,并不是非常会,但是这并不能阻止我对angular的喜爱。因为它太省代码了,比如说一个比较简单的购物车,就是只有商品名称,单价,数量,小计,总计和删除功能的购物车,我原先写一个这种的购物车要写好长一段的JS代码,不过现在就不用了。那么我就开始分享了。 首先我先把插件导入自己的代码中,再在JS中写上模块,并且写上控制台。不过别忘了在h...
2017-06-09 20:20:00
184
转载 jQuery与Zepto
jQuery和Zepto是我比较常用的插件。其实用法差不太多,可以说Zepto是jQuery的轻量级替代品,但是不要认为Zepto就没有jQuery好用,因为Zepto有jQuery没有的功能,就是移动端上的各种事件,比如左切,右切,上切,下切,双击和长按等,这些都是jQuery所没有的。不过Zepto的兼容性就没有jQuery好了,因为Zepto在开发者的沈思熟虑中不在兼容低端的浏览器...
2017-06-08 16:26:00
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人