Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap优化站点资源、响应式图片、传送带使用详解3

Bootstrap优化站点资源、响应式图片、传送带使用详解3

2017年02月06日 46 阅读
优化Bootstrap站点资源、完成Bootstrap响应式图片、让传送带支持手势，具体内容如下A.优化站点资源速度很重要。用户很关心。我们的站点必须加载够快，否则用户就会走人。SEO 也很重要。我们的站点必须加载够快，否者搜索排名就会下降。明白了这样，我们就来清点一下 【Bootstrap】2.作品展示站点中的资源。特别的，来看一看我们能控制的、影响页面速度的重要因素 —— 文件大小，包括图片、CSS和 JavaScript 文件。只要简单几步，我们就可...
js中json处理总结之JSON.parse

js中json处理总结之JSON.parse

2017年02月06日 46 阅读
JSON（JavaScript Object Notation） 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。踩过的坑都将成为路上的风景。队友在cookie中已存以下值：address_info {"address_name":"人民大会堂","...lng":1,"address_...
JS控制页面跳转时未请求要跳转的地址怎么回事

JS控制页面跳转时未请求要跳转的地址怎么回事

2017年02月06日 41 阅读
其实，想表达的仅仅是，在js中通过window.location.href控制页面跳转时，有时会跳转至缓存页面，并没有真正去请求要跳转的地址，导致页面数据未能及时加载刷新。直奔code...解决办法：在HTML中埋入隐藏from，通过js调用from进行请求链接地址<form id="hidden_submit_info" method="post" enctype="multipart/form-data" action="test.php" &g...
Bootstrap作品展示站点实战项目2

Bootstrap作品展示站点实战项目2

2017年02月06日 46 阅读
假设我们已经想好了要给自己的作品弄一个在线站点。一如既往，时间紧迫。我们需要快一点，但作品展示效果又必须专业。当然，站点还得是响应式的，能够在各种设备上正常浏览，因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性，同时也将根据需要对Bootstrap进行一些定制。1.设计目标虽然对大屏幕中的展示效果已经胸有成竹，但我们还应该从小设备开始，强迫自己聚焦在关键的要素上面。这个作品展示站点应该具有下列功能：□ 带Logo的可折叠...
微信小程序 地图定位简单实例

微信小程序 地图定位简单实例

2017年02月06日 43 阅读
微信小程序开发地图定位。微信小程序 刚刚公布没多久，自己学习一下内容，以便以后的开发，想落后别人，这里做了一个简单的小程序示例，大家可以参考下要求要完成的功能：1.要完成的要点是城市定位。2.就是切换城市。首页我们先参照微信小程序开放的官方文档找到：在这里我们可以找到”当前位置经纬度“getLocation: function （）{ var that = this wx.getLocation（ { success: function （res...
AngularJS 与Bootstrap实现表格分页实例代码

AngularJS 与Bootstrap实现表格分页实例代码

2017年02月06日 45 阅读
AngularJS 从开始发布到现在使用的开发的者越来越多，也表明大多数做前端的朋友在往这边转，毕竟是Google 公司出品的产品啊，所以最近自己也在学习这部分知识。AngularJS Bootstrap实现表格分页：最近一直学习Angular.js，在学习过程中也练习了很多的Demo，这里先贴一下表格+分页。先上图看看最终结果：不得不说Angular.js代码风格很受人欢迎，几十行代码清晰简洁的实现了上面的功能。首先表格的数据源来自于，Server.js...
前端js实现文件的断点续传 后端PHP文件接收

前端js实现文件的断点续传 后端PHP文件接收

2017年02月06日 41 阅读
早就听说过断点续传这种东西，前端也可以实现一下。断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），理解其大致的实现过程还是先以图片为例，看看最后的样子一、一些知识准备断点续传，既然有断，那就应该有文件分割的过程，一段一段的传。以前文件无法分割，但随着HTML5新特性的引入，类似普通字符串、数组的分割，我们可以可以使用slice方法来分割文件。所以断点续传...
js仿手机页面文件下拉刷新效果

js仿手机页面文件下拉刷新效果

2017年02月06日 40 阅读
最后弄出了一个简单的下拉刷新页面的形式，还不算太复杂要在仿真器下才能看到效果，比如chrome的里边（或者用手机浏览器查看，但测试发现有些浏览器有问题，目前手机猎豹是没问题的）主要就是：下拉-->提示松开刷新-->松开后-->开始刷新-->刷新成功后还原html,css部分style type="text/css"> #slideDown{margin-top: 0;width: 100%;} #slideDown1,#sli...
第一次接触神奇的Bootstrap

第一次接触神奇的Bootstrap

2017年02月06日 39 阅读
作为Web前端开发框架，Bootstrap为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。1.下载Bootstrap打开官方网址http://getbootstrap.com/ 进行下载。2.准备项目模板文件夹接下来，我们为第一个项目创建一个文件夹以及一些基本的文件。谓词我们还要用到HTML5样板文件 HTML5 Boilerplate（H5BP），然后把Bootstrap的有用文件复制过去。2.1 下载H5BP访问网站链接地址：https:...
javascript对浅拷贝和深拷贝的详解

javascript对浅拷贝和深拷贝的详解

2017年02月06日 41 阅读
下面小编就为大家带来一篇浅谈JavaScript中面向对象的的深拷贝和浅拷贝。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。1.浅拷贝：复制一份引用，所有引用对象都指向一份数据，并且都可以修改这份数据。2.深拷贝（复杂）：复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。这里画一个简单的图来加深理解:一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，...
Js动态设置rem来实现移动端字体的自适应代码

Js动态设置rem来实现移动端字体的自适应代码

2017年02月06日 40 阅读
下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应，以此做个记录，方便以后需要，感兴趣的朋友一起看看吧。具体代码如下所示：//设置根元素字体var win = window,doc = document;function setFontSize（） { var winWidth = $（window）.width（）; //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小 var size = （winWidt...
jQuery.form.js插件不能解决连接超时（timeout）的原因分析及解决方法

jQuery.form.js插件不能解决连接超时（timeout）的原因分析及解决方法

2017年02月06日 40 阅读
jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时，碰到了一个问题：当碰上网速较慢时，而我们又设置了timeout时，例如：var options = { timeout: 3000 //限制请求的时间，当请求大于3秒后，跳出请求 }我们的页面会死在这里，贴上F12开发者工具返回的结果：此时，我们并没有处理错误的回调函数，而百度出来的例子中也只有这两个回调函数：...
js插件Jcrop自定义截取图片功能

js插件Jcrop自定义截取图片功能

2017年02月06日 38 阅读
当初说这个需求的时候，在网上找了一点资料，但是基本上感觉不符合项目中的需求。参照一些项目，和同事的改造，终于是像点样子了。截图大致截为3个像素，每个像素使用的地方也不同，考虑图片不会是很多,分别压缩保存下来。根据截取的像素位置，对应的压缩成相应的图片：首先需要下载Jcrop.js与uploadify.js 上传图片的插件和截图的插件Comm_UploadJcrop.js//剪裁头像对象和宽高比例var jcrop_api, boundx, boundy;/...
浅析JS中对函数function的理解（基础篇）

浅析JS中对函数function的理解（基础篇）

2017年02月06日 42 阅读
正文：我们知道，在js中，函数实际上是一个对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法。因此，函数名实际上是指向函数对象的指针，不与某个函数绑定。在常见的两种定义方式（见下文）之外，还有一种定义的方式能更直观的体现出这个概念：var sum = new Function（"num1", "num2", "return num1 + num2"）; //不推荐 Function的构造函数可以接收任意数量的参数，但最后...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图