Welcome

首页 / 脚本样式 / JavaScript

BootStrap 超链接变按钮的实现方法

2017-02-06 17
<a href="#"> xuhaitao </a>上面代码效果如下：btn btn-default ：变成一个按钮样子 btn-lg : 大号的按钮 btn-block : 按钮填充整个宽度JS按钮（bootstrap）超链接html代码：button是bootstrap样式，请先加入bootstrap.min.css和jquery-1.11.1.min.js<a href="#" id="DownLoadAudio" ta...

微信小程序前端源码逻辑和工作流

2017-02-06 19
废话不多说，直接分析前端代码。文件基本结构：先看入口app.js，app（obj）注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。其他文件可以通过全局方法getApp（）获取app实例，进而直接调用它的属性或方法，例如（getApp（）.globalData）//app.jsApp（{onLaunch: function （） {//调用API从本地缓存中获取数据var logs = wx.getStorageSync（"log...

概述VUE2.0不可忽视的很多变化

2017-02-06 19
今天使用webpack-sample初始一个vue-cli项目，在app.vue文件中添加了个钩子函数ready，可是ready内的事件一直不执行，检查了webpack文件和package.json也没发现什么问题，浏览器也没报错或者提示，很令人捉急。然后去github看了webpack-simple源码，才发现原来vue init webpack-simple默认安装的vue是2.0版本。马上推测到是不是因为vue2.0废弃了ready的用法，果然不出所...

javascript实现根据汉字获取简拼

2017-02-06 19
主要用于模糊查询，或者快速查找代码如下<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in intranet） & Chrome Frame Remove this if you use the .htaccess -->...

JavaScript实现简单的日历效果

2017-02-06 20
只是个简单的日历模板，各位可根据需要自行添加需要的功能。该模板更多的是提供了关于年、月、日、月初、月末、星期的获取函数。各位可根据需要自行获取。欢迎提供更简便的方式方法，互相学习提高！谢谢~~<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日历</title> <style type="tex...

JavaScript制作颜色反转小游戏

2017-02-06 22
游戏规则：单击方块，被单击的方块及相邻方块变色，当所有蓝色方块变为橙色时，完成任务，进入下一级。<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in intranet） & Chrome Frame Remove this if...

JavaScript中原型链存在的问题解析

2017-02-06 19
我们知道使用原型链实现继承是一个goodway：）看个原型链继承的例子。function A （） {this.abc = 44;}A.prototype.getAbc = function （）{return this.abc;};function B（） {}B.prototype = new A（）; // B通过A的实例完成了继承，形成了原型链（B的原型就是A的实例）var b = new B（）;b.getAbc（）; 关系如下：b（实例） -&...

JavaScript使用Range调色及透明度实例

2017-02-06 19
颜色搭配是件头疼的事，工作空隙，利用range做个简单的手动调色，可得到rgb值和相应的十六进制色值。因为用到range标签，建议使用搜狗、火狐，IE10及以上版本代码如下：<！DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <！-- Always force latest IE rendering engine （even in ...

前端设计师们最常用的JS代码汇总

2017-02-06 20
逛社区时看到的文章，我修改调整了内容，如果大家觉得也有帮助 可以收藏下~HTML5 DOM 选择器// querySelector（） 返回匹配到的第一个元素var item = document.querySelector（".item"）;console.log（item）;// querySelectorAll（） 返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll（".item...

关于js原型的面试题讲解

2017-02-06 19
今天遇到关于javascript原型的一道面试题，现分析下：原题如下：function A（）{}function B（a）{ this.a = a;}function C（a）{ if（a）{this.a = a; }}A.prototype.a = 1;B.prototype.a = 1;C.prototype.a = 1; console.log（new A（）.a）;console.log（new B（）.a）;console.log（new...

jquery attr（）设置和获取属性值实例教程

2017-02-06 19
语法： 1、attr（“属性名”）； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）2、attr（“属性名”，“属性值”）; //设置属性的值（为所有匹配的元素设置一个属性值）3、attr（“属性名”，“函数值”）; //设置属性的函数值（为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数家孙的值作为属性值）4、attr（pro...

