JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Angular 中 select指令用法详解

2017年02月06日 40 阅读

最近在angular中使用select指令时，出现了很多问题，搞得很郁闷。查看了很多资料后，发现select指令并不简单，决定总结一下。 select用法：<selectng-model=""[name=""][required=""][ng-required=""][ng-options=""]></select> 属性说明：发现并没有ng-change属性 ng-required：当属性值为true时，对select添...

JS实现拖动滚动条评分的效果代码分享

2017年02月06日 44 阅读

小编教你JS特效拖动滚动条可以评分效果，小编感觉挺不错，用时候可能需要ASP/PHP或其它语言配合取值并写入数据库，这是前台的实现。直接上代码看看JS的神奇吧！<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head&g...

JavaScript 对象详细整理总结

2017年02月06日 38 阅读

Javascript 对象总结：JavaScript对象可以看作是属性的无序集合，每个属性就是一个键值对，可增可删。JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。JavaScript对象除了可以保持自有的属性外，还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性。这种“原型式集成”是JavaScript的的核心特征。1.创建对象第一种：对象直接量表示法创建对象。这是最简单的对象创建方式，对象直接量由若干key:val...

JS框架之vue.js（深入三:组件1）

2017年02月06日 39 阅读

这个要单独写，原文是这么描述vue的组件的：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。这个特性我感觉比较难理解，一步步来，看看组件到底是个什么东西？1.举个栗子//model层：// 通过extend方式定义一个Vue组件var MyCompon...

微信小程序 window_x64环境搭建

2017年02月06日 37 阅读

window_x64微信小程序环境搭建所需文件地址如下：http://pan.baidu.com/s/1nv0IHhn（ylk7）1、下载微信开发工具0.7.0_x64安装完成后，打开程序，进行微信扫码登录2、下载微信开发工具0.9.092300_x64注意：版本一定要是0.9.092300，小于这个版本，打开程序会白屏安装（覆盖0.7.0的版本），不要打开程序3、下载破解文件进行如下文件的替换package.nwappdistcomponentscrea...

关于List.ToArray（）方法的效率测试

2017年02月06日 37 阅读

之前一直认为因为List内部实现是数组，ToArray的实现只是将数组返回出去而已。今天测了一下发现并不是那样var a = new List<int>（）;for （int i = 0; i < 10000; i++）{a.Add（i）;}DebugHelper.StartWatch（）;foreach （var i in Enumerable.Range（0, 10000））{a.ToArray（）;}DebugHelper.Stop...

Vue.js动态添加、删除选题的实例代码

2017年02月06日 43 阅读

