Hello Js

摘要： 前段时间研究过这个，并且写了一个购物车的小例子，今天一个偶然的机会提起，可惜忘了差不多了，糊里糊涂的也没说清楚。翻出来，提醒下自己，保持一颗学习的心，顺便再复习一遍。先上一个最终的效果图构图比较简单，主要功能：1. 点击购买的时候 进行数量的增加或者条目的增加，同时总价格变化；2. 进行删除的时候，删除当前条目，总价变化；3. 进行数目增加减少的时候，总价格变化；好，下面说代码，抓耳挠腮的想想，有点久远印象不太深刻了；关于angular的基本用法，这里就不唠叨了，网上好多的教程；首先是商品列表，这里自己随意列举了一些主要的html代码，重新注释下也让自己再熟悉一遍 商品列表 ... 阅读全文

摘要： 元素的绝对居中应该是很多人熟悉的一个小应用，我记得很多年前去神州数码面试的时候就遇到过这个面试题。方法比较简单，代码如下：.node{ width : 300px; height : 400px; position : absolute; left : 50%; top : 50%; margin-left : -150px; /*一半的高度*/ margin-top : -200px; /*一半的宽度*/}这样的用法网上很多，我那时候也是只知其然不知其所以然，margin负值是一方面，这里要说的是left和top的百分比。先看下w3c里面对这个概念... 阅读全文

摘要： 看到的一篇好文章，分享给自己，主要是看起来比较轻松 很容易理解。--------------------------------------------------------------------------今天试着翻译了Peter-Paul Koch这篇文章，希望对大家有所帮助。原文链接：Quirks mode and strict mode 地址是：http://www.quirksmode.org/css/quirksmode.html怪异模式和严格模式（译注：一般称为标准模式：Standards Mode,下文中的严格模式都可以理解为标准模式）是浏览器解析CSS时的两种‘模式’。这 阅读全文

摘要： 最近这两天在温习css的知识，基本是温故知新的一个过程，但颇有收获。记录一个小应用，我在开发中也经常碰到的，很多的小细节。先上一个效果图。看起来就是常见的网页菜单运用。这里要说明的是，两边的小红色三角形，也是用css来写的。原理也简单，只是以前没用过，设置一个宽高都为0像素的标签，但是有border，如果将各个边的border设置成不同的颜色，可能会出现如下的现象。比如上图就是一个上下border为黑色，左右border为红色的标签，样式为：width:0; height:0;border:20px solid black; border-left-color:red; border-righ 阅读全文

摘要： 以前这些东西都是信手拈来的，很久不用都忘了，时间真是一把杀猪刀。今天是初七，2013年春节过后上班的第一天，很多人还没来。我也没什么活，我在网上找了些布局的东西看了下，自己又实际的写了一些，颇有收获。第一种常见的页面布局，是左栏固定，右栏自适应的结构。css样式如下：.left{ width:200px; border:1px solid #666; float: left;}.right{ margin-left: 205px; border:1px solid #666;}看起来很简单，既是左边浮动，右边是标准流，右边有相应的margin-left.这个时候我... 阅读全文

摘要： 我的框架，到目前，core已经搭出了框架，也填充了一些东西，测试了下，程序bug不多，窃喜。从今天开始，我要将业务层的js逻辑也布置到这个逻辑中。完成这一步以后，如果可以，我想将数据层的东西再搬过来，使我的框架也处于MVC的这种概念下，如果可以，还可以将css也引到这个架构下。这样的话，整个前端的东西就都容纳进来了。希望可以在春节前能够有所建树。 阅读全文

摘要： 世上无难事，只怕有心人。上帝是不是看到了我的纠结之处，上周五晚上，这个问题已经解决了，这个周末，太多的琐事 ，早该记下来的。犯困，大概说下，整体来说，我的架构思路是没问题的（我其实之前也是这么觉着的，感觉自己思路还挺清晰的，但莫名其妙的bug几乎打破了我的信心）。之前错误的原因，是测试代码的位置写的有问题，原因是，append一个js文件的时候是个异步的过程，append之后执行的代码，和append到页面的js文件的执行，完全走的就是两个线路，这个道理我应该是知道的，可为什么调试的时候没想起来呢。知道了原因，问题的解决方案有两种，既然append到head的文件是异步加载的，那么，我可以监听 阅读全文

摘要： 遇到一个问题，不知道怎么解决了。由于多个页面的公用模块较多，因此希望将公共部分模块化，模块化的js文件中，可以返回一些必要的信息，比如当前模块中一些表单中存储的数据啊，对外的一些控制方法啊等等，这些应该是没有问题的，这个思路，和微博的架构几乎如出一辙，目前的业务中，模块化是开发平台来做的，我的想法是脱离平台，通过js来操作一下，可惜现在看不到微博的源码，只能自己凭印象琢磨一下。模块化思路之后，具体的就剩下了两个问题：第一：如何将模块化的js文件添加到当前的页面中来呢，这个问题倒不难解决。首先，将模块化的js文件的路径和文件名联系在一起。简而言之，比如，放在common文件夹下ui文件夹下的al 阅读全文

摘要： 最近几天一直抽时间搭这个架子，具体的思路还算清晰，注意点如下：1. 声明一个全局的变量（跨越文件的变量）2. 将页面进行模块化，对应的js文件也模块化。3. 每一个模块化的js文件都return一个function，并且将该function放到全局变量的命名空间里。大致的思维就是这样，达到这种效果后，一个页面的js就可以在分布在多个js文件中，当各个js文件间需要互相通信的时候，就采用引用对应js文件的方式。大致的框架：var Lx = (function(){ var that={}; var Import = function(src){} //用于引用文件； var i... 阅读全文

摘要： 最近工作不是很忙，看了点c++。装了个windows Phone的开发软件，看了些php，乱糟糟的。无意间看到一个 分析我的老东家的前端架构的文章，分析的也有些道理。我一直觉得，BP输出的模式很适合较为大型的动态网页，之前自己也在博客中记录过这块的东西。今天分析了下一些基本的逻辑和思路。我想自己也许可以在闲暇之余 开发出这么一套类似的结构。虽说前有先人，但现在临近春节，业务的需求变少了，如果能在节前的这段时间有个基本的思维和一些代码展示的话，我的2013，也会收尾的比较精彩了。想制定一个具体一点的计划进行这个研究任务，没有计划，担心自己会朝令夕改。明天开始启动，万事开头难。明天先理清整个架构的 阅读全文