在网上找mraid相关资料,相对比较少,大多都是API介绍,概念介绍等,没有一份详细的移动端网页广告使用教程,经过自己两天的摸索,完成了开发的移动端网页版的广告加入mraid功能. 背景: 我开发了移动端网页展示的广告,由于产品的要求,要实现广告中的视频在用户看到的时候才会继续播放,不看的时候不会播放,而默认设置的video 的autoplay自动播放会在用户打开的情况下,即使看不到也是种播着,影响了用户看到的广告效果,即可能会降低点击率和转化率. 而mraid具有天然的优势,mraid可以识别…

一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.js,且很有可能对Node.js都没有一个比较立体的认识——知道这玩意可以跑服务,构建很多前端工具,看上去很厉害的样子,但是,可能就仅限于此了. “那可否三言两语概括Node.js的林林总总呢?” “不可!” “那怎么办?” “那就六言四语!” 首先,要知道,Node.js一个JavaScript运行…

最近在读新书<vue.js权威指南>,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家. [第1章:遇见vue.js] vue.js是什么? vue.js不是一个框架-它只聚焦视图层,是一个用来构建数据驱动的Web界面的库.Vue.js通过简单的API来提供高校的数据绑定和灵活的组件系统 vue.js的特性 轻量级:体积非常小,而且不依赖其他基础库 数据绑定:对于一些富交互,状态机类似的前端UI界面,数据绑定非常简单,方便 指令:类似与AJ,可以使用v-*的…

<Node.js开发指南>项目地址https://github.com/BYVoid/microblog好不容易找到的基础版教程,但书中是基于express2的,而现在用的是express4了,本文主要介绍项目实现过程中遇到的各种问题及其解决方案:也是初学,所以有错的地方还望各位不吝指教,项目基于express4,IDE用的是WebStorm,数据库是MongoDB,完全运行起来之后package.json中的dependencies如下:"dependencies": {…

本章的主要内容: 一, 通过Three.js自带的功能来组合和合并已有的几何体,创建出新的几何体 二, 从外部资源中加载网格和几何体 1 前面的章节中,我们学习到,一个几何体创建的网格,想使用多个材质的方法: var mesh=THREE.SceneUtils.createMultiMaterialObject(geometry,[material1,,material2]); 看似一个网格中有一个几何体,多个材质,其实该网格拥有与材质数量相对应的几何体,每个几何体都对应一种材质,形成一个网格,…

3.1.2 正式代码结构 & ORBIT CONTROLS插件(轨道控制) 说明 本节内容属于插入节,<Three.js入门指南>这本书中,只是简单的介绍了一些概念,是一本基础的入门级别的书. 在实践过程中,在学习过程中,我发现不论是官方,还是大牛的文章,都不是这样去结构话代码的.混乱,不易于管理维护. 所以,为了以后继续学习,以及各种好处,有必要在这里,好好的熟悉一下这种良好的代码结构. 此外,前面的学习,不难发现,我们不能通过鼠标拖动,来更好的观察我们的效果,为了实现这一目的,我们…

3.0 代码构建的最基本结构 说明: 我们必需首先知道,Three.js 的一些入门级概念: 我们需要知道,OpenGL 是一套三维实现的标准,为什么说是标准,因为它是跨平台,跨语言的.甚至CAD以及市面上众多的制图软件的底层,用的也是这一套标准. 而在JS中,这套标准的实现方式是基于OpenGL 标准开放的WebGL, 专注于网页的3D效果实现. 3D的基本实现原理,其实没有什么新的产物,还是基于HTML.CSS.JS 的产物,只不过它可以更加复杂而已,可以实现极为强大的效果和功能,这是下一代…

在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.com/lemoncool/print-demo.效果如图: 关于print.js 功能:网页打印插件,支持打印或不打印指定区域,并且它还支持将网页导出为pdf.前提是可以接受该交互效果. 已实现: 原生js书写 不依赖其他库可指定打印(或不打印)的区域 支持定制css,内联.外联均可 支持select…

