【回忆1314】第一次用AngularJS

1.创建指令的4种方式(ECMA) var appModule = angular.module('app', []); appModule.directive('hello', function(){ return { /** * E 元素 * C class * M 注释 directive:hello * A 属性默认 */ restrict: 'ECMA', template: '<div>hello world.</div>', replace: true }; });…

第一次用angularJS做后台管理点滴

很早以前就大概看过一点angualrjs,但是没有项目,一直没有进行下去,就是干巴巴的看着,过了一段时间发现什么也不记得了. 来yulebaby我的第一个后台管理是用easyui做的,做完那个以后发现有很多局限,因为easyui里面都是内嵌了iframe,当时在iframe中操作js的时候我真的是头疼想死呀.然后我就想着还是用angualr来弄吧,这也是现在前后台分离的方向,然后就有了接下来那些有趣的事情. Angularjs虽然很强大,但是你要是掌握了其中这几大块其实也是那么回事,双向数据绑定…

【回忆1314】抽奖之Flash大转盘

1.搭建JS与Flash互通的环境 function thisMovie(movieName){ if (window.document[movieName]) { return window.document[movieName]; } if (navigator.appName.indexOf("Microsoft Internet")==-1) { if (document.embeds && document.embeds[movieName]) return…

【回忆1314】回忆之placeholder

直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> Placeholder </title> </head> <body> <input class="J_Placeholder" type="text"…

第一次用AngularJS

从jquery里的$.ajax()到angularjs的$http

jquery中对ajax的使用做了很多封装,使得我们使用习惯了,反而并不大清楚在请求过程中的一些细节. 在第一次使用angularjs的$http时,后台一直接受不到前端请求的数据,于是小小研究了一下. 用我自己这边的项目为例,后台服务这边接受请求的方式是通过HttpContext.Request.Params来,原来用jquery中的Ajax请求一直正常,一换到原始的$http,瞬间奔溃啦.... 如果使用最原始的$http,会发现谷歌中network的请求数据格式是: 而以前使用正常的访问下…

使用 AngularJS 和 Electron 构建桌面应用

GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是io.js 运行时的衍生,专注于桌面应用而不是 web 服务端. Electron 丰富的原生 API 使我们能够在页面中直接使用 JavaScript 获取原生的内容. 这个教程向我们展示了如何使用 Angular 和 Electron 构建一个桌面应用.下面是本教程的所有步骤: 创建一个简单的 Electron 应用使用 Visual…

requirejs+angularjs搭建SPA页面应用

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等. 第一次接触angularjs大概是半年前开发一个微信公众号,就深深的被他的给种特性吸引,下面将介绍使用require+angularjs搭建一个大型单页面应用. 下面是项目结构: 下面看看index.html的结构: <!do…

AngularJS快速入门01-基础

记得第一次听说AngularJS这项很赞的Web的前端技术,那时还是2014年,年中时我们我的一个大牛兄弟当时去面试时,被问到了是否熟悉该技术,当时他了解和使用的技术比较多.我们询问他面试情况时,他给我们一个菜菜科普了该技术,印象比较深的是该技术一种前端MVC,完全可以将我们在VS后台()所做的大部分工作完成,当时就觉得很新奇,但由于自身技术基础比较薄弱,没有太多时间和积累去学习新的技术,因而搁置了.在2016新年初始,正好有一些富于时间,正好可以开学习这个被称为就是两个大括号的前端框架(当前已…

AngularJs $http.post 数据后台获取不到数据问题的解决过程

第一次使用 AngularJs 的 $http 模块的时候,遇到过后台获取不到前台提交数据的问题,检查代码没有发现问题,先上代码. js 代码 angular.module("newsApp", []) .constant("newsInfoUrl", "/WebPage/Page/NewsInfo/") .factory("newsService", function($http) { return { getNewsLis…

AngularJS 和 Electron 构建桌面应用

译]使用 AngularJS 和 Electron 构建桌面应用原文: Creating Desktop Applications With AngularJS and GitHub Electron GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用.它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端. Electron 丰富的原生 API 使我们能够在页面中直接使用 Ja…

AngularJS 之1-初识

摘要:本文主要记录第一次接触AngularJS的笔记,现在在我面前就是一张白纸+一点简单的html知识. 1.首先在<head>中加 <script src="一个网址(具体不知道是什么)"></script> 2.ng-app 指令用于告诉 AngularJS 应用当前这个元素是根元素.所有 AngularJS 应用都必须要要一个根元素.HTML 文档中只允许有一个 ng-app 指令,如果有多个 ng-app 指令,则只有第一个会被使用. 3.…

AngularJS系统学习之Scope（作用域）

本文出自:https://www.w3ctech.com/topic/1611 看完了没怎么懂, 也许是和别人原文作者: Nicolas Bhttps://www.w3ctech.com/topic/1611evacqua 原文:AngularJS’ Internals In Depth 在AngularJS的代码库中呈现出了大量有趣的设计,最有趣的两个例子是scope的工作方式和directives(指令)的表现. 有的人第一次接触AngularJS时就被告知directives是和DOM…

【转】【译】JavaScript魔法揭秘--探索当前流行框架中部分功能的处理机制

推荐语: 今天推荐一篇华为同事的同事翻译的一篇文章,推荐的主要原因是作为一个华为员工居然晚上还能写文章,由不得小钗不佩服!!! 其中的jQuery.angular.react皆是十分优秀的框架,各有特点,各位可以看看编辑:github 原文链接:Revealing the Magic of JavaScript jnotnull发布在 JavaScript译文我们每天都在使用大量的工具,不同的库和框架已经成为我们日常工作的一部分.我们使用他们是因为我们不想重新造轮子,虽然我们可能并不知道这些…

[原创]PCB知识补充

近期又要使用Altium进行PCB板的绘制,算起来从大学课上第一次接触Protel99SE到现在已经算是半个熟练工了.不过现在想来还是能回忆起第一次使用的情景,对着一幅简单的原理图使用着自动连线的功能,得到最终结果时的那种激动.虽说用了这么多次,但还是有很多的地方不是很清楚,这个文章作为一个长期更新文,作为Altium或者说PCB绘制中遇到的一些小问题的总结吧. PCB相关术语 NPTH,Non PLATING Through Hole,孔壁无铜,一般是定位孔及锣丝孔.可用干膜封孔或在电镀前胶粒…

【评分】Alpha阶段

[评分]Alpha阶段总结按时交 - 有分晚交 - 0分迟交一周以上 - 倒扣本次作业分数抄袭 - 倒扣本次作业分数请大家回忆一下第一次作业的总结:http://www.cnblogs.com/vertextao/p/7467730.html 执行力泛泛而谈随机打开一份冲刺过程中的站立会议博客: 有哪些收获和疑问收获:熟悉了一些常用控件. 收获的具体是什么呢,是否可以具体罗列一下? 遇到的困难功能实现有些还不是很清楚,需要继续学习. 学习什么呢?目标是什么?有计划吗?有截止时…

es6之后，真的不需要知道原型链了吗？

3月份几乎每天都能看到面试的人从我身边经过,前段时间同事聊面试话题提到了原型链,顿时激起了我在开始学习前端时很多心酸的回忆.第一次接触js的面向对象思想是在读<js高程设计>(红宝书)的时候,这部分内容卡了我整整一个多月,记得那会儿用了很笨的办法,我把这两个章节来回读了一遍又一遍,仍然不能完全理解,大部分是凭借机械记忆.因为入门的时候很喜欢红宝书,在差不多一年的自学时间里基础部分翻了将近10遍.当然,原型链也读了10遍.很遗憾,那会儿我觉得自己只掌握了50%.直到读了一个系列的书叫 <你…

今天第一次接触到typescript，看了第一个知识点就是变量的声明，来回忆回忆，做做笔记

以前只用过JavaScript原生写网站特效,今天还是第一次听说typescript的,然后看了一下它的基本知识,感觉很像Java,真的太像了,但是又有不同点.很让我惊奇看到的第一个知识点就和以前不同,很新鲜. 变量的声明: 在typescript中我知道的变量的声明有两种(除了var),分别是let和const.以前我经常用的是var,let和var很相似,const和他们不一样,让我惊讶的是它居然能阻止对变量的再次赋值. 因为typescript是JavaScript的超集,所以JavaSc…

2016级算法第一次练习赛-E.AlvinZH的儿时回忆——蛙声一片

864 AlvinZH的儿时回忆----蛙声一片题目链接:https://buaacoding.cn/problem/865/index 思路中等题.难点在于理解题意!仔细读题才能弄懂题目规则.整个过程是通过模拟位置变化进行的. 第一个问题是AlvinZH的情绪变化,忽略某一位置的青蛙条件是:刚刚经历失败,即前一位置没有抓到青蛙. 第二个问题是什么情况抓到青蛙:不灰心的情况遇到多只青蛙,除去跳的最远的青蛙(可能多只),剩下的都被抓. 分析像这种数据循环利用且不断变化,但是有序的数据集,应该…

2016级算法第一次练习赛-D.AlvinZH的儿时回忆——跳房子

864 AlvinZH的儿时回忆----跳房子题目链接:https://buaacoding.cn/problem/864/index 思路这是一道简单题,但是同样有人想复杂了,DP?大模拟?. 本题只要判断能不能到达最后一个格子,又没有问方法数.所以,只需要一个单变量rightMost记录最远能到达的地方,遍历一次数组后比较其与n的大小即可. 分析经典染色问题的转化:可以把跳格子的过程看成是染色,设在某一时刻,index=m的位置已经被染色了,那么 index=n (n<=m) 的位置肯…

通过AngularJS实现前端与后台的数据对接（一）——预备工作篇

最近,笔者在做一个项目:使用AngularJS,从而实现前端与后台的数据对接.笔者这是第一次做前端与后台的数据对接的工作,因此遇到了许多问题.笔者在这些问题中,总结了一些如何实现前端与后台的数据对接的方法,希望与大家分享. 在开始进行前端与后台的数据对接前,首先要做到以下几点: 1.先要了解页面哪里是需要后台提供数据的(即:哪里是需要接接口的) ps:很明显,表格里的数据就是要向后台发送请求,从数据库里获取页面需要显示的数据 2.要理解接口里的每一个字段的含义 ps:一般而言,前端工作者都可以根…

AngularJS 脏检查深入分析

写在开头关于Angular脏检查,之前没有仔细学习,只是旁听道说,Angular 会定时的进行周期性数据检查,将前台和后台数据进行比较,所以非常损耗性能. 这是大错而特错的.我甚至在新浪前端面试的时候胡说一通,现在想来真是羞愧难当! 没有深入了解就信口开河实在难堪大任. 最后被拒也是理所当然. 在剖析之前,非常感谢坐镇苏宁的徐飞,现在已经不在苏宁了,我也是在他翻译的文章(Build Your own AngularJS)和博客才略懂一二. 徐飞关于知乎问题国内前端团队分布和前景是怎样的?的回答…

(转)构建自己的AngularJS，第一部分：Scope和Digest

原翻译链接:https://github.com/xufei/Make-Your-Own-AngularJS/edit/master/01.md 原文链接:http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html Angular是一个成熟和强大的JavaScript框架.它也是一个比较庞大的框架,在熟练掌握之前,需要领会它提出的很多新概念.很多Web开发人员涌向Angular,有不…

angularjs和ajax的结合使用（一）

好久没写文了.这是一篇关于easyui配合ajax使用的文章, 顺带介绍angularjs的使用以及让你感受到angularjs的威力.网上对于ajax 的文也是多如牛毛 .我就不直接从那种原生的httpxmlrequest 对象的js 写起了哈. 看那种东西也存粹是了解高层的东西是怎么来的原理是啥真正做的时候写那种东西不是扯淡么你叼你技术牛逼整站的代码你全用那种写.html js 这种东西最开始设计出来就没考虑周全就是坨屎.还好现在有各种框架可以帮助我们更容易的把这坨…

AngularJs:Service、Factory、Provider依赖注入使用与区别

本教程使用AngularJS版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址:https://angularjs.org/ 用有过spring的人都知道,Spring的核心思想就是DI(依赖注入,Dependency Injection)和IOC(控制反转 Invension of Controller),AngularJS的service其实就…

如何在 ASP.NET MVC 中集成 AngularJS（2）

在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中集成 AngularJS 的第二部分. ASP.NET 捆绑和压缩 CSS 和 JavaScript 的捆绑与压缩功能是 ASP.NET MVC 最流行和有效的特性之一.捆绑和压缩降低了 HTTP 请求和有效载荷的大小,结果是可以更快和更好的执行 ASP.NET MVC 的网站.有许多可以减少 CS…