JS进阶

Three.js进阶篇之8 - Physijs物理引擎

Three.js可以通过使用Physijs库向场景中加入物理效果。这个库是基于著名的物理引擎ammo.js。Physiji1.导入库文件[html]viewplaincopyPhysijs.scripts.worker='js/Physijs/physijs_worker.js';Physijs.scripts.ammo='js/Physijs/ammo.js';两个属性分别指向要执行的任务线程和
linolzhang·2017-03-28 00:40

JavaScript进阶篇

1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)JS进阶篇学习什么？
bingdianlanxin·2017-03-03 17:00

JS进阶篇--window.requestAnimationFrame与Tween.js配合使用实现动画缓动效果

window.requestAnimationFrame概述window.requestAnimationFrame()这个方法是用来在页面重绘之前，通知浏览器调用一个指定的函数，以满足开发者操作动画的需求。这个方法接受一个函数为参，该函数会在重绘前调用。注意:如果想得到连贯的逐帧动画，函数中必须重新调用requestAnimationFrame()。如果你想做逐帧动画的时候，你应该用这个方法。这
风雨后见彩虹·2017-02-15 00:00

js进阶第三式

js特效-Day3一、client家族1.1clientWidth和clientHeight网页可见区域宽：document.body.clientWidth;网页可见区域高：document.body.clientHeight;1.2clientLeft和clientTopclientLeft，clientTop返回的是元素边框的borderWidth，如果不指定一个边框或者不定位改元素，其值就
落落izj·2017-02-10 19:50

js进阶第二式

