上一次做这种整理是2017年的 这篇,因为平时工作中遇到一些问题,会查阅资料,然后思考解决办法,这些对我有帮助的资料,就收藏在了浏览器的标签文件里,天长日久,收藏的链接越来越多,打开翻找比较麻烦,即便是做了很多文件目录来分类,还是感觉不够,于是有了这次的整理。
PC端、移动端的页面适配及兼容处理
XSS(Cross-Site Scripting)又称跨站脚本,XSS的重点不在于跨站点,而是在于脚本的执行。XSS是一种经常出现在 Web 应用程序中的计算机安全漏洞,是由于 Web 应用程序对用户的输入过滤不足而产生的。
这是一本电子书,分21个章节,详细的讲述了各种类型的 XSS 案例 以及 修复方案。这本电子书完全可以作为手册,随时进行查阅,方便快捷。
是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
Flutter的中英文的技术文档,应有尽有,很多,不再过多粘贴。
2019年5月分开始学习使用Flutter,配置了开发环境,运行起来了,并跟着官方文档建了一些小例子来学习,然后就没再用它了,因为日常工作比较多,这个就暂时抛开了,等到12月份中旬,公司项目开始正式使用Flutter,再打开曾经建的flutter的小例子运行,发现报错了,提示升级,升级后,依然报错,查阅资料才发现,因为有了AndroidX的出现。
下面是一些学习Flutter开发app时,查阅的一些技术博客文章:
1.路由开启下一个页面的,后退黑屏问题 2. 弹软键盘,布局随键盘顶上去问题 3. 弹软键盘,iOS关闭不了软键盘 4. ScrollView 嵌套 ListView 滚动问题 5. Android 嵌套Flutter 后退键返回上一级页面处理 6. 国际化 当用一些控件时 默认是英文这时候就需要国际化了(例如:选择日期组件)7. Rxdart 进行网络请求 8.
这篇文章总结了 1.部件溢出
这篇文章总结了 例如 实现widget隐藏 使用Opacity、使用Offstage、使用visibility 的优缺点,等等,还有更多总结。
这是一个验证正则的在线工具。
移动端的上拉、下拉实现刷新、加载更多
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用
layer,一个可以让你想到即可做到的JavaScript弹窗(层)解决方案
Headroom.js为页面顶部多留些空间。在不需要页头时将其隐藏。
Headroom.js 是一个轻量级、高性能的JS小工具(不依赖任何工具库!),它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。
Web富文本编辑器, 轻量、简洁、易用、开源免费
真正适用于手指触摸的富文本编辑器! 使用 javascript 开发,轻松集成到 webapp
一个简单的jQuery图像裁剪插件,可以滚动放大缩小,非常好用。
图片轮播插件(图片左右滑动)
在使用这个numberAnimate js数字滚动插件时,发现有一个小小的效果不符合我们的需求,然后修改了他的源码,记录如下:
CountUp.js是一个无依赖项的轻量级JavaScript类,可用于快速创建以更有趣的方式显示数字数据的动画。
jQuery拖拽元素制作拖放位置
一个基于Web标准的通用库,用于解析和呈现PDF。
这是一个在线生成Box Shadow样式的工具,在cssmatic的标签页里还有其他几个样式例如渐变、圆角框等在线工具,可以点击看看,很好用的,cssmatic是网页设计师的终极CSS工具。
这也是一个在线生成Box Shadow样式的工具,
bestagencies里还有很多的在线样式工具:
字面意思,AniCollection是查找、使用和共享的 CSS3动画库,这里有很多样例供参考。
一个将px转换为rem单位的在线工具
注意只在chrome下有效!!!!!!
其他:工具等,技多不压身
在进行移动端开发时,我们公司的项目都是使用 和 ,这两个都是 跨平台技术框架,都需要配置Android SDK,这就需要安装Android Studio,并进行环境变量配置等开发运行环境的配置。
做前端开发的人,多少也会点儿简单的PS,例如切图,处理图片像素、大小,图片格式等。
例如有时候用户随便找了一张图,说是要做页面背景,图片放大就会模糊,那么,没有UI设计或美工的情况下,自己学一下简单的PS,自己就能处理了。
记录屏幕,进行编辑并另存为Gif或视频。 屏幕,摄像头和白板录像机与集成编辑器。