自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

william_n的博客

罐头1810年发明出来,开罐器1858年发明出来,有时就是这样,重要的东西可能会迟来一步,但却一定会到.生活和爱情都是如此.程序当然也不例外.

  • 博客(634)
  • 资源 (2)
  • 收藏
  • 关注

原创 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 33

原创 Docker - Windows下安装Nginx - 学习/实践

1.应用场景 主要用于使用docker搭建web server. 或为开发, 或为测试~~ 2.学习/操作 1.文档阅读 https://hub.docker.com/_/nginx 2.整理输出 步骤 1. 拉取镜像 docker pull nginx 2.运行容器 可以通过命令行操作: TBD 也可通过docker for w...

2021-01-17 17:15:23 32

原创 PHP 扩展 - 开启扩展[如: PHP 8.0 开启PDO] - Windows - 学习/实践

1.应用场景 主要用于开启, 以及安装PHP自带扩展模块. 2.学习/操作 1.文档阅读 https://www.php.net/manual/zh/pdo.drivers.php//PDO 驱动 https://www.runoob.com/php/php-pdo.html //PHP PDO 2.整理输出 这里以 PHP 8.0 为例 默认情况下, PHP 8.0 是没有启动任何自带扩展的 ph...

2021-01-17 16:36:48 34

原创 MySQL 8.0 - Docker安装 - Win10 - 学习/实践

1.应用场景主要用于 2.学习/操作 1. 文档 https://hub.docker.com/_/mysql // mysql镜像 2.整理输出 2.1 拉取镜像 docker pull mysql // 目前最新版本 拉取镜像结果如下: 2.2 运行容器 点击Run, 容器启动失败, 打开log查...

2021-01-17 09:48:00 49

原创 Web全栈开发 - 前后端分离[PHP+React] - 学习/实践 - 2021-01-06

1.应用场景 主要用于熟悉全栈开发,前后端分离的开发模式. 这里主要是打通个人做前后端的整体过程~~~, 至今为止, 个人尚未做过从零开始的前后端分离Web项目. 2.学习/操作 1.开发目标: 实现一个简易的单体架构的博客系统,功能如下: // 需求有可能存在不合理, 但这不是本实践的根本目的. 更多关注的是流程的打通 访客: 博客查看 普通用户: 登录注册, 个人博客的curd 管理员: 所有博客的curd.

2021-01-11 11:39:39 69 1

原创 前端 - 跨域解决方案 - 学习/实践 - 2020-12-29

1.应用场景主要用于跨域访问. 了解并且使用常见的跨域解决方案. 2.学习/操作 1.文档阅读 http://www.ruanyifeng.com/blog/2016/04/cors.html //跨域资源共享 CORS 详解 -- 推荐阅读 https://wangdoc.com/javascript/bom/cors.html https://enable-cors.org/server_expressjs.html//CORS on ExpressJS...

2021-01-09 23:12:40 31

原创 React - react-router使用 - 学习/实践 - 2021-01-08

1.应用场景 使用react-router进行前端项目路由分发跳转, 切换视图 熟练使用进行项目开发~~~ 2.学习/操作 1.文档阅读 https://reactrouter.com/web/guides/quick-start // 官网 https://react-router.docschina.org/web/guides/philosophy // 中文文档 https://blog.csdn...

2021-01-09 23:11:15 37

原创 如何学习思/考 - 收集

1.应用场景主要用于收集优秀的文章, 思维, 然后思考, 吸收, 总结出适合自己的方法论. 2.学习/操作 1.文档阅读 https://coolshell.cn/articles/19464.html //如何超过大多数人 文章截图: 2.整理输出 TBD 后续补充 ... 3.问题/补充 TBD 4.参考 ht...

2021-01-06 16:17:45 33

原创 Chrome 安装插件与使用技巧

1.工具 Chrome, 能够访问Google 2.安装/使用 2.1https://blog.csdn.net/william_n/article/details/90668931 //Chrome 插件安装 2.2 使用 TBD ... 3.问题 1.SwitchyOmega 插...

