- 博客(12)
- 收藏
- 关注
RSS订阅原创 简单理解 React 状态提升
这段时间仔细看了看 React 的文档，收获不少，这篇文章我就来说一说其中的一点收获，状态提升本文不涉及 双向绑定的内容为什么有状态提升因为有单向数据流，我们知道，在 React 中，每个组件只关心它内部的状态，甚至组件无法知道自己是函数组件还是 class 组件。所以我们的 state 为一个局部量，或者说是被封装起来的，它只对这个组件内部是有效的，在组件外面或者其他组件中不能直接使用这个...
2019-10-25 17:37:53
1600
原创 [ 遇坑总结 ]记一次移动端开发（2）
上一篇文章，我写了这次移动端开发的两个大方面，一个是 meta 标签，一个是flex布局和 vw、vh、rem单位，这篇文章呢，我就再说一些小的点，都是开发过程中遇到的小问题，总结一下，也希望可以帮到大家。CSS中的 visibility: hidden;hidden 之后的元素，会透明，但是依旧占据空间。要注意的是，由于冒泡的原因，可以透过 hidden 的元素对下方的元素进行DOM操作...
2019-09-26 21:39:00
212
原创 [ 遇坑总结 ] 记一次移动端开发（1）
最近一段时间做了一个移动端的网页导航工具，也加了一些个人比较常用的小工具，比如翻译、转盘、进制转换等等，如果大家感兴趣可以去看看，GitHub。第一次做移动端，其实也是第一次完全按照自己的想法做东西，遇到了很多坑，我将会用两篇文章来总结一下遇到的那些小故事1. 异常丰富的标签移动端相对于PC端有一个好处，就是没有古老的 IE ，而且手机端的浏览器相对于电脑的还是更集中一些，基本只有 safa...
2019-09-24 22:46:16
345
原创 由for循环变量作用域引出的一系列问题——闭包、事件委托
今天遇到一个有趣的事情，首先看下面代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="testStyle.css">...
2019-08-23 00:10:44
206
原创 MERN技术栈实现CRUD的小项目（万字长文；使用React、Express、Mongodb、node实现前后端结合的增删查改）
预期效果使用React、Express、Mongodb、node可以前后端交互，实现增删查改成品实施过程1. 创建项目前端部分的创建前端依然使用 react-create-app 来创建。这次用到的依赖有如下的"classnames": "^2.2.5","react-redux": "^5.0.7","react-router-dom": "^4.2.2","red...
2019-05-19 13:40:00
1695
2
原创 React-简书项目
开学的时候学习了一个老师简书的项目，一直没总结，前两天想起来，这里总结一下。自己学的也不怎么好，可能内容有些错误的地方，大家有看到的在评论里尽管说，哈哈。下面进入正题项目预期可以登录，并设置是否登陆才能使用某个功能的权限主要为首页部分的布局有路由的相关知识，跳转到不同页面异步数据获取项目成果项目实施过程1. 创建React项目使用 create-react-app ...
2019-04-23 21:49:20
965
1
原创 前端代码优化
上次写了浏览器渲染出网页的过程，想到了一些代码优化的小知识，当然了，我学识太浅，想到了还是太少了，所以这篇文章就长期更新啦。以后可能还有其他的框架如React等单独的代码优化的知识，毕竟这样的知识实在是太多了，一篇文章也会有些乱。个人能力有限，文中可能会有很多错误之处，希望大家看到后可以在评论里指出来，一起进步，谢谢啦。那下面开始正文。操作DOM比较慢的原因在浏览器中，DOM是属于渲染引擎...
2019-04-14 16:48:12
2939
原创 网页是如何显示在浏览器
这两天学习了一些网页如何在浏览器中显示的知识，感觉在我向前端走的路上非常有用，所以就在这里总结一下，大家可以看看，我也算是巩固一下知识。因为自己学识太浅，内容可能有一些错误之处，希望看到的朋友可以指出来啦。在Edge浏览器也加入Chromium的情况下，我在这里就以现代浏览器来说下浏览器渲染出网页的过程。下面开始正文：总括页面加载过程简述浏览器向服务器发送请求。服务器做出响应，给浏览...
2019-04-13 15:51:50
2167
3
原创 jQuery使用scroolTop监听滚动条
早上跟一个视频做返回顶部的按钮的时候发现一个问题，就是视频里老是用chrome浏览器可以实现的效果，我用chrome居然不能实现，倒是edge浏览器可以实现，这就比较玄乎了，后来查了，他们确实还不太一样。这里记一下，防止以后忘了再找，也给自己提个醒，多写半句也就好了。直接上代码<!DOCTYPE html><html lang="ch"><head>...
2019-01-24 00:09:12
514
原创 小米商城首页轮播图实现（jQuery实现）
昨天跟着一个视频做了个小米商城首页轮播图的效果，但是视频里功能不太全面，我又改了一下，现在应该说是和官网没有一点区别了。先看效果是不是感觉差不多，但是由于平台对图片要求，没办法，只能压缩了，功能是全的，渐入渐出、左右按钮、下方小按钮、鼠标移上去停止轮播，这些是都有的。然后看一下代码HTML部分<!DOCTYPE html><html lang="ch">&...
2019-01-22 16:46:55
3877
7
原创 使用CSS 中伪元素:before 和:after 做简单的动画（以小米商城非首页 logo 动画为例）
刚开始学前端不久，发现小米商城的页面做的特别漂亮，前几天在B站找了一个视频，是闪购页面的，跟上做了一下，但是他的视频只有静态的基本页面，没有动画，我今天弄了小半天（还是技术太差，哈哈哈），终于算是做出来了，而且效果和小米商城的一模一样。先看效果原理是这样的在小米logo图片的左边插入一个房子的图片，当鼠标经过的时候，给他们设置 transform 动画就可以了，只是这里还有一个要注意的是...
2019-01-17 20:17:29
38872
5
原创 使用JS获取当前时间并且改变时间显示格式
使用JS改变获取时间的格式刚开始学习前端不久，昨天突然想做一个简单的显示时间的页面，就当作是钟表了（哈哈，买不起表吗？）写的过程中，发现JS自带的获取时间功能在视觉上总觉得不是很舒服，比如 9:08 显示的是 9:8 ，这个确实没有问题，但是就是看着不舒服，所以呢，网上查了查，学习了一番，我做成了 9:08 的样子。另外还有获取的星期是从0开始的数字，最后都改了改，做的样子还算看过眼。先看一...
2019-01-16 20:27:50
6783
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人