Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

2017年02月06日 37 阅读
ReactJS是Facebook推出的产品。在2013年的Qcon大会（上海）上面，当时Facebook的前端工程师做过一次讲座，就专门介绍了ReactJS。ReactJS可以看做就是用来Render的。ReactJS是可以达到游戏级别的渲染，fps可以保持在60左右，相当的了不起，它做了一个虚拟dom tree加速了渲染过程，根据当时的数据说比angularjs快20%以上。前沿 对于React， 去年就有耳闻， 挺不想学的， 前端那么多东西， 学了一...
Angular2从搭建环境到开发步骤详解

Angular2从搭建环境到开发步骤详解

2017年02月06日 44 阅读
Angular-CLI说到 cli 大家不陌生，每出一个框架都会有对应的 cli ，俗称脚手架。angular2 本身提供了起步项目 angular2-quickstart，我尝试了一下，发现不是很好用，其它的大部分扩展需要自行安装，之后看了一下 angular-cli 部署简单易用，还提供了快捷搭建项目的目录。安装首先，最好先升级 node 到 6.x 可以避免 node 版本过低带来的不必要的麻烦。npm install -g angular-cli用...
微信小程序 触控事件详细介绍

微信小程序 触控事件详细介绍

2017年02月06日 40 阅读
微信小程序 触控事件： 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全，事件可以向父节点传递，而且打印这个事件的信息很透明，调试起来应该非常方便。接下来把文档copy过来原文地址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html》》》什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发...
微信小程序 Page（）函数详解

微信小程序 Page（）函数详解

2017年02月06日 39 阅读
微信小程序——Page（）: 在开发微信小程序的时候遇到函数，或者不明白的地方，最好上官网查询，相应的知识，这里小编帮大家整理了下page（）函数的用法。Page（） 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object 参数说明：属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载onReadyFunction生命周期函数--监听页面初次渲染...
微信小程序 MINA文件结构

微信小程序 MINA文件结构

2017年02月06日 41 阅读
文件结构框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个框架程序主体部分由三个文件组成，必须放在项目的根目录，如下：文件必填作用app.js是小程序逻辑app.json是小程序公共设置app.wxss否小程序公共样式表一个框架页面由四个文件组成，分别是：文件类型必填作用js是页面逻辑wxml是页面结构wxss否页面样式表json否页面配置注意：为了方便开发者减少配置项，我们规定描述页面的这四个文件必须具有相同的路径与文件名。感谢...
微信小程序 教程之小程序配置

微信小程序 教程之小程序配置