一、水平滚动条和垂直滚动条（案例练习总结）1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：滚动条的长度\/盒子的长度=盒子的长度\/内容的长度滚动条长度=(盒子的宽度\/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：内容走的距离\/滚动条走的
落落izj·2017-02-08 21:12

js进阶第一式

一、自定义动画animation:flash0.5salternateinfinite/*自定义动画*/@keyframesflash{0%{opacity:0;}100%{opacity:1;}}延迟执行start.style.animationDelay=delay+'s';二、Underscore-min.jsUnderscore封装了常用的JavaScript对象操作方法，用于提高开发效率
落落izj·2017-02-08 20:55

Vue.js入门

Vue笔记系列2、Vue.js渐进3、Vue.js进阶Vue.js的概述如官网所说，Vue.js是一款轻量级的以数据驱动的渐进式JavaScript框架。
其心·2017-02-03 18:38

Node.js进阶教程第六步：MongoDB-何韬-专题视频课程

Node.js进阶教程第六步：MongoDB—4067人已学习课程介绍本课程讲述了MongoDB的安装配置和使用,操作数据库,操作数据集,数据类型和嵌套关联,数据的增删查改，聚合，索引，存储过程，备份还原等
pkutao·2017-01-23 16:59

JS进阶篇--touch.js 拖动、缩放、旋转 （鼠标手势）

可以实现手势操作：拖动、缩放、旋转。封装好的脚本方法是这样的：varcat=window.cat||{};cat.touchjs={left:0,top:0,scaleVal:1,//缩放rotateVal:0,//旋转curStatus:0,//记录当前手势的状态,0:拖动,1:缩放,2:旋转//初始化init:function($targetObj,callback){touch.on($ta
风雨后见彩虹·2017-01-20 00:00

nodejs进阶(6)―连接MySQL数据库示例

1.建库连库连接MySQL数据库需要安装支持npminstallmysql我们需要提前安装按mysqlsever端建一个数据库mydb1mysql>CREATEDATABASEmydb1;mysql>SHOWDATABASES;+--------------------+|Database|+--------------------+|information_schema||mysql||mydb
方帅·2017-01-07 16:29

nodejs进阶(6)—连接MySQL数据库

1.建库连库连接MySQL数据库需要安装支持npminstallmysql我们需要提前安装按mysqlsever端建一个数据库mydb1mysql>CREATEDATABASEmydb1; mysql>SHOWDATABASES; +--------------------+ |Database| +--------------------+ |information_schema|
方帅·2017-01-06 18:00

nodejs进阶(6)—连接MySQL数据库

1.建库连库连接MySQL数据库需要安装支持npminstallmysql我们需要提前安装按mysqlsever端建一个数据库mydb1mysql>CREATEDATABASEmydb1; mysql>SHOWDATABASES; +--------------------+ |Database| +--------------------+ |information_schema|
方帅·2017-01-06 18:00

Vue.js进阶教程第一步：vue2.0前端-何韬-专题视频课程

Vue.js进阶教程第一步：vue2.0前端—22327人已学习课程介绍Vue.js2.0进阶教程第一部分，Vue.js框架基础入门视频课程主要学习Vue.js的基础语法结构，api使用方式，vue.js
pkutao·2017-01-04 17:36

Nodejs进阶：如何玩转子进程（child_process）

本文摘录自个人总结《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学，可以用它来完成很多有意思的事情，比如文件压缩、增量部署等，感兴趣的同学，看文本文后可以尝试下。举个简单的例子：constspawn=
程序猿小卡·2016-12-08 11:00

Nodejs进阶：如何玩转子进程（child_process）

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学，可以用它来完成很多有意思的事情，比如文件压缩、增量部署等，感兴趣的同学，看文本文后可以尝试下。举个简单的例子：constspawn=requ
程序猿小卡_casper·2016-12-08 00:00

Node.js进阶教程第五步：用VUE.JS学习ES6-何韬-专题视频课程

Node.js进阶教程第五步：用VUE.JS学习ES6—10085人已学习课程介绍全面学习vue.js配置，es6命令，解构赋值，symbol类型，set,weakSet,Map,WeakMap,Iterator
pkutao·2016-12-05 08:16

Nodejs进阶：核心模块net入门学习与实例讲解

模块概览net模块是同样是nodejs的核心模块。在http模块概览里提到，http.Server继承了net.Server，此外，http客户端与http服务端的通信均依赖于socket（net.Socket）。也就是说，做node服务端编程，net基本是绕不开的一个模块。从组成来看，net模块主要包含两部分，了解socket编程的同学应该比较熟悉了：net.Server：TCPserver，内
程序猿小卡·2016-11-21 09:42

Nodejs进阶：基于express+multer的文件上传实例

概览图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。本文主要讲解以下内容，后续章节会对技术实现细节进行深入挖掘。基础例子：借助express、multer实现单图、多图上传。常用API：获取上传的图片的信息。进阶使用：自定义保存的图片路径、名称。环境初始化非常简单，一行命
程序猿小卡·2016-11-21 09:01

Nodejs进阶：如何将图片转成datauri嵌入到网页中去实例

问题：将图片转成datauri今天，在QQ群有个群友问了个问题：“nodejs读取图片，转成base64，怎么读取呢？”想了一下，他想问的应该是怎么样把图片嵌入到网页中去，即如何把图片转成对应的datauri。是个不错的问题，而且也是个很常用的功能。快速实现了个简单的demo，这里顺便记录一下。实现思路思路很直观：1、读取图片二进制数据->2、转成base64字符串->3、转成datauri。关于
程序猿小卡·2016-11-21 09:00

Nodejs进阶：核心模块https 之 如何优雅的访问12306

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了https这个模块来完成HTTPS相关功能。从官方文档来看，跟http模块用法非常相似。本文主要包含两部分：通过客户端、服务端的例子，对https模块进
程序猿小卡·2016-11-21 08:00

Nodejs进阶：核心模块https 之 如何优雅的访问12306

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了https这个模块来完成HTTPS相关功能。从官方文档来看，跟http模块用法非常相似。本文主要包含两部分：通过客户端、服务端的例子，对https模块进
程序猿小卡_casper·2016-11-21 00:00

Nodejs进阶：核心模块net入门与实例讲解

模块概览net模块是同样是nodejs的核心模块。在http模块概览里提到，http.Server继承了net.Server，此外，http客户端与http服务端的通信均依赖于socket（net.Socket）。也就是说，做node服务端编程，net基本是绕不开的一个模块。从组成来看，net模块主要包含两部分，了解socket编程的同学应该比较熟悉了：net.Server：TCPserver，内
程序猿小卡·2016-11-17 08:00

Nodejs进阶：核心模块net入门与实例讲解

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览net模块是同样是nodejs的核心模块。在http模块概览里提到，http.Server继承了net.Server，此外，http客户端与http服务端的通信均依赖于socket（net.Socket）。也就是说，做node服务端编程，net基本是绕不开的一个模块。从组成
程序猿小卡_casper·2016-11-17 00:00

Nodejs进阶：如何将图片转成datauri嵌入到网页中去

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。问题：将图片转成datauri今天，在QQ群有个群友问了个问题：“nodejs读取图片，转成base64，怎么读取呢？”想了一下，他想问的应该是怎么样把图片嵌入到网页中去，即如何把图片转成对应的datauri。是个不错的问题，而且也是个很常用的功能。快速实现了个简单的demo，这里顺便记录一下。实现思路思路很直观：1、
程序猿小卡_casper·2016-11-16 00:00

Nodejs进阶：如何将图片转成datauri嵌入到网页中去

问题：将图片转成datauri今天，在QQ群有个群友问了个问题：“nodejs读取图片，转成base64，怎么读取呢？”想了一下，他想问的应该是怎么样把图片嵌入到网页中去，即如何把图片转成对应的datauri。是个不错的问题，而且也是个很常用的功能。快速实现了个简单的demo，这里顺便记录一下。实现思路思路很直观：1、读取图片二进制数据->2、转成base64字符串->3、转成datauri。关于
程序猿小卡·2016-11-15 20:00

Nodejs进阶：http核心模块简介

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。http模块概览大多数nodejs开发者都是冲着开发webserver的目的选择了nodejs。正如官网所展示的，借助http模块，可以几行代码就搞定一个超迷你的webserver。在nodejs中，http可以说是最核心的模块，同时也是比较复杂的一个模块。上手很简单，但一旦深入学习，不少初学者就会觉得头疼，不知从何入
程序猿小卡_casper·2016-11-15 00:00

高性能js进阶规律

脚本1、将所有标签放在尽可能接近标签底部的位置，尽量减少对整个页面下载的影响;2、减少引用外部脚本文件的数量；3、将脚本成组打包。页面的标签越少，页面的加载速度就越快，响应也更加迅速。不论外部脚本文件还是内联代码都是如此。函数作用域4、在JavaScript中，数据存储位置可以对代码整体性能产生重要影响。有四种数据访问类型：直接量，变量，数组项，对象成员。它们有不同的性能考虑。直接量和局部变量的访
HuaiCheng9067·2016-11-11 14:00

Nodejs进阶：基于express+multer的文件上传

关于作者程序猿小卡，前腾讯IMWEB团队成员，阿里云栖社区专家博主。欢迎加入Express前端交流群(197339705)。正在填坑：《Nodejs学习笔记》/《Express学习笔记》社区链接：云栖社区/github/新浪微博/知乎/Segmentfault/博客园/站酷概览图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formid
程序猿小卡·2016-11-08 08:00

Nodejs进阶：基于express+multer的文件上传

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。概览图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。本文主要讲解以下内容，后续章节会对技术实现细节进行深入挖掘。本文所有例子均有代码示例，可在这里查看。基
程序猿小卡_casper·2016-11-08 00:00

AngularJS进阶(四十)创建模块、服务

AngularJS进阶(四十)创建模块、服务学习要点   使用模块构架应用   创建和使用服务   为什么要使用和创建服务与模块？     服务允许你打包可重用的功能，使之能在此应用中使用。     
sunhuaqiang1·2016-06-15 21:00

JS进阶篇学习笔记1

1，弹出对话框在HTML中插入JavaScript代码eg：document.write("JS进阶篇");alert("关注JS高级篇");2.多行注释：/**/单行注释//3.函数定义functionf
Dseai_·2016-06-14 16:46

web前端开发分享-css,js

1. web前端开发分享-css,js入门篇2. web前端开发分享-css,js进阶篇3. web前端开发分享-css,js提高篇4. web前端开发分享-css,js工具篇5. web前端开发分享-
chaishen10000·2016-05-31 20:00

AngularJS进阶(三十九)基于项目实例解析ng启动加载过程

基于项目实例解析ng启动加载过程前言   在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。   下面以实际项目为例进行简要讲解。1.载入ng库 2.等待，直到DOM树构造完毕。3.发现ng-app，自动进入启动引导阶段。4.根据ng-app名称找到相应的路由。 5.加载默认地址。6.Js顺序执行，加载相应模版页sys_tpls/home.h
sunhuaqiang1·2016-05-26 21:00

AngularJS进阶(三十八)上拉加载问题解决方法

AngularJS上拉加载问题解决方法   项目中始终存在一个问题:当在搜索栏输入关键词后(见图1)，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台(见图2)可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。 图1客户端搜索栏 图2服务端控制
sunhuaqiang1·2016-05-23 09:00

在$scope中变量和方法的使用

代码：angularjs.html AngualrJS进阶  {{msg}} {{reverse()}} 登录 0">{{errormsg}} myctrl.jsangular.module
野渡书生·2016-03-30 15:00

Controllers的使用

代码angularjs.html AngualrJS进阶  {{msg}} {{msg}} myctrl.jsangular.module('app',[]) .controller
野渡书生·2016-03-30 14:00

Binding 指令实现双向数据绑定

代码#方法一：ng-bind的使用 #方法二：{{}}插值表达式的使用 AngualrJS进阶  {{"用户名："+uname}} {{uname}} {{uname}}
野渡书生·2016-03-30 14:00

AngularJS 前端 MVC 的设计与搭建

代码#未引入MVC框架之前的代码 AngualrJS进阶  #引入MVC框架后的代码 AngualrJS进阶  {{msg}} angular.module
野渡书生·2016-03-30 11:00

AngularJS进阶(二十五)requirejs + angular + angular-route 浅谈HTML5单页面架构

requirejs + angular + angular-route 浅谈HTML5单页面架构   众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。   废话就不多说了，直接到正题吧，浅谈一下我自己理解的几种单页面架构：  
sunhuaqiang1·2016-03-24 18:00

AngularJS进阶(三十七)IE浏览器兼容性后续

IE浏览器兼容性后续前言   继续尝试解决IE浏览器兼容性问题，结局方案为更换jquery、angularjs、IE的版本。   1.首先尝试更换jquery版本为1.7.2   jquery-1.9.1.js --> jquery-1.7.2.js --> jquery2.1.4.js无效   2.尝试更换IE版本IE8   IE11 --> IE8(本机系统不支持) --> IE10   an
sunhuaqiang1·2016-03-04 18:00

AngularJS进阶(三十六)AngularJS项目开发技巧之利用Service&Promise&Resolve解决图片预加载问题(后记)

AngularJS项目开发技巧之利用Service&Promise&Resolve解决图片预加载问题(后记)前言   在“AngularJS项目开发技巧之图片预加载”一文中，自己曾经天真的认为提升服务端带宽就可以解决图片加载问题。但自己的想法错了，通过阅读破狼的书《AngularJS深度剖析与最佳实践》，隐隐察觉到是自己的项目架构出现了问题。存在很多待优化的地方。其书中这样写到“如果在实例化控制器
sunhuaqiang1·2016-02-29 17:00

AngularJS进阶(三十五)浏览器兼容性解决之道

浏览器兼容性解决之道前言   浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说，兼容IE6的性价比已经很低，而IE7则几乎已经绝迹。所以，常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标，Angular团队声明：Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版本，它们也不会保证Angular将会
sunhuaqiang1·2016-02-28 17:00

AngularJS进阶(三十四)Angular数据更新不及时问题探讨

Angular数据更新不及时问题探讨前言   在修复控制角标正确变化过程中，发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》，如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在使用rootScope时，出现了变量
sunhuaqiang1·2016-02-25 19:00

AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法

简介AngularJS中使用factory和service的方法   AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数，并负责只做一个特定的任务。这也使得他们成为维护和测试的单独实体。控制器，过滤器可以调用它们作为需求的基础。服务使用AngularJS的依赖注入机制注入正常。   AngularJS提供例如许多内在的服务，如：$http, $route,
sunhuaqiang1·2016-02-25 19:00

网易微专业之《前端工程师》学习笔记（13）-JS进阶单元作业主观题

一、（6分）实现type函数用于识别标准类型和内置对象类型，语法如下：vart=type(obj);使用举例如下：vart=type(1)//t==="number"vart=type(newNumber(1))//t==="number"vart=type("abc")//t==="string"vart=type(newString("abc"))//t==="string"vart=type
荷小音·2016-01-31 13:34

AngularJS进阶(三十二)书海拾贝之特殊的ng-src和ng-href

书海拾贝之特殊的ng-src和ng-href 在说明这两个指令的特殊之前，需要先了解一下ng的启动及执行过程，如下： 1) 浏览器加载静态HTML文件并解析为DOM； 2) 浏览器加载angular.js文件； 3) angular监听 DOMContentLoaded 事件，监听到时开始启动； 4) angular寻找ng-app指令，确定作用范围； 5) 找到app中定义的Module使用$i
sunhuaqiang1·2016-01-27 09:00