本章主要做了下面的工作 1 生成一个简单的场景,该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体,并生成阴影 3 在第二个demo的基础上,增加动画,使得方块进行旋转 4 在第三个demo的基础上,增加图形操作界面,改变方块旋转的速度 5 在第四个demo的基础上,我们使用ascII效果(这个没有做出来,不知道为什么asciieffect没有定义) 在下面的demo中, 1 生成了场景,相机,渲染器,几何体(平面),材质(几何体和材质进行组合,组成物体),坐标轴, 2…

第四章 表达式和运算符         4.2 对象和数组的初始化表达式                数组: []   [3,7] [1+2,3+4] [[1,2,3,],[4,5,6],[7,8,9]]                对象:   {x:2.3,y:4.5}         4.4 属性访问表达式                js有两种属性访问方式   expression.identifier     expression[expression]         4.8.1…

HTML5 和 CSS3 的快速发展,给我们带来了极大的便利,比如从此再也不用花费大量的时间只是为了设计一个圆角的效果. 但是!我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器,因为那些 不够现代的浏览器 诞生之时,HTML5和CSS3尚未被正式推出. 于是,我们的问题来了:针对那些不支持新特性的浏览器而言,我们是直接放弃这些用户群呢,还是直接不用这些新特性,老老实实的用图片拼出圆角的特效? 我想,答案是显而易见的.我们不能放弃那些因为这样那样的原因没法升级他们的浏览器用户,但也不…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

工作原因需要用到nodejs,于是找到了<node.js开发指南>这本书来看看,作者BYVoid 为清华大学计算机系的高材生,年纪竟比我还小一两岁,中华地广物博真是人才辈出,佩服. 言归正传: 1.为什么会想写这篇文章? 答:因为在看这本书的过程中,因为nodejs版本升级后用法跟书中不同了. 另外因为nodejs这东西真的不错,值得学习. 2.我的例子与书中例子的区别? 答:nodejs版本不同,我例子中用的是最新版本.数据库不同,书中用的是mongdb,我用的是mysql. models-…

引入的JS: 使用时候修改路径. <script src="../Quote/EasyUI/locale/easyui-lang-zh_CN.js"></script> <link href="../Quote/EasyUI/themes/bootstrap/easyui.css" rel="stylesheet" /> <script src="../Quote/EasyUI/jquery.m…

