Welcome

首页 / 脚本样式 / JavaScript

Vue.js每天必学之方法与事件处理器

2017-02-06 17
方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：var vm = new Vue（{ el: "#example", data: {name: "Vue.js" }, // 在 `meth...

Vuejs第十篇之vuejs父子组件通信

2017-02-06 17
本篇文章是小编结合官方文档整理的一套更加细致，代码更多更全的教程，非常不错，比较适合新手阅读。本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#u7236_u5B50_u7EC4_u4EF6_u901A_u4FE1父子组件通信①访问子组件、父组件、根组件；this.$parent 访问父组件this.$children 访问子组件（是一个数组）this.$root 根实例的后代访问根实例示例代码：&l...

Vue.js 父子组件通讯开发实例

2017-02-06 19
vue.js，是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。（这是官方的一个解释！）小编没使用过angularjs，也没使用过react.js，不能详细的说明三者的区别，想了解的话，在官方有一个分析，请点这里查看小编从业前端开发也有了一年多的时间，刚开始的时候，前端开发展现的技术太多，小编有心无力，兼顾不过来，经过了解之后，还是选择了学原生js基础兼并jquery的学习上路。小编...

Vue.js每天必学之过渡与动画

2017-02-06 18
通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>transition 特性可以与下...

如何解决IONIC页面底部被遮住无法向上滚动问题

2017-02-06 18
Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。ionic 特点1.ionic 基于Angular语法，简单易学。[3]2.ionic 是一个轻量级框架。3.ionic 完美的融合下一代移动框架，支持 Angula...

原生JS:Date对象全面解析

2017-02-06 15
Date对象：基于1970年1月1日（世界标准时间）起的毫秒数本文参考MDN做的详细整理，方便大家参考MDN构造函数：1.new Date（）; 依据系统设置的当前时间来创建一个Date对象。2.new Date（value）; value代表自1970年1月1日00:00:00 （世界标准时间） 起经过的毫秒数。3.new Date（dateString）; dateString表示日期的字符串值。该字符串应该能被 Date.parse（） 方法识别（符...

ion content 滚动到底部会遮住一部分视图的快速解决方法

2017-02-06 19
出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表，导致ion-content出现这个问题，经过多次尝试终于找到解决办法，很简单，只要在你的controller里面预先注入$ionicScrollDelegate，如下代码app.controller（"myperforController", ["$scope", "$http", "$state", "$ionicLoading", "service", "$ionicHistory",...

使用JS实现图片展示瀑布流效果（简单实例）

2017-02-06 18
不知大家有没有发现，一般的图片展示网站都会使用瀑布流效果，所谓的瀑布流就是网站内的图片不会一下子全缓存出来，而是等你滚动到一定的距离的时候，下面的图片才会继续缓存，并且图片也是随机出现的，只是宽度一样，高度并不一样，高高低低就像瀑布一样，所以叫做瀑布流效果。下面我把代码给大家，大家随便下几张图片试试。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...

使用JS轻松实现ionic调用键盘搜索功能（超实用）

2017-02-06 17
这个需求是产品提的，一开始只是设置了 <input style="padding-top: 3px;" type="search" placeholder="搜索医生或医院" ng-model="query">type="search"发现android上可以ios调取不出search健来，气死我了，经过google的搜索得到结论，需要在外面套用一个form表单，于是加上果然好使而且结合了form表单提交的事件直接调用了button 按钮的点击...

ionic在开发ios系统微信时键盘挡住输入框的解决方法（键盘弹出问题）

2017-02-06 17
在使用ionic开发IOS系统微信的时候会有一个苦恼的问题，填写表单的时候键盘会挡住输入框，其实并不算什么大问题，只要用户输入一个字就可以立刻看见输入框了。 可惜的是，有些客户是不讲理的，他才不管这个问题，反正就是不行，所以在一天睡觉的时候突然惊醒，想出来这个方案。 我就不仔细讲代码了，直接上图 angular.module（"MyApp"）.directive（"focusInput", ["$ionicScrollDelegate", "$win...

js 获取元素所有兄弟节点的实现方法

2017-02-06 18
比如一个ul里面有10个li，而第3个li上有特殊的样式（比如颜色为红色，其他为黑色）。我想把其他所有li——不包括红的li——的颜色也设为红色，此时，就需要获得红li的所有兄弟节点。兄弟，就是和你平辈的，既不是上一级也不是下一级，而且可能有比你大的（兄），也可能比你小（弟）。兄弟节点同理，下面是一个常规的获取兄弟节点的办法。代码如下function siblings（elm） {var a = [];var p = elm.parentNode.chil...

HTML5 canvas 9绘制图片实例详解

2017-02-06 20
绘制图片Var image=new Image（）;image.src=” http://img4.duitang.com/uploads/item/201406/25/20140625182321_4MTau.thumb.700_0.jpeg”;image.onload=function（）{}Context.drawImage（image,x,y）;Context.drawImage（image,x,y,w,h）;Context.drawIamge（i...

jquery validate表单验证插件

2017-02-06 17
对于初学者而言，html表单验证是一项极其琐碎的事情。要做好表单验证，需要准备以下基本要素：1.html表单结构：包含需要校验的表单元素；2.js逻辑控制：在需要校验的表单元素上绑定事件，如点击、获取焦点、失去焦点等事件，并设置这些事件对应的执行函数；3.css样式设置：针对需要校验的表单元素，需要设置默认的初始样式，以及触发元素绑定事件后的变化样式。这3类基本要素中，html表单结构的创建相对简单。表单验证的重点和难点在于如何利用js及时有效地提醒用户有...

jquery 属性选择器（匹配具有指定属性的元素）

2017-02-06 15
jQuery 选择器在前面的章节中，我们展示了一些有关如何选取 HTML 元素的实例。关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。在 HTML DOM 术语中：选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。jQuery 元素选择器jQuery 使用 CSS 选择器来选取 ...

JavaScript 函数模式详解及示例

2017-02-06 19
JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。创建函数的语法命名函数表达式//命名函数表达式var add = function add（a,b）{ return a+b;};var foo = function bar（） { console.log（foo === bar）;};foo（）;//true可见，...

JS实现title标题栏文字不间断滚动显示效果

2017-02-06 17
本文实例讲述了JS实现title标题栏文字不间断滚动显示效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xh...

BootStrap中的表单大全

2017-02-06 17
表单 基础表单 对于表单中的input、textarea、select，一般我都会加上类”form-control”,它设置元素的默认宽度为100%（并不是绝对，比如下述的内联表单）。并且每个元素（包括label和待输入元素）都会加上”form-group”。它的样式只有一个。margin-bottom:15px。 <form action=""><div class="form-group"><label for="...

聊一聊Vue.js过渡效果

2017-02-06 19
通过 Vue.js 的过渡系统，你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。以 v-transition="my-transition" 这个指令为例，当带有这个指令的 DOM 节点被插入或移除时，Vue 将会：用 my-transition 这个 ID 去查找是否有...

jQuery实现底部浮动窗口效果

2017-02-06 18
本文实例讲述了jQuery实现底部浮动窗口效果。分享给大家供大家参考，具体如下：<script type="text/javascript" src="jquery-1.10.1.min.js"></script><style type="text/css">#foot_tel { width:100%;height:43px; background:url（styles/js/swt/tel_bj_20131123.p...

Node.js读写文件之批量替换图片的实现方法

2017-02-06 17
问题：文件夹A中有大量图片文件，需要用另外一个图片替换掉A中图片，但是命名保持不变。手工的做法如下：1）浏览器打开图片->2）另存为->3）目标文件夹->4）找到一个图片->5）替换->6）确定然后，重复步骤2）和之后的步骤。不小心会漏掉或重复。这么麻烦，使用node.js来处理改如何呢？代码如下：var fs=require（"fs"）, cp=require（"child_process"）;var url="Moriar...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图