Welcome 微信登录

首页 / 脚本样式 / JavaScript

微信小程序 radio单选框组件详解及实例代码

微信小程序 radio单选框组件详解及实例代码

微信小程序单选框radio相关文章:微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input微信小程序 form 微信小程序 checkbox 实现效果图:radio-group单选群组,内部由多个radio组成属性名类型默认值说明bindchangeEventHandlerad...
React实现点击删除列表中对应项

React实现点击删除列表中对应项

点击删除按钮,删除列表中对应项本来是React比较基础的应用,可是应用情况变得复杂了以后,我还真想了一会儿才搞定。简化一下应用场景:点击新增按钮,增加一条输入框,点击输入框旁边的按钮,删除该输入框(不能删错了啊)。先说第一种方法问题刚上手,首先规划级别:一个输入框和对应删除按钮为一个子组件,整体为父组件即可方便处理。注意的点:生成的一坨输入框是一个数组,为了准确删掉对应项,生成时要编号。点击删除按钮要反馈对应编号,然后进行删除。现在的逻辑是:整个待展示列表...
JavaScript中的call和apply的用途以及区别

JavaScript中的call和apply的用途以及区别

apply 接受两个参数,第一个参数指定了函数体内this 对象的指向,第二个参数为一个带下标的集合,这个集合可以为数组,也可以为类数组,apply 方法把这个集合中的元素作为参数传递给被调用的函数:var func = function( a, b, c ){alert ( [ a, b, c ] ); // 输出 [ 1, 2, 3 ]};func.apply( null, [ 1, 2, 3 ] );在这段代码中,参数 1、2、3 被放在数组中一起传...
微信小程序 特效菜单抽屉效果实例代码

微信小程序 特效菜单抽屉效果实例代码

实现效果图:抽屉菜单是app上常见的菜单设计方式,典型的抽屉菜单如下图所示下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示:页面包含一个主页和抽屉菜单页,为了实现滑动效果,页面采用absolute布局,代码如下index.wxml<view id="id-main-page" class="main-page" animation="{{animationData}}" style="left:{{mainPageLeft}}rpx;" b...
ajax的分页查询示例(不刷新页面)

ajax的分页查询示例(不刷新页面)

既然是分页查询,那么就要有张数据很多的表,可以让它进行分页显示,用普通的方法进行分页查询必然是要刷新页面的,这里要实现不刷新页面进行分页显示数据,就要用到ajax方式。进行编写代码(1)先写个显示数据的页面,分页查询需要那几个部分呢?1.首先是查询的文本框输入,还有查询按钮,那么就开始写代码吧<div><input type="text" id="key" /> //输入查询字的文本框<input type="button" ...
AngularJS中的按需加载ocLazyLoad示例

AngularJS中的按需加载ocLazyLoad示例

一、前言ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里,首次加载页面就下载好所有的资源没有什么大问题。但是当我们的网站渐渐庞大起来,这样子的加载策略让网速初始化速度变得越来越慢,用户体验不好。二来,分模块加载易于团队协作,减低代码冲突。二、按需加载的对象各个Controller模块、Directive模块、Server模块、template模板,其实这些都是一些 .js文件或者 .html文件 。三 、按需加载的场景1 路由加载...
AngularJS中的缓存使用

AngularJS中的缓存使用

缓存篇一个缓存就是一个组件,它可以透明地储存数据,以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复,消耗时间。因此缓存适用于变化性不大的一些数据,缓存能够服务的请求越多,整体系统性能就能提升越多。$cacheFactory与缓存对象$cacheFactory是一个为Angular服务生产缓存对象的服务。要创建一个缓存对象,可以使用$cacheFactory通过一个ID和capacity。其中,ID是一个缓存对象的名称,capacity则是...
微信小程序 常见问题总结(4058,40013)及解决办法

微信小程序 常见问题总结(4058,40013)及解决办法

微信小程序 常见问题:一:项目结构微信小程序项目结构主要有四个文件类型,如下WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,js 逻辑处理,网络请求json 小程序设置,如页面注册,页面标题及tabBar。注意:为了方便开发者减少配置项,规定描...
web打印小结

web打印小结

项目中有个需求是将winform客户端的打印,移到网页上由客户自行打印,打印要求是根据一定的格式实现套打。当时的解决方案是使用PDF打印:1、 准备好套打格式的底图;2、打开底图,将动态内容画到底图上;3、利用第二步修改后的图片,生成PDF,完成打印后来发现一款比较强大的web打印工具lodop,简单使用说明如下:1、先检查下浏览器是否安装此插件: http://www.lodop.net/demolist/PrintSample1.html2、建立htm...
Angularjs中使用layDate日期控件示例

Angularjs中使用layDate日期控件示例

layDate 控件地址:http://laydate.layui.com/前情:原来系统中使用的日期控件是UI bootstrap(地址:https://angular-ui.github.io/bootstrap/)里的。后来因为各种原因,要换掉UI bootstrap中的日期控件,改用layDate日期控件。解决思路:将layDate的初始化及相关代码定义在指令里。问题关键点:layDate操作的是Html元素的,怎么实现双向绑定,同步Angular...
微信小程序 轮播图swiper详解及实例(源码下载)

微信小程序 轮播图swiper详解及实例(源码下载)

微信小程序 swiper 轮播图前言:1.更新了v0.12的版本后,每次保存都弹出来一个打开文件窗口。2.swiper组件的属性indicator-dots,值为false时,面板指示点还是显示。要把indicator-dots属性直接删掉。下面进入正题:默认的swiper面板指示点都是小圆点黑灰的,但这满足不了广大小伙伴需求,比如其他颜色的,椭圆形的,方形的等等。。。。首先当然是要禁用掉(直接删掉)swiper属性indicator-dots,再用vie...
angularjs 实现带查找筛选功能的select下拉框实例

angularjs 实现带查找筛选功能的select下拉框实例

一.背景对于select的下拉列表,像国家选择这样的功能,全世界那么多国家,一直拉滚动条多辛苦,眼睛也要盯着找,累!so,为优化用户体验,带查找功能的下拉框是非常非常有必要的。都知道jquery里有这样的插件,但我们用的是Angularjs,更希望用双向绑定,指令的方式优雅地解决这个问题。分析: 目标在原来的<select ng-options="">标签上新加一个属性 select-search就能支持查找的功能。如果这个属性没起作用,也不影...
<< 31 32 33 34 35 36 37 38 39 40 >>