[置顶] AngularJS进阶(三十一)AngularJS项目开发技巧之获取模态对话框中的组件ID

AngularJS项目开发技巧之获取模态对话框中的组件ID需求   出于项目开发需求，需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时，模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。 模态框核心代码如下:                   立马送药订单                订单编号:.....................................
sunhuaqiang1·2016-01-20 16:00

[置顶] AngularJS进阶(三十)AngularJS项目开发技巧之图片预加载

AngularJS项目开发技巧之图片预加载绪   项目(移动端采用Ionic 框架)开发完毕，测试阶段发现移动APP首页的广告图片(图片由服务器端返回相应url地址)很难加载，主要原因还是网速。如下图左所示，图片加载完毕如下图右所示。               问题分析   尝试进行图片加载的优化工作。   经过与Ionic群内卖火柴朋友的聊天，获取到如下内容:手机端访问速度受服务端带宽的限制。
sunhuaqiang1·2016-01-18 11:00

[置顶] AngularJS进阶(二十九)AngularJS项目开发技巧之localStorage存储

AngularJS项目开发技巧之localStorage存储   注: localStorage深度学习绪   项目开发完毕，测试阶段发现后台管理端二维码生成有问题，问题在于localStorage的存储。如下图左所示，二维码生成完毕包含信息如下图左所示，实际二维码信息如下图右所示:      经过测试发现二维码实际存储的是上一次的结果。好熟悉~Bingo,自己做导航栏高亮时就遇到过这个问题，当时
sunhuaqiang1·2016-01-16 20:00

[置顶] AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题

解决AngualrJS页面刷新导致异常显示问题绪      俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。   页面正常加载后，显示如下：    按F5刷新之后，页面如下所示:    很明显，页面显示出现了异常。回过头再看看Chrome的错误提示，    具体代码如下:    正是以上代码导
sunhuaqiang1·2016-01-14 19:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他