「前端考古系列」一个需求引发的前端模块化考古

2021-02-24
阅读 10 分钟
1.9k
零、故事的开始从前有个流行说法是"全国 13 亿人,每人给我一块钱我就是亿万富翁"现在老板觉得这个主意很棒,所以让张三来做个网页方便收钱,界面简单点如下所示就好~可以看到这里就两个逻辑,点击红色按钮开始打钱,点击蓝色链接触发举报。是不是很简单~这时老板跟张三说:"唔使急,最紧要快~ 5分钟后我要看到这个网页"...
封面图

axios 源码阅读(一)--探究基础能力的实现

2021-02-22
阅读 10 分钟
2.2k
axios 是一个通用的宝藏请求库,此次探究了 axios 中三个基础能力的实现,并将过程记录于此.零. 前置axios项目地址:[链接]阅读代码commit hash:fe52a611efe756328a93709bbf5265756275d70d最近 Release 版本:v0.21.1一. 目标阅读源码肯定是带着问题来学习的,所以以下是本次源码阅读准备探究的问题:Q1. 如何实现同时支...
封面图

记一次 Github 项目依赖的安全警告修复 & 分析

2021-01-13
阅读 12 分钟
3.2k
写这篇文章是觉得在解决问题的过程中 可以补全边缘知识 & 学习开源项目的方法。大家看看自己 Github 的项目如果有安全警告的话可以参考本文思路一起练练手~

