Welcome

首页 / 脚本样式 / JavaScript

jQuery中JSONP的两种实现方式详解

2017-02-06 21
前台代码如下：后台Action代码如下：运行后就可以看到结果了。我追踪了下后台ProcessCallback代码，如下图：可以看到jsonCallback的值为"jQuery17104721...."，它是前端传给远程服务器后台Action的。这里 jQuery171..表示的是jQuery的版本，可以简单地将这个理解为JSONP类型请求回调函数，jQuery在我们每次指定Ajax请求方式为 JSONP时都会生成这么一个JSONP回调函数。虽然jQuery...

微信小程序 框架详解及实例应用

2017-02-06 20
快速了解微信小程序的使用，一个根据小程序的框架开发的todos app微信官方已经开放微信小程序的官方文档和开发者工具。前两天都是在看相关的新闻来了解小程序该如何开发，这两天官方的文档出来之后，赶紧翻看了几眼，重点了解了一下文档中框架与组件这两个部分，然后根据简易教程，做了一个常规的todo app。这个app基于微信小程序的平台，实现了todo app的常规功能，同时为了让它更接近实际的工作场景，也用到了loading与toast这两个组件来完成一些操作...

微信小程序（应用号）简单实例应用及实例详解

2017-02-06 25
Demo 预览演示视频（流量预警 2.64MB）GitHub Repo 地址仓库地址：https://github.com/zce/weapp-demo使用步骤将仓库克隆到本地：bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban打开微信Web开放者工具（注意：必须是0.9.092300版本）必须是0.9.092300版...

javascript动画之模拟拖拽效果篇

2017-02-06 22
先看看实现效果图， 模拟拖拽最终效果和在桌面上移动文件夹的效果类似原理介绍鼠标按下时，拖拽开始。鼠标移动时，被拖拽元素跟着鼠标一起移动。鼠标抬起时，拖拽结束所以，拖拽的重点是确定被拖拽元素是如何移动的假设，鼠标按下时，鼠标对象的clientX和clientY分别为x1和x2。元素距离视口左上角x轴和y轴分别为x0和y0鼠标移动的某一时刻，clientX和clientY分别为x2和y2所以，元素移动的x轴和y轴距离分别为x2-x1和y2-y1元素移动后，元素...

IOS中safari下的select下拉菜单文字过长不换行的解决方法

2017-02-06 19
今天遇到下图这种问题，文字过长，显示不全。折腾了老半天，在网上搜了半天也找不到解决方案。于是问了下同事，同事提到了<optgroup>，这个标签厉害。<optgroup> 标签定义选项组。optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，...

angular基于路由控制ui-router实现系统权限控制

2017-02-06 22
前端去实现权限控制听起来有点扯淡（实际也有点扯淡），掩耳盗铃，主要是担心安全问题，但是如果在前后端分离的情况下，需要做一个带有权限控制的后台管理系统，angular基于ui-router应该怎么做呢？权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好...

jQuery实现表格文本框淡入更改值后淡出效果

2017-02-06 23
本文分为html代码和jquery两段代码，代码很简单，大家可以参考下！html代码<table style="border:1px solid blue"><tr><th>id</th><th>name</th><th>age</th><th>sex</th><th>操作</th></tr><t...

纯JavaScript 实现flappy bird小游戏实例代码

2017-02-06 19
前言：《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年5月24日上线，并在2014年2月突然暴红。2014年2月，《Flappy Bird》被开发者本人从苹果及谷歌应用商店撤下。2014年8月份正式回归APP STORE，正式加入Flappy迷们期待已久的多人对战模式。游戏中玩家必须控制一只小鸟，跨越由各种不同长度水管所组成的障碍。正文：接下来就是一步一步来实现它步骤1：页面布局，这儿就不多说了...

微信小程序 开发指南详解

2017-02-06 20
编写代码创建小程序实例点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。下面我们简单了解这三个文件的功能，方便修改以及从头开发自己的微信小程序。​ app.js是小程序的脚本代码。我们...

微信小程序 在Chrome浏览器上运行以及WebStorm的使用

2017-02-06 23
「微信小程序」的开发框架体验起来，还不错——自带了UI框架。但是问题是他的IDE，表现起来相当的糟糕——其实主要是因为，我当时买WebStorm License买了好多年。所以，我觉得他的IDE真不如我这个付费好用。而且，作为一个拥护自由和开源的 「GitHub 中国区首席Markdown程序员」。微信在「微信小程序」引导着Web开向封闭，我们再也不能愉快地分享我们的代码了。如果我们放任下去，未来的Web世界令人堪忧。好了，废话说完了：文章太长不想看，可以...

