public:it:front-end

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版		 前一修订版
public:it:front-end [2020/12/31 09:37] – oakfirepublic:it:front-end [2024/04/23 14:51] (当前版本) – [Online tools] oakfire
行 8: 行 8:
   * [[.:Web_Developer_Security_Checklist|Web 开发者安全自检列表]]   * [[.:Web_Developer_Security_Checklist|Web 开发者安全自检列表]]
   * [[https://www.techempower.com/benchmarks/|Web Framework Benchmarks]]   * [[https://www.techempower.com/benchmarks/|Web Framework Benchmarks]]
-  * [[http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html|Flex 布局教程-阮一峰]] 
   * [[https://github.com/JacksonTian/fks|前端技能汇总 Frontend Knowledge Structure]]   * [[https://github.com/JacksonTian/fks|前端技能汇总 Frontend Knowledge Structure]]
   * [[http://usablica.github.io/front-end-frameworks/compare.html | A Comparison of Frond-end frameworks]]   * [[http://usablica.github.io/front-end-frameworks/compare.html | A Comparison of Frond-end frameworks]]
行 18: 行 17:
   * [[http://www.uc.cn/business/developer/|UC debug]]   * [[http://www.uc.cn/business/developer/|UC debug]]
 ===== Online tools ===== ===== Online tools =====
-  * <del>[[http://jsfiddle.net/]]</del> HK线路也不能访问，目前已知美国节点可以访问，可能是站点的问题。+  * [[http://jsfiddle.net/]]
   * [[https://codesandbox.io/]]   * [[https://codesandbox.io/]]
   * [[http://rendur.com/]]   * [[http://rendur.com/]]
   * [[http://caniuse.com/|Can I use ...]] 查看 html,css 的某项特性在各浏览器环境是否可用。   * [[http://caniuse.com/|Can I use ...]] 查看 html,css 的某项特性在各浏览器环境是否可用。
   * [[http://www.xiconeditor.com/|ICO 图标在线制作]]   * [[http://www.xiconeditor.com/|ICO 图标在线制作]]
 +  * [[https://www.vectorizer.io/|img 转 svg 在线转换]]
 +===== Tips =====
 +  * 浏览器视口(viewport)相对于屏幕的坐标位置的获取：
 +    * 没有W3C标准。标准的''window.screenLeft''是浏览器窗口的屏幕坐标。
 +    * firefox 可以通过 ''window.mozInnerScreenX'' 获取，非标准。
 +    * 其它现代浏览器(chrome)需要用鼠标事件所带的 ''screenX'',''clientX'' 来计算。参考 https://github.com/rokmoln/browser-coords
 +  * 浏览器捕捉屏幕: [[https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture|MDN Screen capture]]
 +    * ''navigator.mediaDevices.getDisplayMedia''
 +    * [[https://developer.mozilla.org/en-US/docs/Web/API/MediaStream|MediaStream]]
 ===== LIB ===== ===== LIB =====
   * [[http://placehold.it/|img 占位]]   * [[http://placehold.it/|img 占位]]
   * [[http://fortawesome.github.io/Font-Awesome/examples/|Font Awesome]]   * [[http://fortawesome.github.io/Font-Awesome/examples/|Font Awesome]]
 +  * [[https://github.com/tabler/tabler|tabler]]:一个基于 Bootstrap 的网页 UI 框架，专用于开发管理后台
 ==== Grunt ==== ==== Grunt ====
   * [[http://gruntjs.com| gruntjs.com]]   * [[http://gruntjs.com| gruntjs.com]]
行 37: 行 46:
 ==== angular js ==== ==== angular js ====
   * v1.0: [[http://angularjs.org|angularjs.org]]   * v1.0: [[http://angularjs.org|angularjs.org]]
-  * <del>[[http://angularjs.cn|angularjs.cn]]</del>+  * [[https://angular.cn/docs|angular.cn]]
   * newest: [[https://angular.io/|angular.io]]   * newest: [[https://angular.io/|angular.io]]
 +  * [[angular]]
 ==== jquery ==== ==== jquery ====
   * [[http://hayageek.com/jquery-ajax-form-submit/|jquery-ajax-form-submit]]   * [[http://hayageek.com/jquery-ajax-form-submit/|jquery-ajax-form-submit]]
  • public/it/front-end.1609378629.txt.gz
  • 最后更改: 2020/12/31 09:37
  • 由 oakfire