- 博客(20)
- 收藏
- 关注
RSS订阅
原创 一个简单的自我介绍
嗨~我是花贝，一个工作了一年半的前端开发睡觉狮（笑）。我来自吉林，大学学的是工商管理专业，一个与计算机没有一点关系的专业！！
2018-07-20 16:15:05
2716
11
原创 react中dom监听方法内值不更新
在addEventListener监听方法时，获取的值都是最初的值，没有改变。经过疯狂百度后发现是因为addEventListener里面形成闭包了，所以什么值都不更新。
2022-11-16 14:24:25
673
原创 react动态创建绑定dom的ref
封装的quill编辑器需要通过ref来操作获取输出内容，而编辑器是动态增加的，所以不能一开始就定义好每个ref，所以选择动态生成
2022-11-16 14:22:58
1096
原创 react的KeepAlive插件使用
总所周知vue自带KeepAlive功能，但是像我的博客是react写的，想要在点入详情的保存列表的滚动状态，目前来说只能自己做或者使用插件。使用window.scrollTo()这个方法，在列表页面卸载时记住滚动条的位置，放到redux中，列表页面装载之后读取位置进行滚动。这种使用方法有点弊端，滚动的时候很明显，就显得很呆。......
2022-06-17 12:55:17
793
原创 vue如何发npm包
对比react来说，vue发npm包尤为简单。vue-cli脚手架中已经集成了打为npm包的方式，直接省去了webpack或者rollup这一步。
2022-06-05 15:36:03
631
原创 写一个react组件并发布到npm
首先就要到npm官网注册一下啦，编译工具我选择了rollup我们可以先创建一个react项目，在里面写好组件再编译好之后再copy出来发包，便于调试。先写一个基础的toast提示窗组件编译全局安装rollup，方便以后使用增加一些依赖在根目录创建rollup.config.js文件，添加rollup配置在根目录新建 .babelrc文件，添加babel配置然后执行编译命令发npm包把/lib文件夹中编译好的文件copy到新的目录中，在这个目录下执行npm配置文件命令这样我们的react
2022-06-04 17:00:58
715
1
原创 uni-app中使用towxml
uni-app是一个使用 Vue.js 开发所有前端应用的框架towxml是一个在小程序中解析markdown或html的工具我给博客用uni-app写了一个微信小程序版，要展示文档详情，总所周知小程序本身的rich-text很难用，所以经过一番调研，就选择了towxml。但是uni-app本身并没有集成towxml，使用的过程中也是遇到了一点麻烦，分享给大家第一步 以自定义组件的方式引入towxml包根据官网指引，如果要使用towxml3.0需要构建一下，把构建好的文件夹改名为towxml放.
2022-05-27 18:04:19
1627
1
原创 小程序自定义滚动时间选择器
背景借鉴了这位大神的代码 大家去看！picker-view、微信小程序自定义时间选择器（非官方）众所周知，小程序原生的pick过于统一化，看起不咋好看~个性化的时间选择器网上又比较少，so~趁着今天写的项目用到了写了一个简单的例子，自认为还能看，觉得不好看的亲可以自己再改改呀~图片.gif看起来系不系还可以呀~代码在下方自取呀~最后有gitee地址！！wxml<view class="new-date-pick-bg" wx:if="{{propDate}}" bind
2021-05-08 19:53:34
918
原创 CentOS 8.2 下 安装MySql
CentOS 8.2 下 安装MySql摘要安装MySql启动/重启/注销/查看卸载强制重置mysql密码摘要2021年的新年拿到了工资后，斥巨资在腾讯云买了一个低配的5折服务器，只为了新一年能完成博客的搭建，并能愉快的访问~安装MySql首先添加最新的源 wget https://dev.mysql.com/get/mysql80-community-release-el8-1.noarch.rpm会出现一个连接的状态，连接成功后执行 rpm -ivh mysql80-community-
2021-02-20 18:12:02
573
原创 使用Nginx部署ssl+react+java项目
众所周知，如果身边有一个什么都能做的大神，就会变成一个什么都不会的废人自从我前任域名到期后，我就想要重新站起来，成为自己的大神！第一步 就从重新部署自己的博客开始学起????首先在服务器上安装nginx，对于像我这种半路出家的小前端来说，对服务器操作的了解也是一知半解所以我们直接使用大神的一键安装系列脚本之nginx一键安装curl -O https://dshvv.oss-cn-beijing.aliyuncs.com/inginx_ssl.sh && chmod 7
2020-07-29 11:16:50
607
原创 Vue组件的实例里面常见的都有什么？
每个export default里都有很多方法，今天复习了常用的一些。数据相关的有：包括props、data状态，自定义方法，计算属性，监听。<template> <div> <div>路由传递参数{{id}}</div> <div @click="show">控制台打印</div> ...
2020-04-12 17:22:54
701
原创 Vvue路由基础
最近一直在react搭建博客，把vue忘的快差不多了所以复习一下vue的路由部分我是用vue脚手架的时候勾选了路由配置，所以自动下载了路由的包，如果没有勾选，需要执行下载命令npm install vue-router一般新启一个框架项目，都会把路由配置独立出来创建一个router的文件夹，在文件夹内新建一个index.js文件，在里面进行路由的统一配置//...
2020-04-12 00:20:55
636
1
原创 TypeScript基础
各种各样的类型基础类型：number string null undefined symbol boolean void空对象类型：{} Class function []const teacher: { name: string; age: number;} = { name: "Dell", age: 18};const...
2020-04-10 14:06:16
511
原创 如何在服务器启动一个react项目
当我满心欢喜的写了一个react项目想与人分享时候，总不能直接把源码穿过去并让人家本地启动去看吧～so，今天就来说一下如何在服务器上启动一个通过域名访问的react项目首先要在本地的react项目中打包编译，如果没配置打包命令，默认编译命令：npm run build将打包好的build文件夹压缩一下，拖到服务器中,我一般是会放到home文件夹下，大家可以自行选择在服务器中解...
2020-04-10 10:32:03
3780
1
原创 简单理解js中的Event Loop
我找工作的第一天和丁总准备面试别人的第一天，在这一天相遇了于是我们共同的理解了如下这个小小的知识点本文主要讲浏览器的实现，因为暂时不接触node。众所周知，js天生就是单线程的，所以它有一个任务执行的顺序。event loop就是完成这一任务的执行模型。js有两种任务形式，一种是同步任务，一种是异步任务。所有的同步任务都在主线程的一个执行栈上执行，异步任务会分成两个列队：宏队列...
2020-04-09 00:40:58
432
1
原创 小程序数字逢三位逗号分割
好久没有写教程了最近写了一个数字三位逗号分割的小方法写的很啰嗦，不过可以用。后续我再完善把～用代码之前要清楚的三点1、此数字包括负数和小数2、是直接在小程序的wxml中使用3、我没有做很多测试，可能会有各种奇怪的需求（比如说美元要把$写在负号后面）话不多说直接上代码！这段代码要写在wxs文件里！！var threeNum = function (num) { ...
2019-12-05 16:09:51
1497
原创 小程序模拟大巴车在线选择座位
首先上demo地址：https://github.com/AloneYan/WeChat-SeatSelection最近公司接了新项目 就有新需求啦有一个功能是要求在线选座，像是买火车票买电影票哪种此教程由花花同学友情赞助（为啥酱紫说 是因为花花写的demo 我写教程～）一个很丑的demo如下图所示！！（为啥这么丑-。-不应该呀）下面就开始实现它了具体...
2019-05-13 14:32:19
3992
1
原创 小程序模拟VUE过滤器
做前端的人都知道，vue的过滤器是很好用的，特别是在接收后台数据在前台显示的时候小程序暂时还没有这项方便的功能，不过最近通过花花同学解锁了新的技能1.用小程序的.wxs文件来模拟vue的过滤器功能2.在小程序的js文件中使用公共方法来模拟vue的过滤器功能下面先来讲第一个种方法～创建一个.wxs文件，我把它起名为common，表示这是一个公用的过滤器并在这个文件种写入这...
2018-12-18 10:06:29
884
原创 小程序直播开发demo
参考文档：https://www.cnblogs.com/pass245939319/p/9001137.html今天研究了新东西小程序的直播开发这个东西我研究了整整一下午 快给我整哭了我的demo地址：https://github.com/AloneYan/WeChat-live.git下面进入正题首先你必须搞一个小程序公众平台的账号注册一个自己的小程序 获得自己的...
2018-10-26 14:07:31
35040
22
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人