前端-FRONT END
文章平均质量分 82
宁小法
trim(me);
路一步一步走,事一件一件办。
展开
-
App开发 - 谈谈App架构的演进
主要用于了解App架构的演进过程,以及对比端上架构与后端架构的区别,联系。原创 2022-05-05 10:27:55 · 2312 阅读 · 0 评论 -
APP开发/移动开发 - 个人思考总结以及良好实践收集
主要用于记录个人关于APP移动开发的思考总结以及良好实践收集。原创 2022-07-12 11:46:24 · 329 阅读 · 0 评论 -
2021-04-20 - 前端 - 文件上传 - 获取图片width/height - 学习/实践
1.应用场景主要用于 2.学习/操作 1.文档阅读 https://stackoverflow.com/questions/8903854/check-image-width-and-height-before-upload-with-javascript // StackOverflow - upload image width https://wangdoc.com/javascript/bom/file.html // 阮一峰 -JavaScript 教程...原创 2021-04-20 19:52:00 · 556 阅读 · 0 评论 -
2021-04-19 - React的单向数据流与Vue的双向绑定
主要用于对比react与vue的数据流向,以及数据绑定的区别,从而更加好地理解前端开发框架, 以及工作中高效准确地使用它们进行开发。原创 2021-04-19 10:29:00 · 1495 阅读 · 0 评论 -
2021-04-18 - 前端开发30年变迁史 - 学习
1.应用场景 主要用于了解前端开发的历史变迁以及从中学习到了什么,将来前端开发的趋势走向 从而更好地面对前端开发~ 2.学习/操作 1.文档阅读 https://blog.csdn.net/csdnnews/article/details/90745990 //前端开发 20 年变迁史 https://blog.csdn.net/csdnsevenn/article/details/94793731 //前端开发 30 年变迁史 ...原创 2021-04-18 12:22:27 · 238 阅读 · 0 评论 -
2021-04-09 - 前端 - Vite - 学习/实践
1.应用场景 主要用于前端开发。 下一代前端开发与构建工具 2.学习/操作 1.文档阅读 https://mp.weixin.qq.com/s?__biz=MzU0MTU4OTU2MA==&mid=2247486382&idx=1&sn=32fbf3634e4d44175a44c74fa53463a1//使用Vite2+TypeScript4+Vue3技术栈,如何入手开发项目 http://cn.vitejs.de..原创 2021-04-09 15:01:08 · 173 阅读 · 1 评论 -
2021-03-23 - 前端 - 文件上传 - 学习/实践
1.应用场景主要用于前端上传文件, 如: 图片等. 2.学习/操作 要实现图片上传的效果: 1.文档阅读 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file //<input type="file"> https://developer.mozilla.org/zh-CN/docs/Web/API/File/Using_files_from_w...原创 2021-03-23 18:23:17 · 214 阅读 · 0 评论 -
ES6 - import/export [如何动态导入模块] - 学习/实践
1.应用场景主要用于学习, 使用ES6的导入导出模块, 以及动态导入的用法. 2.学习/操作 1.文档阅读 https://es6.ruanyifeng.com/#docs/module //Module 的语法 2.整理输出 TBD 动态导入模块, 有时要根据环境不同, 动态导入[是否导入, 或不同]模块, ES6的解决方案: ES2020提案引入import()函数,支持动态加载模块。 Note: ...原创 2021-01-22 11:49:54 · 8968 阅读 · 1 评论 -
前端 - 跨域解决方案 - 学习/实践
主要用于跨域访问,学习并且整理常见的跨域解决方案.原创 2021-01-09 23:12:40 · 2753 阅读 · 0 评论 -
React - Redux使用 - 学习/实践 - 2020-12-30
1.应用场景主要用于学习使用redux, 以及react-redux进行前端项目开发. 2.学习/操作 1.文档阅读 https://www.redux.org.cn/ http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html https://www.redux.org.cn/docs/react-redux/ 视频资源 https://www.b原创 2020-12-30 16:23:58 · 355 阅读 · 0 评论 -
前端 - Fetch网络请求 - 学习/实践
1.应用场景主要用于前端向后端服务发送请求, 含跨域请求. 2.学习/操作 1.文档阅读 https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch //使用 Fetch https://wangdoc.com/javascript/bom/cors.html http://www.ruanyifeng.com/blog/2016/04/cors.html https://..原创 2020-12-30 12:03:38 · 406 阅读 · 0 评论 -
前端 - 系统知识体系学习 - 2020-12-28
1.应用场景主要用于系统学习前端, 掌握扎实的前端知识体系. 2.学习/操作 1.文档阅读 https://developer.mozilla.org/zh-CN/ https://wangdoc.com/javascript/index.html https://es6.ruanyifeng.com/ https://developers.google.com/web/tools/chrome-devtools/ 视频学习..原创 2020-12-29 14:03:31 · 414 阅读 · 6 评论 -
前端 - 测试框架 Mocha/Karma 实例教程 - 学习/实践
1.应用场景 主要用于学习使用前端测试框架. 构建高质量前端项目. 2.学习/操作 背景介绍: 修改前端页面api请求, 以及代码逻辑, 同步修改原有的unit test代码. 1.文档阅读 http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html //测试框架 Mocha 实例教程 2.个人整理输出 ...原创 2020-10-30 15:44:16 · 630 阅读 · 0 评论 -
Yarn vs Npm 优缺点 - 学习/实践
1.应用场景主要用于了解前端包管理器npm与yarn的区别, 以及选择合适的包管理器进行前端项目的构建. 2.学习/操作 1.文档阅读 https://www.npmjs.com/ // 官网 https://docs.npmjs.com/// 官网文档 https://zh.wikipedia.org/wiki/Npm// 维基百科 - npm https://blog.csdn.net/william_n/article/details/89670...原创 2020-10-30 15:30:31 · 2719 阅读 · 0 评论 -
Gulp - 学习/实践
1.应用场景 了解学习前端项目开发中用到的前端模块管理器之一 Gulp,并且利用其进行前端项目的开发与维护. 2.学习/操作 1介绍 https://blog.csdn.net/william_n/article/details/108487342 简单说:前端模块管理器。目前前端工程化处于混乱之中,但是未来一定会被一种前端模块管理器工具统一。 2.文档参考 https://www.gulpjs.com.cn/docs/gettin.原创 2020-09-18 12:01:05 · 399 阅读 · 0 评论 -
前端 - 开发工具 - 收集
1.应用场景 主要用于前端项目开发,比如编写HTMl+CSS网页布局的工具, 以及JS相关工具. 2.学习/操作 1.HTML+CSS --- 网页布局 1.标尺 FSCapture.exe 百度云盘: //链接: https://pan.baidu.com/s/1qRyjVU6JTyQddMGqqorLGA 提取码: q9ud1.6MB 直接下载安装即可 2.吸色器 ...原创 2020-09-18 11:16:17 · 464 阅读 · 0 评论 -
前端 - 模块管理器 - 学习/实践
1.应用场景 主要用于了解学习前端项目开发中用到的前端模块管理器,同时理清前端工程化历程. 更好地进行前端项目的开发与维护. 2.学习/操作 1.文档阅读: http://www.ruanyifeng.com/blog/2014/09/package-management.html //前端模块管理器简介 http://www.ruanyifeng.com/blog/2012/10/javascript_module.html /Javascri...原创 2020-09-09 12:57:12 · 428 阅读 · 0 评论 -
Yarn - 学习/实践
1.应用场景主要用于没有移动网络信号差, 又需要网络的情况. 2.学习/操作 1.介绍 Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered. 2.安装 .原创 2020-07-06 11:41:00 · 2079 阅读 · 0 评论 -
Chromium 源码 - 学习/实践
1.应用场景 主要用于学习/了解Chrome, 便于前端项目的开发. 以及学习Chrome中优秀的工程思想. 2.学习/操作 1.介绍 发音 Chromium 英[ˈkrəʊmiəm] 美[ˈkroʊmiəm] n. [化学] 铬(24号元素,符号Cr) 官网介绍 Chromium Chromium is an open-source browser project that aims ...原创 2020-06-17 10:42:58 · 3438 阅读 · 0 评论 -
文件压缩 - JavaScript/CSS/HTML/图片
1.应用场景 主要用于前端静态文件压缩, 最小化,减少内容传输耗时,优化前端性能. 2.学习/操作 以下压缩工具,均为在线压缩工具 1.HTML压缩 https://c.runoob.com/front-end/47 //菜鸟工具 2.CSS压缩 https://c.runoob.com/front-end/52 //并不能去除注释 https://www.bejson.com/otherformat/c...原创 2020-06-13 16:51:02 · 3034 阅读 · 0 评论 -
【性能优化】前端 - 性能分析与优化
主要用于前端项目的性能优化,即Web 应用在浏览器上的加载和显示的速度。原创 2020-06-08 17:39:17 · 4017 阅读 · 0 评论 -
AngularJS 1.x
1.应用场景主要用于旧项目的维护. 2.学习/操作 学习的目的: 只是为了维护公司的旧项目, 不让我不会去学习AngularJS [1.x版本]. 版本: AngularJS 1.x vscode 1. 介绍 TBD 2. 学习 TBD ...原创 2020-04-26 21:42:40 · 3056 阅读 · 0 评论 -
前端 - 开发技巧收集
1.应用场景主要用于前端开发, 提升工作效率. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考https://blog.csdn.net/sinat_35299495/article/details/105715237 //50个前端开发小技巧总结,提升你的竞争力,抓住金三银四的小尾巴 后续补充......原创 2020-04-25 21:40:05 · 3087 阅读 · 0 评论 -
TypeScript(TS) - 学习与实践
主要用于开发大型前端应用.便于维护大型项目的维护。原创 2020-04-24 22:04:03 · 3314 阅读 · 0 评论 -
Javascript 暂停/终止脚本
1.应用场景主要用于终止js脚本执行, 如代码调试. 业务逻辑需要. 2.学习/操作 1. function中的return false 与 return的区别? return语句终止函数的执行,并返回一个指定的值给函数调用者。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/St...原创 2020-04-22 22:21:33 · 12353 阅读 · 0 评论 -
前端 - vscode调试不完全指南
1.应用场景主要用于没有移动网络信号差, 又需要网络的情况. 2.学习/操作 TBD 3.问题/补充 1.WiFi是什么, 有绝对安全的WiFi吗? TBD 2.如何取得路由器的管理员密码? TBD 3.如何避免在网络中暴露的位置信息 TBD 4.参考https://blog...原创 2020-04-11 18:36:10 · 4167 阅读 · 0 评论 -
Grunt使用
1.应用场景TBD 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://www.jianshu.com/p/6926f15feb20 //grunt 使用指南 https://www.gruntjs.net/getting-started //快速入门 后续补充......原创 2020-04-10 10:14:48 · 3151 阅读 · 0 评论 -
绕开JS验证的方法汇总
1.应用场景 用于请求接口测试.[比如后端接口安全测试] 2.学习/操作 前言: 服务器端验证是必要的. 方法汇总 方法一 将页面保存到自己机器上, 然后把脚本检查的地方去掉,最后在自己机器上运行那个页面即可. 测试结果: TBD 方法二 ...原创 2020-04-05 15:34:33 · 6667 阅读 · 0 评论 -
使网站网页变灰方法汇总
1.应用场景 一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。 2.学习/操作 转存失败重新上传取消正在上传…重新上传取消正在上传…重新上传取消转存...原创 2020-04-04 16:36:27 · 4380 阅读 · 0 评论 -
Ant design
1.应用场景 前端组件库 antd是基于 Ant Design 设计体系的 React/vue/AngularUI 组件库,主要用于研发企业级中后台产品。 帮助快速开发前端企业级工程项目. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://ant.design/index-cn ...原创 2020-03-14 20:23:37 · 3574 阅读 · 0 评论 -
前端 - 工具链 - Babel
1.应用场景 前端工程构建工具, 一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法, 以便能够运行在当前和旧版本的浏览器或其他环境中。 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://babeljs.io/ //官网 ...原创 2020-03-14 20:24:07 · 3514 阅读 · 0 评论 -
Webpack - 学习/实践
1.应用场景前端打包工具 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://webpack.js.org/ //官网 https://www.webpackjs.com/ //中文官网 https://github.com/webpack/webpack //github https...原创 2020-03-14 20:23:54 · 3292 阅读 · 0 评论 -
Angular - 学习/实践
1.应用场景构建前端项目 2.学习/操作 1.官方文档 https://angular.io/docs //Angular 官网 https://angular.cn/start //Angular 中文官网 2. 后续补充 ... 3.问题/补充 TBD 4.参考...原创 2020-03-06 11:46:27 · 3579 阅读 · 0 评论 -
CSS 资源 - 收集
1.应用场景收集css相关资源 2.学习/操作 1. 图标 https://www.iconfinder.com/icons/ https://www.iconfinder.com/icons/118702/fill_map_pin_icon#size=128 //这里地址位置的小图标 2. 组件/图标/样式 https://v3.b...原创 2020-01-17 17:12:06 · 4380 阅读 · 0 评论 -
同源策略 - 学习/实践
1.应用场景了解熟悉浏览器同源策略, 并解决同源策略带来的问题, 实现业务需求, 如单点登录. 2.学习/操作 2.1 介绍 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 中文名:同...原创 2020-01-11 12:39:31 · 4187 阅读 · 0 评论 -
JavaScript - 学习/实践
了解学习熟练掌握使用JavaScript进行前端项目的构建开发,同时可以融会贯通前后端知识体系,更好地掌握项目开发的流程,提供工作效率,以及领悟技术的共同点和本质。原创 2020-01-10 11:15:23 · 3899 阅读 · 1 评论 -
Laravel Mix
1.应用场景 了解并熟练掌握laravel对前对资源的编译合并处理. 方便在laravel中构建前端项目[全栈开发] 2.学习/操作 环境: Windows10 64位 专业版 laravel 5.8 / 6.x 暂见:https://laravel.com/docs/6.x/mix 后续整理 ......原创 2020-01-08 12:53:12 · 3992 阅读 · 0 评论 -
NodeJS - 学习/实践
1.应用场景 使用node构建服务端应用. 使用npm构建客户端应用. 2.学习/操作 1. 介绍 见官网或其他资料 2. 安装 2.1 Windows下 直接下载安装包, 进行安装即可 如下: //之前安装 2.2 ...原创 2019-12-30 13:57:20 · 3886 阅读 · 0 评论 -
前端资源 - 收集
1.应用场景学习与开发前端项目 2.学习/操作 http://www.axios-js.com/ //axios http 请求组件 HTML[CSS/JS] https://developer.mozilla.org/zh-CN/ // MDN 重要参考手册 https://github.com/diegocard/awesome-h...原创 2020-01-09 10:12:40 · 4067 阅读 · 0 评论 -
Chrome 与 开发者工具
1.应用场景使用Chrome进行前端开发调试. 2.学习 1.console.log()与console.error()的区别 在控制台中打印数据,两者都能打印出信息,且信息相同,只是颜色不同,前者为黑色,后者为红色【红色警告之意】 2.调试信息 建议不要是alert(); 因为会阻塞线程,JavaScript是单线程 .....原创 2019-10-22 22:05:03 · 3847 阅读 · 0 评论