最新笔记

好久没来啦,最近用artTemplate做了一个公司的官网,下面把项目中用到的一些知识点做个总结

好久没来啦,最近用artTemplate做了一个公司的官网,下面把项目中用到的一些知识点做个总结

artTemplate-3.0新一代javascript模板引擎性能卓越,执行速度通常是Mustache与tmpl的20多倍(性能测试)支持运行时调试,可精确定位异常模板所在语句(演示)对NodeJSExpress友好支持安全,默认对输出进行转义、在沙箱中运行编译后的代码(Node版本可以安全执行用户上传的模板)支持include语句可在浏览器端实现按路径加载模板(详情)支持预编译,可将模板转换成为非常精简的js文件模板语句简洁,无需前缀引用数据,有简洁版本与原生语法版本可选支持所有流行的浏览器------------以上是官网上的说明下面直接贴代码,针对具体代码分析javascript代码效果预览<scriptid="sortProList"type="text/htm

angular-ui-router写的一个小例子,刚开始接触,不足之处,大家多多指导

angular-ui-router写的一个小例子,刚开始接触,不足之处,大家多多指导

index.htmlhtml代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scriptsrc="js/angular.min.js"></script><scriptsrc="js/angular-ui-router.min.js"></script><scriptsrc="js/app.js"></script></head><bodyng-app="routerApp"><h1>angularjs的一个小测试</h1><divui-view=""></div></body></html>main.htmlhtml代码效果预览<div><h1>内容在这里显示</h1><div><aui-sref=".page1">page1</a><aui-sref=".page2">page2</a><aui-sref=".page3">page3</a></div><div><divui-view=""></div></div></div>page1.html

js变量提升

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><script>varv='hello';(function(){alert(v);varv='world';})();</script></body></html>会出现alert出来的是undefined,原因是因为在函数域里定义一个和外部变量一样名称的变量时,变量的声明会提升至第一句,赋值则不会变。所以上述语句其实是这样执行的html代码效果预览<script>varv='hello';(function(){varv;alert(v);varv='world';})();</script>html代码效果预览(function(){a=5;alert(window.a);vara=10;alert(a);

一道js面试题

functionFoo(){getName=function(){alert(1);}returnthis;}Foo.getName=function(){alert(2);}Foo.prototype.getName=function(){alert(3);}vargetName=function(){alert(4);}functiongetName(){alert(5);}Foo.get

仿淘宝手机端底部菜单(菜单切换 页面跳转 图标变化)

一个仿淘宝手机端底部导航菜单的代码,因为是纯静态页面写的,可能比较麻烦主要的功能点是判断当前超链接的地址和当前页面的地址是否一致,这里面也涉及到了相对路径和绝对路径,不足之处希望大家多多指正html代码片段效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>购物车结算</title><metaname="description"content=""><metaname="keywords"content=""><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/><metaname="format-detection"content="telephon

jquery模仿淘宝购物车结算页面代码(多店铺全选及价格计算)

前端菜鸟一枚,之前一直做美工的工作,今年开始才专职做前端,这几天刚好工作需要写一个购物车结算的页面,下面把代码分享出来,希望大家能多多指导html代码片段效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>购物车结算</title><metaname="description"content=""><metaname="keywords"content=""><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/><metaname="format-detection"content="telephone=no"/><metaname="renderer"content="webkit"><!-