微信小程序 （一）新建项目hello WeApp 详细介绍

2017-02-06 20
本篇默认已经成功安装微信小程序工具新建项目AppID查看公众开发平台设置查看（https://mp.weixin.qq.com） 项目名称随意填写本地开发项目： 新建一个空的文件夹勾线当前会生成一个项目打开项目更详细的说多了也没啥意义看官网的简易教程非常详细！！！！！！！！！ https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807相关文章：hello WeApp icon组件Window...

微信小程序（二）Window 配置详细介绍

2017-02-06 21
window用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在app.json中配置的属性会被子window属性覆盖只需在app.json配置即可相关文章：hello WeApp icon组件Window text组件switch组件tabBar底部导航 progress组件action-sheet应用生命周期button组件 modal组件页面生命周期checkbox组件toast组件模块化详form组件详 loading 组件数据绑定input...

微信小程序 （三）tabBar底部导航详细介绍

2017-02-06 22
tabBar相对而言用的还是比较多的，但是用起来并没有难，在app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项主要属性：对于tabBar整体属性设置：对于tabBar中每个Item属性设置：下面是官网一张图对tabBar描述：app.json的配置相对就简单了：...

微信小程序使用第三方库Immutable.js实例详解

2017-02-06 20
前言Immutable JS 提供一个惰性 Sequence，允许高效的队列方法链，类似 map 和 filter ，不用创建中间代表。immutable 通过惰性队列和哈希映射提供 Sequence, Range, Repeat, Map, OrderedMap, Set 和一个稀疏 Vector。微信小程序无法直接使用require（ "immutable.js" ）进行调用,需要对下载的Immutable代码进行修改,才能使用。原因分析Immutab...

微信小程序（四）应用生命周期详解

2017-02-06 22
App（） 函数用来注册一个小程序，注意必须在 app.js 中注册，且不能注册多个。 使用方式也跟Android中的Application中初始化一些全局信息以供使用。方法：应用生命周期代码：相关文章：hello WeApp icon组件Window text组件switch组件tabBar底部导航 progress组件action-sheet应用生命周期button组件 modal组件页面生命周期checkbox组件toast组件模块化详form组件...

微信小程序（五）页面生命周期详细介绍

2017-02-06 20
这里只要熟悉页面的基本生命周期即可，业务在指定生命周期函数内书写。以下是官网给出的生命周期函数方法和状态图上面的生周期函数图对于做Android 或者IOS的来书理解起来应该不是难事，具体怎么掌握只有慢慢尝试和摸索代码处理:这里的代码主需要对使用创建项目时index目录下文件处理下就行,至于跳转后的页面用的还是logs不需要更改！下面贴下代码注释也比较详细index.wxml<！--index.wxml--><view class="co...

微信小程序使用第三方库Underscore.js步骤详解

2017-02-06 22
前言Underscore.js是一个很精干的库，压缩后只有4KB。Underscore 提供了100多个函数，包括常用的：map、filter、invoke — 当然还有更多专业的辅助函数，如：函数绑定、JavaScript 模板功能、创建快速索引、强类型相等测试等等。弥补了标准库的不足，大大方便了JavaScript的编程。微信小程序无法直接使用require（ "underscore.js" ）进行调用。微信小程序模块化机制微信小程序运行环境支持Com...

微信小程序 （六）模块化详细介绍

2017-02-06 20
模块化也就是将一些通用的东西抽出来放到一个文件中，通过module.exports去暴露接口。我们在最初新建项目时就有个util.js文件就是被模块化处理时间的 /** * 处理具体业务逻辑 */function formatTime（date） { //获取年月日 var year = date.getFullYear（） var month = date.getMonth（） + 1 var day = date.getDate（） //获取时分秒 v...

微信小程序 （七）数据绑定详细介绍

2017-02-06 20
数据绑定有一部分前几个看着还行，后面的几个可能有几个不理解，界面展示的数据有的也因为条件没法显示。看不懂的可以先记着，后面真正用到时就会明白，反正我是这样想的。这里先记录下data.wxml<！--数据绑定使用对象---内容--><view>{{message}}</view><！--数据绑定使用对象---组件属性---需要在双引号之内--><view id="item-{{id}}">组件属性&...

微信小程序 （八）View组件详细介绍

2017-02-06 20
刚看到这个效果的时候还真是和ReactNative的效果一致，属性也基本的一样. view这个组件就是一个视图组件使用起来非常简单。主要属性：flex-direction： 主要两个特性”row”横向排列”column”纵向排列justify-content 主轴的对齐方式（如果flex-direction为row则主轴就是水平方向）可选属性 （‘flex-start", ‘flex-end", ‘center", ‘space-between", ‘sp...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图