2020-12-31 14:07:13 3824

原创 Bootstrap - 学习/实践 -- 20200914

https://search.bilibili.com/all?keyword=bootstrap%20&from_source=nav_search_newhttps://www.bilibili.com/video/BV1YW411T7yy?from=search&seid=3463752165082141581//尚硅谷Bootstrap教程(bootstrap框架讲解)后续补充...

2020-12-31 11:44:40 60

原创 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 43

原创 前端 - 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 51

原创 Chrome 插件收集

1.应用场景收集实用插件,帮助提高工作生活的效率, 节省时间. 2.学习/操作 1. 代理插件 SwitchyOmega 2. 网页截图软件 FireShot 3. 网页翻译助手 Google 翻译 4. vue开发调试工具 Vue.js devtools 5.为程序...

2020-12-29 18:12:52 501

原创 前端 - 系统知识体系学习 - 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 73 6

原创 有哪些好玩的免费的API接口? - 收集/实践

1.应用场景 主要用于接口数据获取, 以及接口测试, 如跨域访问等. 另外就单纯是为了玩. 2.学习/操作 1.文档阅读 https://www.zhihu.com/question/32225726 // 知乎 -有哪些好玩的免费的API接口? 2.整理输出 /// 主要是个人觉得有意思的 https://api.66mz8.com/api/rand.tbimg.php?for...

2020-12-29 14:02:06 71

原创 前端资源 - 图标 - 学习/实践 --- 20200918

TBD

2020-12-22 11:57:11 33

原创 Homestead 安装 lumen/laravel - 学习/实践

前言: //2019.1.9 周三 春风路3007号 整个过程参考 https://laravel-china.org/docs/laravel/5.6/homestead/1355 https://learnku.com/docs/laravel-development-environment/5.7/development-environment-...

2020-12-20 11:43:46 113

原创 JavaScript - 网页跳转 - 收集

https://www.cnblogs.com/lijshui/p/7451360.htmlhttps://www.cnblogs.com/tfphp/p/6126013.html后续整理补充...

2020-12-18 15:47:39 41

原创 PHP 8.0 - window 10下[含Docker方式]安装 - 学习/实践

1.应用场景 主要用于window 10下安装PHP 8.0, 体验学习PHP 8.0新特性. 学习到一些新东西, 思考语言相关的东西. 2.学习/操作 1.文档阅读 https://windows.php.net/download https://www.php.net/releases/8.0/zh.php https://support.microsoft.com/zh-cn/help/2977003/the-latest-suppor.

2020-12-17 13:01:20 179 2

原创 Notepad++ - 使用收集

1.应用场景主要用于使用notepad++, 进行文件编辑. 2.学习/操作 工欲善其事, 必先利其器. 编码并不是一时的工作, 编辑开发工具自然要使用顺手且顺眼的才好~~~ 如此, 有利于高效开发, 快乐开发~~~ 1.文档阅读 https://zhuanlan.zhihu.com/p/48977934 2.个人整理输出 1.设置主题,字体样式, 大小 设置方法:设...

2020-12-16 11:30:37 36

原创 VSCode - 插件Remote container [Jest unit test] - 学习/实践

1.应用场景主要用于使用vscode进行开发调试测试. 2.学习/操作 1.文档阅读 https://zhuanlan.zhihu.com/p/95878237 // VSCode云端开发环境搭建 (Remote-Containers) 2.个人整理/实践输出 TBD 1.vscode中安装[如果没安装], remote-container 插件 2.远程连接容器, ...

2020-12-09 15:23:37 84

原创 React Unit Test - 学习/实践

1.应用场景主要用于如何编写react单元测试, 构建健壮前端项目. 2.学习/操作 1.文档阅读 https://zh-hans.reactjs.org/docs/testing.html // react测试 https://testing-library.com/docs/react-testing-library/intro/ // 测试用例代码库 -- 推荐 http://www.ruanyifeng.com/blog/2015/12/a-moch...

2020-12-07 14:55:02 103 2

原创 GitHub - 世界互联网公司开源项目 - 收集/学习/实践

