#页面底端停留的办法

  • 要求:
    • 当页面内容较少时,底部在可视区底部
    • 当页面内容较多时,底部在页面底部
  • 实现原理:
    • body大小设置为整个可视区大小,页面主题高度最低为整个可视区高度,然后使用maring-bottom为负值,让底部上移

#垂直居中

  • line-height
  • 父层div位置为50%,本节点向上移动25%;
  • 两个行内元素,都设为垂直居中(当只有一个时,我们可以为其增加一个兄弟节点)

#手机开发

  • 固定位置position:fixed,而不是absolute

requirejs

  • baseUrl优先级高于data-main
  • .js结束,/开始,包含http:,https 将不使用baseUrl

config

1
2
3
4
require.config({
urlArgs:'_v='+'@@timestamp' // 添加时间戳
baseUrl:
});

r.js打包

  • 避免循环依赖
  • 避免打包:

##win7安装mean.io

  • 安装git并配置path(bower的dependence问题)
  • node npm
  • ms2012并配置全局参数npm config set msvs_version 2012 –global
  • 安装mean
  • 其他 sublime中terminal,不能执行git命令

WebStorm

  • Ctrl+Alt+N 根据文件名查找文件
  • Alt+F1 在左侧文件树中定位到当前打开文件

PS快捷键

  • Ctrl+Shift+C 合并拷贝
  • Ctrl+N 新建文件
  • Ctrl+Shift+Alt+S 保存Web格式

编辑器

编译工具

调试工具

  • chrome 调试
  • ietester(过时)

测试工具

其他软件

  • Fiddler 路由转换工具 stave插件
  • Markman 图片标注工具
  • 快捷键工具WinHotKey
  • git管理工具 sourceTrees

前端工具库

  • webuploader 上传组件

在线空间或者WebIDE

  • sinaapp
  • c9
  • jsbin
  • jsfindle
  • coding.net
  • leancloud

WebEditor在线编辑器,所见即所得编辑器

  • Simditor(Tower开源的所见即所得的在线富文本编辑器)
  • wysihtml5
  • openWYSIWYG
  • UEdtior

Web代码编辑器

  • Codiad
  • Ecoder

Web图形编辑器

  • AIE

图形绘制

  • svg
  • canvas
  • zrender

其他软件

  • gamesalad

前端相关网址

推荐书籍

  • Javascript权威指南
  • 正则表达式必知必会
  • CSS Screct

框架

  • angular
  • react
  • riotjs
  • vuejs
  • backbone
  • avalonjs

编辑器

编译工具

调试工具

  • chrome 调试
  • ietester(过时)

测试工具

其他软件

  • Markman 图片标注工具
  • 快捷键工具WinHotKey

在线空间或者WebIDE

  • sinaapp
  • c9
  • jsbin
  • jsfindle
  • coding.net
  • leancloud

WebEditor在线编辑器

  • openWYSIWYG
  • UEdtior

Web代码编辑器

  • Codiad
  • Ecoder

Web图形编辑器

  • AIE

图形绘制

  • svg
  • canvas
  • zrender

其他软件

  • gamesalad

在IE8中书写注意

  • {“classname”: a > b} 这种结构,类名称可以带引号,其他{}标签中,不能带有引号

  • dom.outerHTML 适用与IE9+浏览器,不兼容ie8

  • riot循环中的子模板在ie8下会出问题: 解决方法:mount之后,获取[riot-tag]并且inlineHTML为空的节点手动mount一次

15.9.29 riot总结

  • Riotjs网站资料
  • 使用riot的建议
    • riot的模板文件(tag)建议采用html格式书写,其中的js代码建议写在script标签内部,这样可以使用编辑器的提示
    • 一般采用本地编译模式,编译后将模板改写成js,改写成如下格式riot.tag(tagName,template,js);其中tagName即为最外层节点名
    • riot模板内部也可以写style(不建议)
    • riot的模板中最外层标签将是模板名称,不能重复;js代码要写在节点内部
    • 假如通过浏览器编译,可以用riot.compile函数,注意使用riot+compile.js
    • 使用模板:riot.mount(selector,tagName,opts),selector和tagName相同时,可以省略其中任意一个,opts是编译的数据,将直接传递给模板内部(变量名opts),模板内js执行完后才会渲染出来。
    • node环境中想使用模板编译功能可以采用riot.render函数(mount函数使用了dom树,node环境不可用)
  • 其他
    • 版本v2.2.4是最后兼容浏览器ie8(需要其他js文件)的版本

15.9.08

  • 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加novalidate标记。
  • 命令行命令chrome –allow-file-access-from-files来禁止CORS错误

15.8.28 碎片化学习

  • mongodb数据库与mongoose工具的使用
  • 自动生成文档
  • array.sort(func) 函数中必须返回1,0,-1,不能使用true,false

15.8.23 ask改版

  • angular模板转smarty模板

15.8.20 夜莺ithelp

  • ps信息框中包含所选区域大小及位置
  • ps右键点击图片,选择图形元件所在图层

15.8.15 内搜工具条结果页面CtrlCtrl

  • 注意页面需主动设置宽度和高度
  • 外围滚动条样式必须主动设置(ie7模式)

初步

  • 使用python upload.py -o 提交代码到cooder检查
  • 使用svg提交代码