Git Product home page Git Product logo

angular-tutorial's Introduction

Angular Demo code by Wsscat

🐰angular的学习资料 These are about angular learning materials, hoping to help you ⛄关于angular的常用知识点,DEMO和总结,不定时更新,欢迎fork和star On the common knowledge of angular, DEMO and summary, not regular updates, you can fork and star

控制器

Controller
Angular控制器 Angular表达式
Angular事件广播 Angular基于$window的数据通信

单页面应用

SPA DEMO
Angular+Weui单页面应用DEMO-每日笑话

服务

Service
Angular自定义服务的常用方法 Angular部分服务demo
Angular自定义Canvas画图服务 Angular自定义http服务 面向对象封装

组件与指令

Directive
Angular自定义手势指令 Angular自定义轮播图组件
Angular自定义下拉刷新组件1 Angular自定义下拉刷新组件2
Angular内置指令 Angular自定义点击返回顶部指令
Angular实现选项卡(1) Angular实现选项卡(2)
Angular封装swiper轮播图 Angular中使用ng-switch
Component
Angular的component方法

路由

Router
Angular路由嵌套 Angular路由单页多个ui-view

过滤器

Filter
Angular内置过滤器 Angular自定义关键词检索过滤器(1)
Angular自定义关键词检索过滤器(2) limitTo实现分页
Angular自定义关键词检索过滤器(简版)

动画

Animate
Angular ng-animate动画1 Angular ng-animate动画2

API

API
Angular常用api接口

表单验证

FORM
Angular表单验证

项目

Guess you like
Angular商城Demo Angular的Cnode社区
AngularStovepipe Angular的新闻客户端
Angular商城Demo Angular的Cnode社区
Angular内联编辑器 Angular即时搜索
Angular导航菜单 Angular订单表单
Angular切换网格 Angular新闻+WEUI DEMO 源码

文档

Article
ng-repeat绑定事件和嵌套 Angular的post请求后台接受不了数据的解决方法
ionic总结 ui-route和ng-route
ng-options&&ng-switch directive组件作用域
表单认证 $broadcast,$emit and $on
自定义过滤器 自定义手势指令ng-touch
ng-animate 单页面应用的技术点

其他

Other
Angular三级联动(1) Angular三级联动(2)
Angular事件监听 Angular事件广播
Angular利用angular.module()实现模块化 Angular的form表单验证
Angular的ng-repeat嵌套 NodeJs静态服务器
Angular利用angular.module()实现模块化2 Angular+Webpack
Angular中使用iframe 百度定位DEMO
Angular自定义cookie服务和ngCookie的使用

JS基础

JS基础
Javascript的createElement Javascript的createDocumentFragment
Javascript的节点关系型API Javascript的节点创建型API
Javascript的节点查询型API Javascript的页面修改型API
像素帧动画 jQuery模拟ng-repeat
lessDemo lessDemo的less文件
图灵机器人 sessionStorage和localStorage

HTML基础

HTML基础
video和audio标签Demo canvas烟花效果
canvas烟花效果汇总

angular-tutorial's People

Contributors

autumnswind avatar readmecritic avatar windiest avatar wscats avatar yaoone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-tutorial's Issues

js操作cookie

function setCookie(name, value) {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
        }
        setCookie('name', 'autumnswinds');
        console.log(document.cookie); //name=autumnswinds
        function getCookie(name) {
            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg))
                return unescape(arr[2]);
            else
                return null;
        }
        console.log(getCookie('name')); //autumnswinds
        function delCookie(name) {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getCookie(name);
            if (cval != null)
                document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
        }
        delCookie('name')
        console.log(document.cookie);

js正则获取url的中的参数

            var getParam = function(name) {
            var search = document.location.search;
            var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
            var matcher = pattern.exec(search);
            var items = null;
            if (null != matcher) {
                try {
                    items = decodeURIComponent(decodeURIComponent(matcher[1]));
                } catch (e) {
                    try {
                        items = decodeURIComponent(matcher[1]);
                    } catch (e) {
                        items = matcher[1];
                    }
                }
            }
            return items;
        };
                //假设url为http://127.0.0.1/11/1.html?name=123
        window.mei = getParam('name'); //?name=123
        console.log(document.location.search); //123
        console.log(mei);

js数字比较的问题

        var order_amount = 18.00;
        var amount = 100.00
        console.log(typeof(order_amount)); //number
        console.log(typeof(amount));
        console.log(parseFloat(order_amount) >= parseFloat(amount));
        console.log(order_amount >= amount);    

        var order_amount_str = '18.00';
        var amount_str = "100.00"
        console.log(typeof(order_amount_str)); //string
        console.log(typeof(amount_str));
        console.log(parseFloat(order_amount_str) >= parseFloat(amount_str));
        console.log(order_amount_str >= amount_str);

js理解观察者模式

function show(data) {
                $("body").append('<li>' + data + '</li>')
            }
            var Observable = {
                    callbacks: [],
                    add: function(fn) {
                        this.callbacks.push(fn);
                    },
                    fire: function() {
                        this.callbacks.forEach(function(fn) {
                            fn();
                        })
                    }
                }
                //使用add开始订阅:
            Observable.add(function() {
                show('AutumnsWind')
            })
            Observable.add(function() {
                show('AutumnsWinds')
            })
                //使用fire发布
            Observable.fire();

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.