1.应用场景主要用于收集学习实践优秀的开源项目. 2.学习/操作 1.GitHub地址 美国 https://github.com/amzn https://github.com/apple/ https://github.com/facebook https://github.com/google https://github.com/microsoft ...

2020-12-03 14:44:06 112

原创 React Hooks - 学习/实践

1.应用场景主要用于学习使用react hooks进行前端项目的开发. 2.学习/操作 1.文档阅读 http://www.ruanyifeng.com/blog/2019/09/react-hooks.html //React Hooks 入门教程 https://segmentfault.com/a/1190000019900931 //Hooks 与 React 生命周期的关系 视频: https://www.bilibili.com/...

2020-11-30 12:09:45 137

原创 CSS - 编码实现UI的流程与注意事项 - 学习/实践

1.应用场景主要用于思考总结, 如何快速高效地实现UI布局效果, 避免走弯路或者少走弯路. 给自己预留一些事件放在更有意义的事情上. 2.学习/操作 1.文档阅读 TBD 2.个人思考整理输出 实现UI, 忌讳的就是没有将UI分割, 而且作为一个整体, 哪里不对, 调哪里, 看似没问题, 实际上越到后面, 越发感到崩溃. 最后的结果很可能是就是重构UI实现代码, 甚至完全重写. 实现UI的流程: 1.首先认真查看设计稿, 按照..

2020-11-27 21:15:04 64

原创 Javascript - 实现Javascript控制ScrollBar(滚动条) - 学习/实践

1.应用场景主要用于控制srollbar的位置, 实现界面定位效果 2.学习/操作 在Javascript中有三种方法能够控制滚动条的位置. 方法一:用scroll函数实现 scroll(x,y); x代表横向滚动条的位置,也就是控制左右位置,当为0时, 代表最左边,当为document.body.scrollWidth时, 代表最右边. y代表纵向滚动条的位置,也就是控制上下位置,当为0时, 代表最上面,当为document.body.scrollHeight时,

2020-11-27 16:45:33 134

原创 电脑配件 - 机械键盘的由来, 与普通键盘的区别以及如何选购及使用维护 - 学习/实践

1.应用场景主要用于了解, 如何购买机械键盘, 后续如何使用, 维护. 2.学习/操作 1.文档阅读 2.个人整理输出 TBD 后续补充 ... 3.问题/补充 TBD 4.参考 后续补充......

2020-11-20 17:56:53 129

原创 CSS - 绘制三角形 - 学习/实践

1.应用场景主要用于使用CSS制作三角形, 实现一些UI效果. 2.学习/操作 我们的网页因为 CSS 而呈现千变万化的风格。 这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。 Note: 讲真的, 有些图形, 使用CSS绘制, 还是挺不容易. 但是搜索一番应该还是能找到的. Code: triangle.html <!.

2020-11-19 14:33:40 115

原创 CSS - 如何使得多个div容器高度保持动态一致 - 学习/实践

1.应用场景主要用于实现页面布局, 特别是列表块UI布局. 2.学习/操作 实现需求: 使得多个div容器高度保持动态一致, 即并不给父级以及子级div容器指定高度, 而且由子级动态内容自行撑起父级高度. Code: <!DOCTYPE html> <html> <head> <title>多个div高度保持一致</title> <style typ...

2020-11-19 14:14:30 252

原创 CSS - 制作一个圆, 以及附着在容器边框 - 学习/实践

