本文版权归博客园和作者吴双本人所有，转载和爬虫请注明原文地址 http://www.cnblogs.com/tdws/,我是博客园蜗牛，我们共同进步。今天讨论的是什么如果你的工作中需要写JavaScript，而你的JavaScript代码又与业务相关。我想无非就是一下三类功能：1.请求后台数据2.渲染后台数据，拼接Html3.事件操作当然你如果封装JS底层的控件，不在我们今天的讨论范围。你也许写过单文件上千行的JS,你也许维护过几千行的JS，每次重新看起来，或者增...
JavaScript是什么？JavaScript的诞生在1995年前后，当时世界上的主流带宽为28.8Kbps，现在世界平均下载带宽为21.9Mbps（数据来源于http://www.netindex.com）。当时的网民，每提交一次表单，都需要等待很久才能收到服务器的回应，甚至很可能等了几分钟收到的却是说缺少了某一项。为了改善用户体验，嵌入浏览器客户端的能实现简单表单判断的脚本诞生了，这就是JavaScript。JavaScript最早是工作于Netscape （网景公司）的 Brendan E...
HTML,CSS和JavaScript是网页设计的基础。HTML和CSS定义了静态的效果，而JavaScript则可以体现出一些动态的效果。在已经掌握一种或者多种编程语言的基础下，学习JS很容易，下面看看一些基本的使用方法。1. JavaScript的位置。和CSS类似，我们可以直接写代码块，也可以引用外部文件。理论上，<script src="xxx"></script>可以放在<head>里面，也可以放在<body>里面，但是从效率考虑，如果script的链接比较慢或者错误，<head>里面可能...
概念扫盲DOMDOM是 Document Object Model（文档对象模型）的缩写，是W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型这篇文章主要讲HT...
BOM:把浏览器窗口封装成对象模型，供js进行访问。最重要的一个对象是:window<!DOCTYPE html> <html><head><title>BOM--浏览器对象模型</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function resizeWindow(){window.resizeTo(500, 30...
介绍 iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套一套高质量的微信小程序 UI 组件库。使用步骤1：首先在github上面下载组件库代码github2：下载之后解压 可以看到解压的组件文件内容，选择 dist文件，将 dist 目录拷贝到自己的小程序项目中3：开始写代码 写页面效果，写一个按钮在json文件里面引入组件{ "usingComponents": { "i-button": "../../dist/button/index" } }在wxml页...
DOM--节点的增删改查CRUD，DOM--例子:设置新闻字体， DOM的一个小例子---制作一个下拉菜单DOM--节点的增删改查CRUD<!DOCTYPE html> <html><head><title>DOM--节点的增删改查CRUD</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><style type="text/css">p {border: #00c...
tool.jsfunction print(str){document.write(str); }function println(str){document.write(str+"<br/>"); }///////通过prototype属性扩展js API的对象的功能///////////※把trim方法融入到String对象中: str.trim() String.prototype.trim = function(){var start=0;//第一个非空格字符的位置var end=this.length-1;//最后一个非空格字符的位置while(start<=end && this.charAt(start)== ){start++;}while(start<=end && this.cha...
这篇文章主要为大家Threejs 的快速入门 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下现在什么都是3D，看电影3D，打游戏3D，估计3D打车，很快就会面世。那么作为前端开发的标准语言，JS和3D能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js），这篇文章算是做个笔记，也希望能帮助到...
本文主要为大家详细介绍了Vue.js简易安装和快速入门的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。1 简易安装要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，先不管那些高大上的费时间的安装方法，直接引入一个js文件，先把代码敲代码再说。 <head><meta charset="UTF-...
JavaScript快速入门1. js生成文本<!--js一般是写在head标签里面 --> <script>document.write("我是天才！！");document.write("我是废才!!");</script>2. js生成标签<script>document.write("我是天才<br/>");document.write("我是废才<hr/>");document.write("我是鬼才 ");document.write("我是人才"); </script>3. js的书写位置和执行顺序<!--1，书写位置：js是一种弱类型的语言，所以语法不是特别的严格，但是一般js代码是写...
vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。今天给大家分享一篇教程关于Vue.js 60分钟快速入门教程，一起看看吧vuejs是当下很火的一个Javascript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据...
Knockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能： 1. Declarative bindings 2. Observables and dependency tracking 3. Templating 它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。闲言少叙，直接看例子，如何下载也不说了，如果用VS开发的话用Nuget就可以一键搞定。1.基本绑定和依赖跟踪 首先需要定义一个ViewModel: 代码如下: function ViewModel() { this.firstName = "Zixin"; this.lastName ...
本文深入浅出的讲述了javascript面向对象快速入门实例。分享给大家供大家参考。具体如下： javascript面向对象入门案例：代码如下: function Cat(){//js中对象的定义与函数一样，不同点在于怎么样调用。 } var cat1 = new Cat();//创建类实例 //js中类属性可以动态添加，并不需要写在原型对象内。js对象没有类这个概念，而是称为原型对象 cat1.name = "小狗"; cat1.age = 4; cat1.color="白色"; document.write(cat1.name);采用Obj...
什么是装饰者模式当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是通过滤镜装饰了照片。在不改变对象（照片）的情况下动态的为其添加功能（滤镜）。需要注意的是：由于 JavaScript 语言动态的特性，我们很容易就能改变某个对象（JavaScript 中函数是一等公民）。但是我们要尽量避免直接改写某个函数，这会导致代码的可维护性...