Light

wchaowu / javascript Goto Github PK

View Code? Open in Web Editor NEW

677.0 677.0 365.0 248 KB

包含javascript的基础语法，面向对象的实现和设计模式实现

Home Page: https://github.com/wchaowu/javascript

JavaScript 91.92% HTML 8.08%

javascript's Introduction

Javascript 代码

其中很多都是伪代码的写法，便有回顾和总结。参考资料

包含
javascript 的基础语法
 面向对象的实现
 设计模式实现
 模块化开
 javascript 常见的疑问
 jQuery
NodeJs
html5

Javascript based

1.对象 JavaScript 引用

2.JavaScript this

3.JavaScript 闭包

4.JavaScript 事件

5.javascript 跨域

6.javascript 命名空间

Oject-Oriented

1.JavaScript Expressive

5.AOP

Jquery

[jQuery][9] [jQuery架构设计与实现][10] [jQuery选择器库][11] [zepto][12]

1.jQuery 插件推荐

2. jQuery 中 closure

Javascript-Design-Pattern

1. Singleton-Pattern
2. Chaining
3.Factory-Pattern
4. Bridge-Pattern 5. Composite-Pattern
6. Facade-Pattern 7.Adapter-Pattern
8. Decorator-Pattern
9. Flyweight-Pattern
10. Proxy-Pattern
11.Observer-Pattern
12. Command-Pattern
13.Chain-of-Responsibility-Pattern

Javascript-疑问

1 function 前加操作符

javascript 模块化规范

1. AMD

https://github.com/wchaowu/javascript-code/tree/master/AMD

2. CommonJS

https://github.com/wchaowu/javascript-code/tree/master/CommonJS

cmd 和 amd 的区别

https://github.com/wchaowu/javascript-code/blob/master/CommonJS/cmd_Amd.md

javascript 框架

angularJs

官方地址 https://angularjs.org/

推荐 UI 组件 angularUI bootstrap http://angular-ui.github.io/bootstrap/

angular ui router https://github.com/angular-ui/ui-router

bindoncehttps://github.com/Pasvaz/bindonce

ngAnimate https://github.com/Augus/ngAnimate

Canvas

ReactJs

HTML5

mobile 开发收集

https://github.com/wchaowu/javascript-code/tree/master/CommonJS

phonegap

https://github.com/msacks/phonegap-samples

Node.js

兼容

http://kangax.github.io/compat-table/es5/

http://caniuse.com/#

javascript 风格和规范

Google的JavaScript风格指南（以下简称Google）
NPM编码风格（以下简称NPM）
Felix的Node.js风格指南（以下简称Node.js）
惯用（Idiomatic）的JavaScript（以下简称Idiomatic）
jQuery JavaScript风格指南（以下简称jQuery）
Douglas Crockford的JavaScript风格指南（以下简称Crockford），Douglas Crockford是Web开发领域最知名的技术权威之一，
ECMA JavaScript 2.0 标准化委员会委员

Airbnb JavaScript Style Guide

推荐学习资源

最受欢迎的 javascript 博客

http://stackoverflow.com/questions/409056/top-rated-javascript-blogs

javascript Weekly

http://javascriptweekly.com/archive/148.html

JavaScript frameworks resources and tutorials

http://resrc.io/list/18/javascript-frameworks/

工具

自动化工具

参考资料

http://www.apress.com/

Learning JavaScript Design Patterns

License

And of course:

MIT: http://rem.mit-license.org

javascript's People

Contributors

Stargazers

Watchers

Forkers

xcpang cwwu rockhe168 nanhuacrab sunjun81 qethan cc17 johnping xiaojichao zfu mfine2 zhouweiaccp zhangkai2237 vbooking vergilji scorpiusjin killkiss fwq duyuhe figoxu luoipd jixu8 windancer lin920910 chenxiaowu123 sallyone jlinezen yihuaxiang dongtong hchenc peachyy 0359xiaodong allenweb mepsmike warmanhy jsonmess d3jii fontendeasy xiaoxiaosaohuo riyueming haiboy jacoblpf jokeworkstation latheknox imac8t golegen hank-wood wzh-fl liuxueqing dearyuanyuan cubesugarzhang wuwulailai jsjjdzg webwebwebweb tiimoo peony-e yzhan146 luisliu63 masterxie a3101380 leirf sunjian1986 glcoding hanwwh outlawsoflove yuanteqiang dongzigang frank-z sjl421 yuanbin-xavier chukwubuikem captain-c wuxu yplayypay zhangtong1993 bingozyy johnnyguan mynane yxzq wwqking terrycafe520 supersuj mikeworld zhangsongping qq656317441 407390911 da-boy encorehe mitrichevgoing iwanggp xiaxia11 aicanxxx lisniuse joysi picuse ismart-yuxi wentiankt hou6957628 gaojinbiao nearsgb

javascript's Issues

自己在写javascript 遇到一个问题大神给我找一下原因

声明：页面引用了jquery. 要获取滚动的距离
1: function qq(){console.log($(window).scrollTop())}
$(window).scroll(qq());
2: $(window).scroll(function (){console.log($(window).scrollTop())};
1 里面获取的距离只显示一次滚动完刷新后才能更新，
2 里面的距离一直跟着滚动改变

why!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Fly

<title>Fly Animation</title> <style> #fly { width: 50px; height: 50px; background-color: #3498db; position: absolute; } </style>

<script> // Get the fly element const fly = document.getElementById('fly'); // Set initial position of the fly let positionX = 0; let positionY = 0; // Function to move the fly function moveFly() { // Update position positionX += 5; positionY += 3; // Set new position fly.style.left = positionX + 'px'; fly.style.top = positionY + 'px'; // Repeat the animation requestAnimationFrame(moveFly); } // Start the animation moveFly(); </script>

Hi guys

/luffy28(8)= x

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.