Welcome

首页 / 脚本样式 / JavaScript

html、css和jquery相结合实现简单的进度条效果实例代码

2017-02-06 20
废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>jquery实现进度条</title><style ...

浅谈AngularJs指令之scope属性详解

2017-02-06 19
AngularJS使用directive（）方法类定义一个指令：.directive（"name",function（）{return{};}）上面是定义一个指令的主体框架，该方法接受两个参数：1、第一个参数：name表示定义的指令的名称（angularjs会用这个name注册这个指令）2、第二个参数：函数，该番薯必须返回一个对象或者一个函数，但通常我们会返回一个对象。return后接的就是返回的对象。在返回的对象中有一个scope属性，这个属性用来修饰指...

js在ie下打开对话窗口的方法小结

2017-02-06 20
对话框的性质分为模态对话框和非模态对话框：1.模态对话框：打开该对话框之后，在该对话框之外的一切操作都是被禁止的，要想进行其他操作，必须先关闭本对话框。js命令：showModalDialog（）;2.非模态对话框：和模态对话框相反，打开之后，仍可以进行对话框之外的操作。js命令：showModelessDialog（）;以上就是小编为大家带来的js在ie下打开对话窗口的方法小结全部内容了，希望大家多多支持脚本之家~...

JavaScript reduce和reduceRight详解

2017-02-06 26
reduce 方法（升序）语法：array1.reduce（callbackfn[, initialValue]）参数定义array1必需。一个数组对象。callbackfn必需。一个接受最多四个参数的函数。对于数组中的每个元素，reduce方法都会调用callbackfn函数一次。initialValue可选。如果指定initialValue，则它将用作初始值来启动累积。第一次调用callbackfn函数会将此值作为参数而非数组值提供返回值： 通过最后一...

JS封装的三级联动菜单（使用时只需要一行js代码）

2017-02-06 22
前言在实际的项目开发中，我们经常需要三级联动，比如省市区的选择，商品的三级分类的选择等等。而网上却找不到一个代码完整、功能强大、使用简单的三级联动菜单，大都只是简单的讲了一下实现思路。下面就给大家分享我在工作中封装并在项目中使用的三级级联操作代码，如有错误或者不当的地方欢迎大家指正。使用简单（只需要一行代码）可以根据需要设置是否显示“请选择”项支持回调（在三级分类加载完成后触发回调事件）支持一个页面多个级联菜单演示效果预览：三级联动封装原理：将selec标...

JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

2017-02-06 21
之前为了拍摄照片使用了webcam相关的插件，其拍摄后得到的是base64格式的图片，直接显示没问题，在src中直接指定就可以了，但是要上传到server时问题就来了，server端接收的是标准的文件，也就是html form中type=”file”的形式。想要沿用这个接口不更改server端代码，于是尝试将base64直接转换成标准的fomeData并通过AJAX提交。第一步，将base64转换成二进制图片（Blob）主要思路是整理一下base64的前面...

JavaScript的new date等日期函数在safari中遇到的坑

2017-02-06 20
最近在做移动Web的时候，在PC上用Chrome调试都成功了，但是在iPhone上真机一测就出现了奇怪的问题。经过一系列调试发现是日期相关的地方出现了问题。起初怀疑是生产环境的问题，但用Mac版的safari调试本地也出现了同样的问题。查阅一些资料后发现，safari中对于JavaScript的new Date函数的支持有一个比较奇怪的问题。通常，由于习惯了SQL中的datetime格式，日期是打成yyyy-mm-dd的格式，然而，safari竟然不支持这...

10分钟掌握XML、JSON及其解析

2017-02-06 23
引言NOKIA 有句著名的广告语：“科技以人为本”。任何技术都是为了满足人的生产生活需要而产生的。具体到小小的一个手机，里面蕴含的技术也是浩如烟海，是几千年来人类科技的结晶，单个人穷其一生也未必能掌握其一角。不过个人一直认为基本的技术和思想是放之四海而皆准的，许多技术未必需要我们从头到尾再研究一遍，我们要做的就是站在巨人的肩膀上，利用其成果来为人们的需求服务。随着移动互联网时代的大潮，越来越多的App不光是需要和网络服务器进行数据传输和交互，也需要和其他 ...

微信小程序 参数传递详解

2017-02-06 21
微信小程序的推出，无疑将会在移动互联网行业里再次掀起风浪。有人会质疑小程序会不会火， 会不会火我不知道， 看微信的用户量即可明白一切。微信小程序-参数传递这里我找到两种小程序上的参数传递方式，为了方便，我单独拿出来和大家分享下.一、通过事件进行参数传递先来看眼小程序对事件的定义：#什么是事件?这里是列表文本事件是视图层到逻辑层的通讯方式。这里是列表文本事件可以将用户的行为反馈到逻辑层进行处理。这里是列表文本事件可以绑定在组件上，当达到触发事件，就会...

微信小程序 富文本转文本实例详解