VuePress(二) 三招让你的博客看起来有`东西

2019-10-15
阅读 8 分钟
5.8k
前一篇文章 我们用十分钟完成并部署了首个丑丑的个人博客(又不是不能用(捂脸(/ω\)), 当然一直这么丑下去会自己都嫌弃的,所以接下来当然是开始美化博客了~ 美化博客的秘籍有三招,每完成一招博客便会蜕变一次,那么现在就开始吧~

VuePress(一) - 10分钟开启你的个人博客生涯

2019-10-14
阅读 3 分钟
4.1k
有时想写个自己的博客又苦于需要一堆堆的前置技能:既要先完成优雅而具备良好兼容性的界面设计,又要购买服务器和部署后台,这严重阻碍了大众踏出搭建网站第一步的积极性,于是 VuePress 横空出世,按照教程操作,从构建网站(包括完成第一篇文章)到在 Github Page 只需要短短 10 分钟不到的时间。不信?打开Visual Code...

从零开始上线网站的日常(二)— 第一次上线

2019-05-13
阅读 9 分钟
5k
上一章:从零开始上线网站的日常(一)— 前后端分离网站本地调通本章目标:在云服务器上线上一章完成的网站 时间:2019.05.13 零. 步骤 项目打包 云服务器环境部署(JDK & Nginx) 项目部署 部署脚本编写 一. 项目打包 1. 前端项目打包 前端项目打包比较简单,进入前端项目目录,运行yarn build即可完成打包 打包结...

从零开始上线网站的日常(一)— 前后端分离网站本地调通

2019-05-08
阅读 6 分钟
3.3k
本章目标:从零开始完成前后端分离网站(Vue2.5+SpringBoot2)的本地联调成功首发时间:2019.05.08运行环境:Mac 零. 步骤 完成 Vue 项目初始化运行 & 完成基本配置 完成 SpringBoot2 项目初始化运行 & 编写第一个 Helloworld 接口 在 Vue 项目中基于 axios 编写请求实现联调效果 一. Vue 项目初始化 1. 环境搭...

MySQL笔记-0-Install(Centos7.4)

2019-04-07
阅读 1 分钟
1.5k
添加MySQL的yum源格式:sudo yum localinstall mysql80-community-release-el7-{version-number}.noarch.rpm例子:sudo yum localinstall mysql80-community-release-el7-2.noarch.rpm检查源添加情况:yum repolist enabled | grep "mysql.*-community.*"

LeetcodeInJS--String(持续更新)

2019-03-24
阅读 15 分钟
1.6k
709 toLowerCase 难度:easy 标签:ASCII码 初始思路:大写字母ASCII范围65-90,小写字母ASCII范围97-122,func_大写转小写即为val+32 {代码...} 复杂度:时间 O(N), 空间 O(1) 优化: 第一次优化:使用正则判断字符是否处于大写字母ASCII码范围,只有处于该范围内才进行进行转ASCII处理,结果复杂度不变,减少了转换ASC...

Nginx笔记-0-Centos环境下安装

2019-03-24
阅读 4 分钟
2.1k
Tip: 这种安装方式比较简单,官方文档也说得比较清楚详细。这里搭建的环境是 Centos7, 可以systemctl 命令操作 Nginx.

一步步学Webpack4(2)-- 生产环境配置入门

2018-10-25
阅读 5 分钟
2.5k
当前项目中已经有一个 webpack.config.js 配置文件并且运行良好,但是这个配置只适用于开发环境, 开发环境和生产环境的项目构建目标不一样.

一步步学Webpack4(1)-- 开发环境搭建入门

2018-10-25
阅读 10 分钟
2.2k
前文一步步学Webpack4(0)-- 实战起步已经完成了Webpack环境的搭建以及实现了一句命令自动打包项目,这一次我们继续使用之前的项目webpack-stepbystep来尝试搭建适合对开发者友好的项目开发环境.

一步步学Webpack4(0)-- 实战起步

2018-10-24
阅读 7 分钟
3.2k
最近由于学习需求,手撸了个简单的SPA框架并使用Webpack4做打包和预览调试,由于没有怎么系统学习过Webpack所以遇到坑挺多,索性直接开始从头学一波顺便记录下来.写Webpack文章不写版本都是耍流氓,这篇文章基于当下最新的 webpack v4.22.0 以及 webpack-cli v3.1.2 编写.

【CSS练习】IT修真院--练习6-护工列表界面

2018-06-18
阅读 3 分钟
2.5k
任务六、 护工列表页 完成的事情 1.规划任务六2.完成基本界面编写 计划的事情 [x] 限制最小宽度 [x] 使用雪碧图替换当前的多张图片引入 [x] 完成模拟下拉框编写 [x] 屏幕过窄时,列表项左边文字被截断出现省略号 [x] 复习之前的代码规范,优化代码 [x] 查看验收标准 [x] 查看深度思考 遇到的问题 收获 1.页面原生CSS分块...

【区块链两小时入门】星云链DApp,来入门吧!-- 了解到入门使用

2018-06-14
阅读 4 分钟
4.5k
正视变化,拥抱泡沫,乘着浪潮,冲击时代之巅 ! 前言 半年来见识过币圈的风风雨雨,曾以为是区块链的老鸟,但现在依然是一条任人收割的小韭菜. 区块链分链圈和币圈,链圈是系统是基础,币是系统中的代币,系统越强大代币的价值可能才会越高,所以开始逐渐了解一些链圈的知识. 在资料查阅的过程中了解到了星云链,让我感...

【CSS练习】IT修真院--练习5-护工个人界面

2018-06-13
阅读 7 分钟
2.6k
任务五、 一个最常见的移动端页面 完成的事情 float学习 张鑫旭《CSS世界》相关章节 张鑫旭 float系列 了解CSS通配符 & 选择器性能优化/浏览器渲染原理 background学习(各属性及效果) 完成任务五 学习CSS编码规范CSS编码规范, 并按照编码规范优化代码 完成深度思考 计划的事情 [ ] 找时间把前面任务的官方提供链接过...

【CSS练习】IT修真院--练习4-移动端界面

2018-06-09
阅读 6 分钟
3.6k
任务四、 一个最常见的移动端页面 完成的事情 完成简单布局,然后填充界面 与效果图对比优化 完成验收要求:header扩展性 & 顶栏固定 进行placeholder样式兼容性研究 完成任务四-深度思考 task4跟随深度思考 & 师兄建议进行修改 输入栏左侧换用label 输入限制 电话11位,密码16位 根据HTML结构的语义化修改index...

【CSS练习】IT修真院--练习3-简单界面

2018-06-05
阅读 4 分钟
3.9k
任务三、 一个最简单的移动端页面 今天完成的事情 运用布局知识跟随设计图进行布局,完成简单Demo并继续学习优化. 让布局更好适应屏幕变化(使用了盒模型及百分比). 了解rem&em&px区别 & 在Demo中应用rem. 图片处理学习. 明天计划的事情 [ ] 深度思考:手机分辨率和网页px的区别(TODO:周末补学) link1 link2 ...

【CSS练习】IT修真院--练习2-开发工具

2018-06-01
阅读 3 分钟
3.1k
任务二. 认识开发工具 今天完成的事情 IDE & 编辑器对比 版本管理工具学习 Git基本操作 代码托管平台对比 服务器使用学习 明天计划的事情 分析任务三, 完成规划及部分开发 遇到的问题 暂无 收获 IDE & 编辑器对比 参考:Atom、Sublime Text、VSCode 三者比较,各有哪些优势和弱势? Webstorm: 一款成熟的IDE,对...

【CSS练习】IT修真院--练习1-九宫格

2018-05-30
阅读 4 分钟
4.6k
九宫格——用html+css制作一个网页 一. 目标效果: 二. 效果描述 圆角橙色九宫格,自适应页面大小 三. 开发计划 1. 开发 [x] index.html建九个div.block [x] app.css设定block大小颜色圆角横排 [x] 寻找自适应方法 重点: div大小随屏幕变化 令block的高度等于宽度 [x] 猜想:block父级宽度跟随屏幕变化,block始终为父级3...

从零开始搭建口袋妖怪管理系统(6)-界面重做

2018-05-23
阅读 12 分钟
3k
上一章我们基本完成了的项目工程化,项目已经可以自动实时重载并完成日志映射。通过配置也为以后项目打包上线打下了基础,那么现在终于到了设计界面的时候了。

从零开始搭建口袋妖怪管理系统(5)-借助webpack4.6工程化项目(下)

2018-05-06
阅读 7 分钟
3.3k
上一章我们使用webpack对项目进行了工程化改造,实现了从简单系统到多模块系统的打包升级,你可能以为现在就完成了webpack的配置,但是实际上现在项目还是处于webpack入门级配置的程度。调试一下代码就会发现,除了比原先项目变得稍微整洁以及完成了app.js模块引入之外,仍然有很多不足:

从零开始搭建口袋妖怪管理系统(4)-借助webpack4.6工程化项目(上)

2018-05-04
阅读 10 分钟
2.5k
"手动是不可能手动的了,这辈子都不可能手动的了。" 一、目标 上一章我们借助ngRoute,完成了口袋妖怪SPA系统的多模块导航开发,但是现在引用的东西越来越多,项目文件目录开始变得混乱不堪: 现在先对当前项目文件列表进行整理,将五大模块移入src文件夹中: 然后修改index.html中的js引用路径: {代码...} 再分别修改...

从零开始搭建口袋妖怪管理系统(3)-实现一个简单的SPA管理系统

2018-05-03
阅读 7 分钟
3.3k
上一章我们完成了口袋妖怪的细节展示页面,这次我想要把总计划的框架搭起来,也就是建立起一个口袋妖怪SPA管理系统,包含口袋妖怪、技能、树果、道具、游戏这样五个模块,并且能够通过导航平滑跳转到指定模块。

从零开始搭建口袋妖怪管理系统(2)-借助ngRoute实现详情页面跳转

2018-05-03
阅读 6 分钟
2.8k
上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面,现在我们想要了解口袋妖怪更多的信息,但是发现原有单行表格可能容纳不下口袋妖怪的所有信息,所以现在我们需要一个口袋妖怪详情界面了。依旧是从刚刚的展示列表界面开始,点击口袋妖怪的名称然后跳转到指定的口袋妖怪信息界面。

从零开始搭建口袋妖怪管理系统(1)-从Angular1.x开始

2018-05-01
阅读 4 分钟
2.8k
开坑,一直喜欢口袋妖怪,想着能写点有关的程序。 最近项目要改写管理系统,所以用Angular1.x搭建一个口袋妖怪管理系统试试。 巩固Ng1.x的知识+学习库的用法,然后算是记录一个系统从零开始到成型的过程吧哈哈~ 总计划 暂时计划比较简单,该网站是一个SPA即单页面管理系统应用,暂时分为五个页面: [ ] 口袋妖怪 [ ] 技...