大家先看看页面效果吧,当当当当```````````````````````图中第二个选题是小颖点击了"新增选题"按钮,然后出来的,当你点击了"删除选项"或"删除选题"按钮,就会删除相应的选项和选题.html代码<template><div class="main-container"><div class="form-horizontal"><template v-for="（subjectIndex,subje...

PHP抓取HTTPS内容和错误处理的方法

2017年02月06日 40 阅读

问题在研究Hacker News API的时候遇到一个HTTPS问题。因为所有的Hacker News API都是通过加密的HTTPS协议访问的，跟普通的HTTP协议不同，当使用PHP里的函数 file_get_contents（）来获取API里提供的数据时，出现错误使用的代码是这样的：<?php$data = file_get_contents（"/http://blog.it985.com/"）;?>当运行上面的代码是遇到...

Vue.js实现拖放效果的实例

2017年02月06日 40 阅读

页面效果如下所示：代码请看这里,当当当当:html:<template><div class="drag-content"><div class="project-content"><div class="select-item" draggable="true" @dragstart="drag（$event）" v-for="pjdt in projectdatas">{{pjdt.name}}</...

javascript的几种写法总结

2017年02月06日 40 阅读

<title>几个JavaScript</title><script language="javascript">//变量var greeting;//变量名greeting = "Welcome to the JS！";//为变量赋值</script></head><body><script language="javascript">document.write（gre...

微信小程序 LOL 英雄介绍开发实例

2017年02月06日 38 阅读

最近微信小程序炒得火热,就跟成都的这个房价一样.昨天我也尝试了一下,做了一个自己的英雄列表.今天将自己的制作过程记录于此. 1.下载微信开发者工具官网链接:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1475052055364,下载完成之后默认安装即可 2.新建项目打开微信开发者工具,（首次需要微信扫码登录）,如下图所示,点击添加项目,然后依次输入APPI...

CSS3 media queries结合jQuery实现响应式导航

2017年02月06日 40 阅读

目的：实现一个响应式导航，当屏幕宽度大于700px时，效果如下：当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来：思路：1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个。所以我选择了将导航绝对定位。2.默认导航列表是出现的，当屏幕宽度小于700px时它隐藏，并且设置position，当屏幕宽度大于700px时，它出现。或者，默认导航列表是隐藏的，当屏幕宽度大于70...

Bootstrap3 Grid system原理及应用详解

2017年02月06日 45 阅读

刚开始用Bootstrap的格子系统写布局的时候遇到了这样一个问题：我的页面中有这样一个布局我希望当屏幕的宽度小于他们俩宽度之和的时候，右边的部分会掉下来，他们垂直摆放。而我用col-xs-6的话，右边的盒子永远都不会掉下来。文字就变得这么丑。如果我用col-sm-6的话,右边的盒子又会太早掉下来。此时的屏幕宽度是766px，他就已经堆叠排放了，两边留下了大片空白，还是很丑。而Bootstarp没有提供中间的选项了。想要解决这个问题，必须要弄清楚这种响应式...

JavaScript 链式结构序列化详解

2017年02月06日 43 阅读

一、概述在JavaScript中，链式模式代码，太多太多，如下：if_else:if（...）{//TODO}else if（...）{//TODO}else{//TODO}switch:switch（name）{case ...:{//TODObreak;}case ...:{//TODObreak;}default:{//TODO}}疑问：诸如上述这些链式代码，倘若，我们想将其扁平化链式处理呢？如下：//fn1,f2,f3为处理函数_if（fn1）._...

微信小程序 wx.request（object） API详解及实例代码

2017年02月06日 40 阅读

这里通过干活集中营的API接口真实请求下数据。如果提示URL 域名不合法，请在 mp 后台配置后重试修改asdebug.js两行代码即可可看下面图定位到asdebug.js文件打开搜索关键字URL 域名不合法关键字就是提示错误信息注释两行代码主要方法：wxml<block wx:for-items="{{result}}"><view style="width:100%; height: 50rpx"></view>&l...

微信小程序 Image API实例详解

2017年02月06日 47 阅读

选择图片时可设置图片是否是原图，图片来源。这用的也挺常见的，比如个人中心中设置头像，可以与wx.upLoadFile（）API使用主要方法：wx.chooseImage（object）wxml<！--监听按钮--><button type="primary" bindtap="listenerButtonChooseImage">点击我选择相册</button><！--通过数据绑定的方式动态获取js数据-->...

微信小程序 Record API详解及实例代码

2017年02月06日 40 阅读

其实这个API也挺奇葩的，录音结束后success不走，complete不走，fail也不走，不知道是不是因为电脑测试的原因，只能等公测或者等他们完善。以后再测和补充吧！！！！主要属性：wx.startRecord（object）手动调用wx.stopRecord（）停止录音wxml<！--用于记录时间--><text>{{formatRecordTime}}</text><button type="primar...

微信小程序 Audio API详解及实例代码

2017年02月06日 39 阅读

没啥可值得太注意的地方重要属性：1. wx.getBackgroundAudioPlayerState（object）获取播放状态2.wx.playBackgroundAudio（object）播放音乐3.wx.pauseBackgroundAudio（）暂停音乐4.wx.seekBackgroundAudio（object）设置播放进度5.wx.stopBackgroundAudio（）停止播放音乐三个监听器：wxml<button type=...

JS实现表单多文件上传样式美化支持选中文件后删除相关项

2017年02月06日 41 阅读

开发中会经常涉及到文件上传的需求，根据业务不同的需求，有不同的文件上传情况。有简单的单文件上传，有多文件上传，因浏览器原生的文件上传样式及功能的支持度不算太高，很多时候我们会对样式进行美化，对功能进行完善。本文根据一个例子，对多文件的上传样式做了一些简单的美化（其实也没怎么美化。。），同时支持选择文件后自定义删除相关的文件，最后再上传文章篇幅较长，先简单看看图示：一、文件上传基础1. 单文件上传最简单的文件上传，是单文件上传，form标签中加入enctyp...

javascript代码调试之console.log 用法图文详解

2017年02月06日 40 阅读

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log先的简单介绍一下chrome的控制台，打开...

首页 / 脚本样式 / JavaScript

Angular 中 select指令用法详解

JS实现拖动滚动条评分的效果代码分享

JavaScript 对象详细整理总结

JS框架之vue.js（深入三:组件1）

微信小程序 window_x64环境搭建

关于List.ToArray（）方法的效率测试

Vue.js动态添加、删除选题的实例代码

PHP抓取HTTPS内容和错误处理的方法

Vue.js实现拖放效果的实例

javascript的几种写法总结

微信小程序 LOL 英雄介绍开发实例

CSS3 media queries结合jQuery实现响应式导航

Bootstrap3 Grid system原理及应用详解

JavaScript 链式结构序列化详解

微信小程序 wx.request（object） API详解及实例代码

微信小程序 Image API实例详解

微信小程序 Record API详解及实例代码

微信小程序 Audio API详解及实例代码

JS实现表单多文件上传样式美化支持选中文件后删除相关项

javascript代码调试之console.log 用法图文详解