jQuery css（） 方法动态修改CSS属性

2017-02-06 20
我们先来看个实例<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>添加和删除类</title><style>div{width: 500px;height: 500px;background: #1c94c4;}button{width: 80px;height: 40px;margin: 1...

通过BootStrap实现轮播图的实际应用

2017-02-06 19
我是用bootstrap来做的很简单直接把那坨代码复制到 webstorm里面 下面我会用我的某一次作业 来做实际解释里面的某部分各代表什么意思（由于这个代码到底什么意思 老师没有教过 我自行理解 有错的地方 望海涵）“男友秋装上新”这个地方 就是个轮播 一共3个小点 也就是三张图 可通过左右的箭头 左右翻动接下来 奉上源代码：并在代码后给各部分做出解释 <div class="col-md-9 lunbo"><div id="carou...

BootStrap下拉菜单和滚动监听插件实现代码

2017-02-06 18
废话不多说了，直接给大家贴代码了，具体代码如下所述：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><title&...

几句话带你理解JS中的this、闭包、原型链

2017-02-06 21
原型链所有对象都是基于Object.prototype，Object.prototype就是JavaScript的根对象，在Object.prototype中定义的方法都可以被其它对象访问到，当然也可以被重写了，所以直接在Object.prototype上调用的是原始功能的toString（）方法，该方法会放回参数对象的内置属性[[class]]的值，这个值是个字符串，比如"[Object String]"要理解原型链机制的话，首先得知道根本原因：Java...

Windows环境下npm install 报错: operation not permitted, rename的解决方法

2017-02-06 21
前言最近发现了一个问题，运行 npm install 命令安装依赖包，在 Mac 上的 Vagrant 装的虚拟机上没问题，在阿里云 CentOS 上也没问题，但是在 Windows 环境同样是 Vagrant 装的环境相同的虚拟机上就是不成功，报错如下：npm ERR！ Error: EPERM: operation not permitted, rename ‘/usr/share/nginx/html/tanteng.me/node_modules/...

jQuery tagsinput在h5邮件客户端中应用详解

2017-02-06 22
摘要最近一直在折腾邮件的h5应用，为了保证在pc，ios，android端都可以使用，所以使用H5页面的方式嵌入app的webview中。页面UI大概是这样的Jquery tagsinput下载：http://xoxco.com/projects/code/tagsinput/首先引入js和css输入框<input name="tags" id="tags" value="wolfy,wolfy2" /> 上面的输入框，有默认的value，你可...

jQuery 选择器（61种）整理总结

2017-02-06 20
1. #id : 根据给定的ID匹配一个元素<p id="myId">这是第一个p标签</p><p id="not">这是第二个p标签</p><script type="text/javascript"> $（function（）{ $（"#myId"）.css（"color","red"）; }）;</script>结果：这是第一个p标签这是第二个p标签2. element : 根据...

JavaScript中this的四个绑定规则总结

2017-02-06 20
前言如果要问javascript中哪两个知识点容易混淆，作用域查询和this机制绝对名列前茅。所以这篇文章开始将介绍javascript中this的四个绑定规则，下面来一起看看吧。绑定规则1. 默认绑定独立函数调用时，this 指向全局对象，如果使用严格模式，那么全局对象无法使用默认绑定， this绑定至 undefined。function foo（） { console.log（this.a）;}var a = 2;foo（）; // 2严格模式时：f...

javascript的函数劫持浅析

2017-02-06 18
javascript的函数劫持是什么？函数劫持，顾名思义，即在一个函数运行之前把它劫持下来，添加我们想要的功能。当这个函数实际运行的时候，它已经不是原本的函数了，而是带上了被我们添加上去的功能。这也是我们常见的钩子函数的原理之一。乍一看上去，这很像是函数的改写。函数的改写也可以理解为是函数劫持的一种，但是这种方式太恶心了。作为一个劫持者，在绑票获得好处以后也应该遵守职业道德，把人原封不动地还回去，所以我们得在合适的地方把函数原本的功能给重新调用回来。推而广...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图