2017年02月06日 37 阅读
微信小程序——配置以下就是小编对小程序配置的资料进行的系统的整理，希望能对开发者有帮助。我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json ：{ "pages": ["pages/index/index","pages/logs/index" ], "window": {"navigationBarTitleText": "Dem...
微信小程序 教程之注册程序

微信小程序 教程之注册程序

2017年02月06日 39 阅读
系列文章：微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序App（）App（）函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期函数等。object参数说明：属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时，会触发onLaunch（全局只触发一次）onShowFunction生命周期函数--监听小程序显示当小程序启动，或从后台进入前台显示，会触发onS...
微信小程序 教程之注册页面

微信小程序 教程之注册页面

2017年02月06日 39 阅读
系列文章：微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序微信小程序——PagePage（）函数用来注册一个页面。接受一个object参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object参数说明：属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载onReadyFunction生命周期函数--监听页面渲染完成onShowFunction生命周期函数--监听页面显...
微信小程序 教程之模块化

微信小程序 教程之模块化

2017年02月06日 38 阅读
系列文章：微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序文件作用域在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。通过全局函数getApp（）可以获取全局的应用实例，如果需要全局的数据可以在App（）中设置，如：// app.jsApp（{ globalData: 1}）// a.js// The localValue can only be used in...
Jquery AJAX POST与GET之间的区别详细介绍

Jquery AJAX POST与GET之间的区别详细介绍

2017年02月06日 43 阅读
1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果POST则 认为是一个 变动性 访问 （浏览器 认为 POST的提交 必定是 有改变的）防止 GET 的 等幂 访问 就在URL后面加上 ？+new Date（）;，[总之就是使每次访问的URL字符串不一样的]设计WEB页面的时候 也应该遵守这个原则2:一.谈A...
浅谈js的异步执行

浅谈js的异步执行

2017年02月06日 38 阅读
1.Javascript语言的执行环境是”单线程”（single thread）:优点：实现起来比较简单，执行环境相对单纯；缺点：只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。为了解决这个问题，Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynch...
JavaScript排序算法动画演示效果的实现方法

JavaScript排序算法动画演示效果的实现方法

2017年02月06日 40 阅读
之前在知乎看到有人在问 自己写了一个冒泡排序算法如何用HTML，CSS,JavaScript展现出来排序过程。 感觉这个问题还挺有意思 。前些时间就来写了一个。这里记录一下实现过程。基本的思想是把排序每一步的时候每个数据的值用DOM结构表达出来。问题一：如何将JavaScript排序的一步步进程展现出来?我试过的几种思路：1.让JavaScript暂停下来，慢下来。JavaScript排序是很快的，要我们肉眼能看到它的实现过程，我首先想到的是让排序...
jquery中用jsonp实现搜索框功能

jquery中用jsonp实现搜索框功能

2017年02月06日 42 阅读
前面的话： 在上周本来想发一篇模仿必应搜索的界面。但是在准备写文章之前突然想到前面学习了ajax技术，在这里我也让我的页面有一种不需要手动刷新就能获取到数据。但是发现用前面的方法并不能获取到我想要的效果。无奈前几天电脑换系统，把之前的源码丢了（前面有个不好的习惯就是把最近在做的东西放桌面）。今天想彻底把这个问题搞明白。用jquery和ajax进行初步的尝试：（本代码是参考慕课网，搜索框制作视频制作，有关具体详情请参考视频。自己之前的代码找不到了，之前最先的...
用自定义图片代替原生checkbox实现全选,删除以及提交的方法

用自定义图片代替原生checkbox实现全选,删除以及提交的方法

2017年02月06日 38 阅读
UI妹子觉得原生的checkbox复选框太丑，非要用图片来代替，那就依她。做出来的效果类似这样：要代替原生的checkbox。 那么要实现原生checkbox能干的事。我们主要实现这几点就可以了。1.点击列表中的勾选图片。图片会变换成相反的。2.如果当前是全选状态，不勾选列表中的某一项，全选处的图片变成未勾选的状态。如果点击了某一项使列表成了全选的状态， 全选处的图片变成勾选状态。3.全选功能4.点击删除，能删除全部的勾选的图片。1.准备工作：因为要大量用...
简易的JS计算器实现代码

简易的JS计算器实现代码

2017年02月06日 38 阅读
看看手机中的计算器，分为普通计算器和科学计算器自认脑袋不够大，就实现一个普通版本的吧（支持正负数加减乘除等基本连续的运算，未提供括号功能）看看图示效果：一、知识准备1+1 = ?正常来说，我们看到这个表达式都知道怎么运算，知道运算结果但计算机不一样，计算机无法识别出这串表达式，它只能识别特定的规则：前缀表达式+ 1 1 或后缀表达式1 1 +举个栗子（3 + 4） × 5 - 6 就是中缀表达式- × + 3 4 5 6 前缀表达式3 4 + 5 ...
JSON对象 详解及实例代码

JSON对象 详解及实例代码

2017年02月06日 44 阅读
前面的话 json（javascript object notation）全称是javascript对象表示法，它是一种数据交换的文本格式，而不是一种编程语言，用于读取结构化数据。2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。本文将详细介绍关于json的内容语法规则 JSON的语法可以表示以下三种类型的值【1】简单值 简单值使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null ...
浅谈bootstrap使用中的一些问题以及解决过程

浅谈bootstrap使用中的一些问题以及解决过程

2017年02月06日 42 阅读
bootstrap是一个不错的前端框架。这里写一下使用中遇到过的几点问题。1.bootstrap的模态框modal的问题。 有时候会出现弹出模态框的时候遮罩把模态框遮住的情况。出现这个问题的原因，多半是模态框的html代码放置位置不对。看官方文档。说明如下：模态框的 HTML 代码放置的位置务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现和/或功能。如果因为某种原因我们没办...
原生js实现网易轮播图效果

原生js实现网易轮播图效果

2017年02月06日 43 阅读
一、实现效果图 二、分析布局 主盒子里分上下两个小盒子（1和2）。 包含图片的盒子占两张图片的宽（3），处于上盒子中，当前图片在上盒子（1）中，其它图片在盒子（3）的右侧等待播放。 下边的盒子（2）包括了六个小方块及定位在主盒子上的两个箭头。 三、html部分<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>wa...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图