: seajs如何解决? ①引入sea.js的库 <script src="../sea/sea.js" ></script> ②如何变成模块? define(function(require,exports,module){ //sea下的三个参数不允许修改 //var r = require赋值 也不允许 //exports 对外提供接口的对象 // require 模块之间依赖的接口 相对路径不然 根目录就是 c }); ③如何调用模块define? se…

JS权威指南学习总结:http://www.cnblogs.com/ahthw/category/652668.html…

本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考 其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心 各章节重点 简介 <JS权威指南学习总结--1.2客户端JS> 是:第二部分客户端JS 各章节重点 简介…

1.1语言核心 --本节主要介绍<js权威指南>基础部分各章讲解内容和一些简单的示例 本小节内容: 一.第二章讲解js注释.分号和Unicode,第三章主要讲解js变量和赋值 简单示例: 1.注释://js中所有在双斜线之后的内容都属于注释. 2.变量:是表示值的一个符号名字  变量是通过var关键字来声明的, var x;  声明一个变量x. 3.数据类型: x=1; //数字 x=0.01 //整数和实数共用一种数据类型 x="hello world" //由双引号内的…

  前  言 JRedu 之前用过一段时间的AnglarJS 1.X,在低版本的AngularJS中,脏值检查在变量增多的情况下会影响程序的响应速度.后期的2.X和更高版本在脏值检查等问题上做了优化,来满足广大用户对性能的要求.但是咱们今天不介绍高版本的AngularJS,咱们来看另一个在AngularJS的基础上出现的新js库-Vue.js. Vue.js发展到今天,也有了版本2,咱们今天就直接介绍版本2 的相关知识,至于版本1,大家可以选择去看一下,如果没有时间,直接接触版本2也没有任何问题…

Angular是不支持直接引入js文件的,下面介绍项目如果引入laydate.js的方法 一.将下载的laydate中的js和theme文件放到一个统一的文件下面,我把它放到asset下 二.在angular-cli.json配置js 三.修改laydate.js 找到这一句补全路径和删除版本号 "modules/laydate/":"assets/theme/")default/laydate.css" 四.ts文件中声明并使用 五:编译运行~…

近期组织了几个程序员网友,正在翻译一部分官方的Sencha Cmd 6 和 Ext JS 6 指南文档. 眼下还没翻译完,大家能够先看看 Sencha Cmd 6 和 Ext JS 6 指南文档  (Sencha Cmd 6 指南 .Ext JS 6 指南 ) 这里是官方文档 翻译的文档托管在GitHub 感谢以下几位程序员: 魔狼再世.三湘.Hadoop.晨睡 若发现错误请联系我:   欢迎增加Sencha Touch + Phonegap交流群 idkey=65c2e7397b6453999…

问题一:vue文件中引入外部js文件的方法 //在vue文件中 <script> import * as funApi from '../../../publicJavaScript/publicFun.js';//这里如果有多个方法的话也引用一次就可以了 //import {test,test2,test3} from '../../../publicJavaScript/publicFun.js';//这样如果引用的方法比较多的话就会比较麻烦,而且不美观 export default {…

之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位.如果放在index.html,这样每个组件都会有这个js.所以需要在组件内单独引入. 第一种操作 Dom引入js: export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } 第…

当一个页面使用多个jQuery插件时,需要避免重复引入jquery.js文件,因为后面映入的jQuery.js文件中定义的jQuery对象会覆盖掉前面的jQuery对象,导致之前定义的jQuery插件均不可用,下图是jquery.js中开头部分代码,定义了全局jQuery对象…

1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('script', { attrs: { type: 'text/javascript', src: this.src }, on: { load: function (event) { self.$emit('lo…

最近使用Easyui做项目,发现引入easyui-lang-zh_CN.js单元后页面会出现乱码,无论设置<meta>.还是Response都不能解决问题.用记事本打开easyui-lang-zh_CN.js文件,里面的内容也是正常的啊,而且文件格式也是UTF8的.这个问题一度困扰了我很长时间. 后来一次无意中用eclips打开easyui-lang-zh_CN.js文件,发现里面的中文部分全部是乱码,这才明白,原来是这个文件本身有问题,于是用记事本打开这个文件,重新复制粘贴到eclips中再…

1.外部文件config.js 第一种写法 //常量的定义 const config = { baseurl:'http://172.16.114.5:8088/MGT2' } //函数的定义 function formatXml(text) { return text } //导出 {常量名.函数名} export {config,formatXml} 第二种写法 //常量的定义 export const config = { baseurl:'http://172.16.114.5:8088…

网页实时聊天之js和jQuery实现ajax长轮询 众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的长时间联系,从而源源不段地获取信息. 一直以来的方式无非有这么几种: 1.长连接,即服务器端不断开联系,PHP服务器端用ob系列函数来不停的读取输出,但是相当耗费服务器资源. 2.Flash socket,flash的as3语言,创建一个socket服务器用来处理信息. 3.轮询,顾名思义就是不停地…

使用粒子可以很容易的创建很多细小的物体,例如雨滴雪花等 本章主要内容: 1 使用ParticleBasicMaterial(基础粒子材质)来创建和设计粒子 2 使用ParticleSystem来创建一个粒子集合 3 使用已有的几何体来创建一个粒子系统 4 让粒子和粒子系统动起来 5 用纹理给粒子造型 6 使用ParticleCanvasMaterial在画布上为粒子造型 名称 描述 Sprite粒子 参数是material,生成的sprite可以设置position和scale等属性直接添加到场…