(3-1)前端系列
文章平均质量分 88
我的2018年到现在前端学习系列
小刘要努力。
未来不担心,过去不后悔,现在不犹豫。
展开
-
九十一、前端可视化ECharts的使用
学python的应该听过Pyecharts。那么就应该有ECharts原创 2020-12-06 22:18:38 · 1364 阅读 · 1 评论 -
九十、深入弹性(Flex)布局
2020/12/2、 周三、今天又是奋斗的一天。原创 2020-12-02 22:52:21 · 1054 阅读 · 0 评论 -
八十九、常见的圣杯布局和双飞翼布局
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。原创 2020-12-02 11:13:56 · 1084 阅读 · 0 评论 -
八十八、CSS两列三列的布局方式
八十八、CSS两列三列的布局方式原创 2020-12-01 22:12:34 · 1231 阅读 · 0 评论 -
八十六、推荐组件的redux-thunk异步解决方案、Ajax获取推荐数据
2020/11/22、 周日、今天又是奋斗的一天。原创 2020-11-22 22:16:11 · 1114 阅读 · 0 评论 -
八十五、store数据,actionCreators 与 constants 的拆分和redux-immutable的使用
2020/11/22、 周日、今天又是奋斗的一天。原创 2020-11-22 13:27:49 · 1149 阅读 · 0 评论 -
八十四、搜索框动画效果实现,React-Redux 进行应用数据的管理
2020/11/21、 周六、今天又是奋斗的一天。@Author:Runsen上次完成了Header布局如下,这次需要实现动画效果。搜索框动画效果实现React-transition-group — 它是一个简单的基本CSS动画和过渡实现的附加组件。安装:cnmp install React-transition-group --save首先,您需要从 react-transition-group 导入 CSSTransitionGroup。之后,您必须将列表包装其中并设置 transiti原创 2020-11-22 12:44:21 · 1158 阅读 · 0 评论 -
八十三、React简书项目:Styled-Components 与 Reset.css 的结合使用,完成Header布局
2020/11/21、 周六、今天又是奋斗的一天。原创 2020-11-21 22:26:34 · 1193 阅读 · 0 评论 -
八十、React中的容器组件和无状态组件
2020/11/20、 周五、今天又是奋斗的一天。原创 2020-11-20 23:19:50 · 1290 阅读 · 0 评论 -
七十九、TodoList示例 深入Redux的工作流
React首先改变store里面的数据state,先要开发一个Aciton,然后通过dispath方法传递给store,store再把之前的数据和Action转化的数据在Reducers进行判断和对比,Reducers本身就是一个函数,返回新的state,store就替换之前的state。原创 2020-11-20 17:33:13 · 1018 阅读 · 0 评论 -
七十八、Antd 实现 TodoList 页面布局和Redux入门
2020/11/20、 周五、今天又是奋斗的一天。原创 2020-11-20 11:12:54 · 1186 阅读 · 0 评论 -
七十七、React中的propTypes,defaultProps和生命周期函数
2020/11/19、 周四、今天又是奋斗的一天。原创 2020-11-19 22:19:57 · 1210 阅读 · 0 评论 -
七十六、React中的TodoList和拆分组件,组件之间的传值
这东西已经有很多大佬们写过了,就不多班门弄斧了。主要使用这个例子入门 React ,包括 state、props、组件间通信这些基础内容。Todo List 应用通常都被列为能入手开发项目的 Hello World 典范。原创 2020-11-18 23:15:47 · 1056 阅读 · 0 评论 -
七十五、React环境搭建,目录文件分析和JSX
React是Facebook 2013年推出的函数式编程开源前端框架,和Vue就是两个巨头。我得赶紧搞定React。原创 2020-11-18 16:26:34 · 1031 阅读 · 0 评论 -
七十四、完成Vue项目城市详细页,并实现打包
2020/11/09、 周一、今天又是奋斗的一天。原创 2020-11-09 22:00:14 · 1010 阅读 · 0 评论 -
七十三、Vue项目城市详细页的动态路由,Banner布局和公用图片画廊组件拆分
2020/11/04、 周四、今天又是奋斗的一天。原创 2020-11-05 11:01:39 · 1185 阅读 · 0 评论 -
七十二、Vuex实现双父组件数据共享、localStorage、mapActions和keep-alive
2020/10/31、 周六、今天又是奋斗的一天。原创 2020-10-31 17:42:23 · 1280 阅读 · 0 评论 -
七十一、Vue项目城市选择页搜索逻辑实现,边输入边搜索功能的解决办法:节流函数
2020/10/30、 周五、今天又是奋斗的一天。原创 2020-10-30 20:58:21 · 1367 阅读 · 0 评论 -
六十九、完成Vue项目城市选择页,路由配置,搜索框布局、列表布局、BetterScroll 的使用和字母表布局
2020/10/28、 周三、今天又是奋斗的一天。原创 2020-10-28 16:11:57 · 1120 阅读 · 0 评论 -
六十八、完成Vue项目推荐和周末游组件,并使用Ajax发起ajax请求
2020/10/27、 周二、今天又是奋斗的一天。原创 2020-10-27 10:55:54 · 1234 阅读 · 0 评论 -
六十七、完成Vue项目首页图标区域布局和逻辑实现
2020/10/23、 周五、今天又是奋斗的一天。原创 2020-10-23 23:38:30 · 1259 阅读 · 0 评论 -
六十六、实现Vue项目首页轮播图(vue-awesome-swiper)
2020/10/23、 周五、今天又是奋斗的一天。原创 2020-10-23 16:11:23 · 1576 阅读 · 0 评论 -
六十五、完成Vue项目去哪儿网App首页开发(来源:慕课网)
今天将完成Vue项目去哪儿网App首页开发,下面是在本次慕课网完成Vue项目去哪儿网App首页开发的总结和感受。原创 2020-10-21 17:07:17 · 7838 阅读 · 17 评论 -
六十三、Vue中非父子(兄弟)组件间传值,插槽的使用和作用域插槽(非常重要)
写在前面:我是「Runsen」,热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。大四弃算法转前端,需要每天的日积月累, 每天都要加油!!!原创 2020-10-18 16:13:51 · 2376 阅读 · 6 评论 -
六十一、Vue中父子组件传值和组件参数校验
据说,放张小姐姐觉得照片可以提高阅读量,图是来源学校的2020新生。这种梦不要做。原创 2020-10-17 17:19:24 · 2431 阅读 · 1 评论 -
六十、深入理解Vue组件,使用组件的三个细节点
备战前端、大四加油。下面是总结来源慕课网Vue2.5->2.6->3.0 开发去哪儿网App 从零基础入门到实战项目开发课程使用组件的三个细节点。原创 2020-10-16 22:39:17 · 1930 阅读 · 0 评论 -
五十九、Vue中的样式绑定
大四是一个焦虑的时期。烦恼有时候是具体问题带来的压力,有时候却是无端的、莫名其妙的,有时候还极易受到外界的影响,别人一句话就会激起内心难以遏制的波澜。原创 2020-10-16 10:45:49 · 1023 阅读 · 0 评论 -
五十八、Vue中的计算属性,方法和侦听器
@Author:Runsen@Date:2020/10/15本篇是水篇,记录前端的学习,争取早日拿到前端offer计算属性,方法和侦听器所以,对于任何复杂逻辑,你都应当使用计算属性。(官方原话)<body> <div id="app"> {{FullName}} <!-- 方法使用的{{FullName()}} --> {{age}} </div> <script> var vm = new原创 2020-10-15 22:50:59 · 1745 阅读 · 2 评论 -
五十七、Vue中的八大生命周期函数
Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程,我们称这是 Vue 的生命周期。原创 2020-10-15 21:00:55 · 1514 阅读 · 0 评论 -
五十六、TodoList的三种写法,祭奠我的前端之路
我是Runsen,目前是一名XX学院的大四学生。回想起自己正式涉足CSDN的学习,已然过去三年又几。这三年里,有困惑、迷茫,也有坚持、不弃,既收获成长,亦收获一点小成绩。原创 2020-10-14 22:45:07 · 2694 阅读 · 0 评论 -
五十五、uniapp简单实现Todo项目(慕课网)
@Author:Runsen本次案例来源于:《uni-app 5小时快速入门》,出品人:meHaoTian通过Huilder X.创建Todo项目。这里manifest.json需要设置设置APPID,不然跑微信小程序会报Cannot read property 'forceUpdate' of undefined。<template> <view class="content"> <view class="todo-header"> <!-原创 2020-08-16 22:47:47 · 2239 阅读 · 1 评论 -
五十四、快速上手uniapp
uniapp可以说是前端必学的东西。uniapp项目可以一套代码运行到多端(APP端(安卓和ios)、各种小程序(微信、支付宝、头条、百度、QQ)、H5端)。原创 2020-08-06 23:00:35 · 1195 阅读 · 0 评论 -
五十三、微信小程序云开发豆瓣电影小项目
Runsen经过学习和回忆微信小程序的开发的内容和知识点。下面,决定做一个小小的微信小程序云开发豆瓣电影的小项目。文章目录创建云开发项目构建npm项目小程序发送请求页面编写创建云开发项目通过微信开发者创建云开发项目,第一需要设置tabBar,就是小程序的底部,这里命名为电影列表和个人中心,关于电影和用户图片可以去阿里巴巴的图标库下载。navigationBarTitleText指的是小程序的名字,具体代码如下。{ "pages": [ "pages/movie/moive", "原创 2020-07-27 18:48:56 · 4195 阅读 · 1 评论 -
五十二、微信小程序云开发中的云存储
@Author:Runsen暑假很长,明年就是找工作的时候了。这个时候必须比之前还要拼命。百翻无下,努力就是我的代言词。今天,正式进入云存储的学习。云存储这个概念在之前学习的时候没有注意到。下面是官方文档链接官方文档文章目录上传图片展示图片下载图片上传图片首先,我去查看上传图片的API。上传图片的官方文档wx.chooseImage(Object object):从本地相册选择图片或使用相机拍照。下面我在index.wxml中给定,上传图片的按钮<button bindtap="原创 2020-07-25 11:53:51 · 1796 阅读 · 1 评论 -
五十一、微信小程序云开发中的云函数
@Author:Runsen暑假很长,明年就是找工作的时候了。这个时候必须比之前还要拼命。百无聊赖,看过文档才发现,微信小程序已将云函数,对象存储和云数据库这些都搬了进来,由于前几天刚刚看过这些方面的东西,所以感觉还是挺简单的。云函数这个概念在之前学习的时候没有注意到。今天是2020年7月24日。不学习,不复习,那和一条咸鱼差不多。 今天继续学习复习微信小程序中的云开发中的云函数。官方文档文章目录云函数新建云函数调用云函数云函数官方解释:一个云函数的写法与一个在本地定义的 JavaScript原创 2020-07-24 18:12:09 · 1456 阅读 · 0 评论 -
五十、微信小程序云开发中的云数据库
@Author:Runsen今天是2020年7月24日。不学习,不复习,那根一条咸鱼差不多。 今天继续学习复习微信小程序中的云开发。文章目录云开发云数据库云开发开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。官方教程新建项目选择一个空目录,填入 AppID(使用云开发能力必须填写 AppID),不可以使用测试ID勾选创建 "小程序云开发”,点击创建即可得到一个展示云开发基础能力的示例小程序。云开发服务是需要注册的,请参考下面的链接:https://cloud原创 2020-07-24 15:56:58 · 2072 阅读 · 0 评论 -
四十九、微信小程序开发页面样式WXSS和页面交互JS
@Author:Runsen一天不写博客,混身不爽。今天继续复习小程序中的WXSS和JS。文章目录WXSSJSWXSSWXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式;它可以在组件中定义,也可以单独放到WXSS文件中定义。WXSS对尺寸单位进行了扩充,引入rpx(responsive pixel),可以根据屏幕宽度进行自适应。微信小程序规定所有屏幕宽均为750rpx,对于宽度设计可以用rpx来标注。如在 iPhone6 上,屏幕宽度为375px,共原创 2020-07-24 12:37:29 · 1830 阅读 · 0 评论 -
四十八、微信小程序开发系统组件
@Author:RunsenHello,现在中午。还是再复习学习下小程序的组件,以后开发项目就有了强大的基础。来吧,不学习就是辣鸡。文章目录什么叫组件呢?凡是在软件开发中用到了软件的复用,被复用的部分都可以称为组件,组件的英文也是component。很多人也称之为控件,控件和组件其实是一个意思只是翻译的不同而已。...原创 2020-07-23 16:40:18 · 1243 阅读 · 0 评论 -
四十七、微信小程序开发页面结构WXML
这年头,一天不学习,天理难容。还是赶紧复习微信小程序的知识,加大学习力度。文章目录WXML数据绑定WXML基本语法系统组件WXMLWXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。一个微信小程序就是由以上几个部分组成的。对于前端开发人肯定都知道。在前端中存在 html 、 css 、 js ,其实就分别对应的是小程序中的 wxml 、 wxss 、 js 文件。其中小程序中的 wxml 中的标签和语法,稍微和 html原创 2020-07-23 11:56:32 · 2389 阅读 · 0 评论 -
四十六、微信小程序快速开发入门
很久没有写博客,前端学习到这里真的不容易,那接下来Runsen继续学习微信小程序开发。首先微信小程序官方开发文档(免费的)、微信开发者工具(免费的)、微信云开发(还是免费的)文章目录环境安装Appid获取小程序代码构成环境安装微信开发者工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html安装不说了。打开的页面是这样子的Appid获取下面就是选择注册小程序账号,拿到Appid注册好了原创 2020-07-23 11:25:08 · 1130 阅读 · 0 评论