Welcome

首页 / 脚本样式 / JavaScript

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

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

微信小程序 window_x64环境搭建

2017-02-06 20
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 19
之前一直认为因为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 21
大家先看看页面效果吧,当当当当```````````````````````图中第二个选题是小颖点击了"新增选题"按钮,然后出来的,当你点击了"删除选项"或"删除选题"按钮,就会删除相应的选项和选题.html代码<template><div class="main-container"><div class="form-horizontal"><template v-for="（subjectIndex,subje...

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

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

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

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

Bootstrap3 Grid system原理及应用详解

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

JavaScript 链式结构序列化详解

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

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

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

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

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

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

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

ReactNative页面跳转实例代码

2017-02-06 22
效果图如下所示：进入工作目录，运行react-native init NavigatorProject创建项目NavigatorProjectimport React, { Component } from "react";import {AppRegistry,StyleSheet,Text,View,TouchableHighlight,Image,Navigator} from "react-native"; class navigatorProje...

JS点击某个图标或按钮弹出文件选择框的实现代码

2017-02-06 23
下面一段代码是基于js实现的点击某个图标或按钮弹出文件选择框的核心代码，代码比较简单，需要的朋友参考下具体代码如下所示：<HTML> <head> <script type="text/javascript" src="script/jquery-1.6.2.min.js"></script> <script type=‘text/javascript‘> function selectFile（...

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

2017-02-06 19
picker选择器分为三种，普通选择器，时间选择器， 日期选择器 用mode属性区分，默认是普通选择器。测试时时间和日期点击无反应不知道是BUG还是啥！没法手机测试现在也不知道咋回事！！主要属性：普通选择器时间选择器日期选择器wxml<view>普通选择器</view><！--mode默认selector range数据源value选择的index bindchange事件监听--><picker mode="se...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图