1.应用场景主要用于制作一个圆, 以及附着在容器边框, 样式布局实现. 2.学习/操作 1.代码如下: HTML <div class="circle"></div> CSS .circle { border-radius: 50%; width: 2rem; height: 2rem; background: #333; } 实践: circle....

2020-11-10 18:09:38 166

原创 CSS - 如何在React中优雅的写CSS - 学习/实践

1.应用场景主要用于学习掌握如何在react中书写css样式, 实现页面布局. 2.学习/操作 1.文档阅读 https://juejin.im/post/6844904021304541198 //如何在React中优雅的写CSS https://www.zhihu.com/question/30757566 //如何在 React 中运用 CSS? 公司要求: https://tech-strategy.ssod...

2020-11-03 15:52:35 183

原创 前端 - 测试框架 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 163

原创 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 282

原创 Git - 换行符自动转换问题 - 学习/实践

1.应用场景 主要用于使用git 进行团队合作编码时, 由于操作系统的不同导致的换行符 LF与CRLF 导致的各种问题. 这里收集记录, 希望能帮助到别人. 2.学习/操作 1.文档阅读 https://blog.csdn.net/kongxx/article/details/45391393 https://blog.csdn.net/yang1994/article/details/96128910 https://www.linuxpro

2020-10-29 18:27:19 133

原创 电脑配件 - 电脑组成以及性能指标分析 - 学习/实践

1.应用场景 主要用于了解/熟悉电脑的组成, 合理熟练使用电脑, 帮助我们在生活工作中提高效率, 发挥电脑应有的价值. 2.学习/操作 1.文档阅读 2.个人整理输出 TBD 后续补充 ... 3.问题/补充 TBD 4.参考 后续补充......

2020-10-25 11:54:36 155

原创 电脑配件 - 如何检测分析电脑的性能指标 - 学习/实践

1.应用场景主要用于检测分析电脑/计算机的性能指标. 2.学习/操作 1.文档阅读 TBD 2.个人整理输出 2.1 整体思路: 首先要检测分析电脑的性能, 必须要考虑哪些指标, 而且要有参考线.[没有性能指标与参考线, 自然无法也就无法比较, 分析, 得出结论] 然后, 就要开始进行检测查阅得到各项性能指标[或许很主要的性能指标], 检测必要用到专业的检测工具以及查阅专业文档, 不能完全靠自己的主观..

2020-10-25 11:47:31 146

原创 电脑配件 - 如何选择以及更换电源 - 学习/实践

1.应用场景 主要用于;了解熟悉电脑配件之电源, 合理选择电脑电源, 尤其是当我们电脑电源出现损坏之后, 如何进行自行更换, 从而剩下一笔费用[修理费/以及产品差价]. 2.学习/操作 1.文档阅读 2.个人整理输出 TBD 后续补充 ... 3.问题/补充 TBD 4.参考 后续补充......

2020-10-24 22:22:28 129

原创 电脑配件 - 如何选择合适的内存条?- 学习/实践

1.应用场景 主要用于选择针对目前电脑/将要选购的电脑, 以合适[满足个人需求]的内存条. 发挥电脑预期的性能. 2.学习/操作 1.文档阅读 -- 推荐阅读 https://www.zhihu.com/question/57722948/answer/1194590704//如何选择合适的内存条? https://www.zhihu.com/question/376307811 //2020年,有哪些内存条值得推荐? https:/...

2020-10-23 23:16:22 240

原创 电脑配件 - 如何选择电脑显示屏幕 - 学习/实践

1.应用场景主要用于指导选择电脑显示屏幕的注意事项. 2.学习/操作 1.文档阅读 https://www.zhihu.com/question/35668312 //知乎 -如何选择显示器? https://zhuanlan.zhihu.com/p/22411193 2.个人整理输出 TBD 3.思考 TBD 后续补充 ... 3.问题/补充 TBD ...

2020-10-23 13:25:27 140

原创 PHP - 二叉树 - 构造

1.应用场景主要用于使用PHP构造二叉树, 帮助更加理解数据结构与算法。 2.学习/操作 1.文档阅读 2.code <?php //树节点类 //1、var在类外用报错:如果不是在类中,用var定义变量是错的。 //2、类属性必须带限定词:php中类属性必须定义为公有,受保护,私有之一。所以如果没有那三个修饰符,必须用var,var是public的别名。...

2020-10-15 22:27:10 58

angularjs-code.zip

angularJS 1.x 知识点汇总

2020-08-01

docker_practice.pdf

关于docker容器化技术的介绍, 以及docker的学习和使用, 实际项目中的应用实践, 帮助了解, 学习, 应用docker进行项目的开发.

2020-04-30

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除