2017-02-06 20
微信小程序-富文本转文本最近小程序这么火，我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本内容的，改接口又不太合适，于是有了这问，没技术含量纯粹记录首先我们看眼没有被格式的富文本显示：*.wxml内代码。content是富文本内容 <view> <text>{{content}}</text></view>显示结果：由以上图片看到，小程序无法解析html文件我们需要处理html富文本内容，让其显示...

用jmSlip编写移动端顶部日历选择控件

2017-02-06 23
本文为大家分享了jmSlip移动端日历选择组件，可滚动选日期，并限制哪些日期可选和不可选。主要用来根据后台返回生成一个日期选择器。具体实现可关注jmslip: https://github.com/jiamao/jmSlip示例：http://slip.jm47.com/demo/calendar/index.html<！DOCTYPE html><html><head><meta charset="utf-8"&...

微信小程序 绘图之饼图实现

2017-02-06 23
微信小程序的推出，无疑将会在移动互联网行业里再次掀起风浪。有人会质疑小程序会不会火， 会不会火我不知道， 看微信的用户量即可明白一切。这里就先学习下微信小程序绘图的功能实现。官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-canvas.html思路是先画第一段弧，然后连线回圆心，关闭路径，注意不需要连线到起始位，用fill（）自动闭合到起始点，对照Photoshop里路径转选区的做法可以有助于理...

Select2.js下拉框使用小结

2017-02-06 20
用了这么久的Select2插件，也该写篇文章总结总结。当初感觉Select2不是特别好用，但又找不到比它更好的下拉框插件。在我的印象里Select2有2个版本，最新版本有一些新的特性，并且更新了一下方法参数，比最初版本要好看一些，本文针对新版本。官网：http://select2.github.io/ 演示：由于博客系统的原因，所以只能演示简单的功能。一.文件需要引入select2.full.js、select2.min.css（4.0.1版本）和jque...

微信小程序 购物车简单实例

2017-02-06 21
微信小程序，这里实现购物车功能的小demo,有需要此功能的朋友可以参考下。摘要: 加减商品数量，汇总价格，全选与全不选设计思路：一、从网络上传入以下Json数据格式的数组 1.购物车id：cid 2.标题title 3.数量num 4.图片地址 5.价格price 6.小计 7.是否选中selected二、点击复选框toggle操作 如已经选中的，经点击变成未选中，反之而反之 点击依据index作为标识，而不用cid，方便遍历三、全选操作 首次点击即为全部...

微信小程序 WXDropDownMenu组件详解及实例代码

2017-02-06 18
微信小程序 WXDropDownMenu组件详解，这里给个小的示例，帮助大家学习理解，功能：适用于商品列表筛选与功能菜单跳转先来看下效果图：思路与步骤：布局方面，整体使用dl来写，二级包在dd中，用ul li来写；交互方面，点击某一级菜单，关闭兄弟子菜单，点击某子菜单关闭所有菜单。1.使用dt做出第一级菜单2.使用dd嵌套第二级菜单，初始隐藏、position为absolute，使用z-index浮出页面层/*总菜单容器*/.menu { display:...

微信小程序 倒计时组件实现代码

2017-02-06 18
功能: 适用于电商应用的限时团购、商品秒杀等先来看下最终效果：git源：http://git.oschina.net/dotton/CountDown分步骤-性子急的朋友，可以直接看最后那段代码。wxml文件放个text<text>second: {{second}} micro second:{{micro_second}}</text>在js文件中调用function countdown（that） { var second =...

微信小程序（应用号）开发新闻客户端实例

2017-02-06 20
下载最新版的微信小程序开发工具，目前是v0.9.092300下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/index.htmlgit下载地址：http://git.oschina.net/dotton/news先看下效果图：Paste_Image.png一、新建应用1.内测...

纯js实现手风琴效果代码

2017-02-06 20
我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发，这不仅节约了时间，也让效率大大的提高，并让公司的效益增加，何乐而不为呢？但是，这也会有一定的缺点，比如jQ比js慢，尤其在大型项目中就会显现出来，下面我用原生js实现一个简单的手风琴效果效果。HTML代码如下结构非常简单就5个li盒子，js代码会渲染图片上去<！DOCTYPE html><html><head lang="en"><meta c...

深入理解Node.js的HTTP模块

2017-02-06 23
前言我们知道传统的HTPP服务器会由Aphche、Nginx、IIS之类的软件来担任，但是nodejs并不需要，nodejs提供了http模块，自身就可以用来构建服务器，而且http模块是由C++实现的，性能可靠。其中封装了一个高校的HTTP服务器和一个简单的HTTP客户端。http.Server是一个基于事件的HTTP服务器；http.request则是一个HTTP客户端工具，用于向HTTP服务器发送请求，实现内容抓取。一. HTTP服务器http.Se...

将form表单通过ajax实现无刷新提交的简单实例

2017-02-06 21
实例如下：//将form转换为AJAX提交function ajaxSubmit（url,frm,fn）{var dataPara=getFormJson（frm）;$.ajax（{url:url,type:"post",data:dataPara,async:false,dataType:"txt",success:fn}）;}//将form中的值转换为键值对function getFormJson（frm）{var o={};var a=$（frm）....
<< 81 82 83 84 85 86 87 88 89 90 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图