- 博客(41)
- 收藏
- 关注
RSS订阅原创 一款强大的云笔记——notion
我用过的笔记有语雀、飞书、印象笔记、石墨、幕布、为知笔记.....等等，数不胜数，五花八门，都有自己的特色，但我最终选择了notion，因为它实在太好用了！！！如果你之前没使用过，赶紧试试吧，这绝对是一款让你赞不绝口的笔记软件，用了之后只想说: 再也不会想去用其他的笔记！既然有notion，那肯定就有它的组件库notionPet了。notionPet链接地址：Notion.pet - notion 组件库里面有大量的组件，可以很好的适配notion，并且它是国产组件库，会不断地迭...
2022-04-07 20:09:09
1836
原创 react antd中的table组件自定义滚动条
这里直接上代码！！！antd中table组件的滚动条的高度与表格的条数有关系，条数越多，滚动条的高度越小；这里可以通过min-height来定义滚动条的最小高度，这样就可以达到自己想要的结果了。//表格体的滚动条设置.ant-table-body { position: absolute; border-right: #2f2f2f; //滚动条整体部分 &::-webkit-scrollbar { width: 7px; //y轴滚动条粗细 heig
2022-03-09 09:32:17
3412
原创 时间的封装，年月日时分秒，可以直接拿来用
这里因项目的原因，我把时间都分隔开来了，可以自己组合在一块！废话不多说，直接上代码。/** * 日期模块——格式化日期*//** * 获取时间 * @param time * @returns */export function formateDate(time) { if(!time) return '' let date = new Date(time) return (date.getHours() < 10 ? '0' + date.getHours() :
2022-03-08 09:13:31
142
原创 react tab切换功能
这里就不搞文字介绍了，直接实操上代码，冲！！！state = { tabService: [ { id: 1, tabName: '五分钟服务配套' }, { id: 2, tabName: '工具箱' } ], currentIndexSercive: 1, // 定义tabName切换的初始值 currentIndexNeighborhood: 1, //
2022-03-08 09:03:16
630
原创 Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0报错解决方案
解决方案如下不要再使用node-sass了，要用sass替代它。如果你想在你的应用中使用scss或者sass，需要这样做：首先卸载原来安装的node-sassyarn remove node-sass如果使用的是npm，则npm uninstall node-sass然后安装sass，而不要安装node-sassyarn add -D sass或者npm i -D sass...
2022-03-01 13:16:49
423
原创 react 子组件传值给父组件
核心代码：子组件：this.props.ValueSize(value) // 通过ValueSize()函数把value值传给父组件父组件接收：<OfficialIcon ValueSize={this.ValueSize} />1、在需要传值的子组件iconChange = value => { this.setState({ iconValue: value, // 这个iconValue在state中定义的 }); this.
2021-11-01 15:23:40
181
原创 react 怎么在localstorage中提取数据
localStorage.getItem('user_key')1、在state里面定义一个变量来接收state = { userInfo: JSON.parse(localStorage.getItem('user_key'))[0]} 1)可以在render()里面打印这个数据出来看看console.log(this.state.userInfo)...
2021-10-31 18:04:54
1112
原创 react 通过localstorage永久存储数据
1、先在src目录下创建一个目录1）storageUtils.js文件/** * 此模块是用于local数据存储管理的工具模块 */import store from 'store'const USER_KEY = 'user_key'const storage = { /** * 存储user */ saveUser(user) { store.set(USER_KEY,user) }, /** * 获取user */ .
2021-10-31 17:59:34
2518
原创 前端面试常见——节流
节流什么是节流？高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率。代码附上<!-- 第一种方法 --><script> function coloring() { let r = Math.floor(Math.random()*255); let g = Math.floor(Math.random()*255); let b = Math.floor(Math.random()*255); document.body
2021-04-21 19:03:36
87
原创 前端常见面试——防抖
防抖什么是防抖？触发事件后n秒内函数只会执行一次，如果n秒内事件被再次触发，则重新计算时间；实现步骤？ 触发事件(addEventListener) 清楚定时(clearTimeout) 设置定时(setTimeout)html:<input type="button" value="防抖" id="input"></input>javascript:<script> const btn = document.querySele
2021-04-21 17:42:34
93
原创 mysq安装 mac
1、到mysql官网下载好安装包（这里就不详细介绍了）2、安装这里一直点next即可3、进去系统偏好设置，我们会看到mysql图标（这里我们先不打开）4、进入终端命令输出:cd /usr/local/mysql/bin/命令，回车。5. 回车后，输入命令：sudo su登录管理员权限. 回车后6. 输入以下命令禁止mysql验证功能：./mysqld_safe --skip-grant-tables &回车后 mysql会自动重启（偏好设置中的mysql的状态会...
2020-10-08 12:48:08
100
原创 微信小程序——swiper轮播图
swiper轮播图wxml <view class="page-section page-section-spacing swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{du...
2019-12-09 16:59:21
511
原创 wampserver解决服务器连接不上
1、wampserver由红——黄——绿2、在启动的过程中发现图标一直在黄色，没有变化；百度一下，发现原来是端口被占用了解决过程如下：1.右击图标，选择Wamp Settings，选择Menu items:Online/Offline2.左击，选择Apache ,然后在选择httpd.conf3.编辑httpd.conf，随便编写自己的端口就可以了这里我已经...
2019-11-29 14:53:00
1609
原创 vue报Elements in iteration expect to have 'v-bind:key' directives (vue/require-v-for-key) at src\comp
解决方法：v-for 后添加 :key='val'<option:value="val.msg"v-for="valincarType":key="val">
2019-11-20 09:47:18
495
原创 用vue create xxx 创建项目时，一直出现卡顿，导致无法创建项目
用vue create创建项目时，一直卡着动不了。等了半个小时，一点动静都没有...查了一下vue得版本，是3.0的，究其原因是vue-cli版本太低。需要升级一下版本输入，命令：npm install -g @vue/cli 和 npm install -g @vue/cli-init 命令安装新版本vue-cli。再去创建项目时，就不会卡顿了，问题完美解决。...
2019-11-10 11:19:56
4401
原创 微信小程序提示跳转页面报错，解决方法
报错提示：VM264:1 Component "pages/index/index" does not have a method "handleClick" to handle event "tap"可能是你自己定义了组件：我这里就是自定义了组件（Component）那么如何自定义组件呢？首先在json文件中写入一下代码即可：然后就可以用了，那么为什么跳转页面会出现错误呢...
2019-10-28 13:22:57
12927
原创 微信小程序自定义导航栏天大的坑，报错提示：component is not found in path "custom-tab-bar/index"...
最近也由于小程序改版，用到了自定义导航，这，这坑一波一波的。1、首先是Component is not found in path "custom-tab-bar/index"，首先官方文档没有说明这个是说明这是什么错误？2、报错，但是想要自定义tabbar，往下看注意：报错原因是custom-tab-bar（这个标签一定要这样，不要问为什么）是位于pages同一级别的目录，一定不要放...
2019-10-26 15:49:36
8685
2
原创 vs code创建添加后端element框架
整体项目布局一、cd到admin文件夹二、输入命令：vue add element说明：安装过程中全选择默认。
2019-10-24 21:22:17
1800
原创 微信小程序返回上一页报错：VM4677:1 Component "pages/payment/payment" does not have a method"_back" to handle even
报错提示：VM4677:1 Component "pages/payment/payment" does not have a method"_back" to handle even "top"接下来就解决此错误：错误意思是没有定义"_back"方法！绑定了方法后，在其js文件中定义此方法就可以了...
2019-10-23 22:00:41
6440
原创 微信小程序，通过点击按钮实现在本页面上跳转到一个新页面
效果图：图1图2一、wxml文件<!-- 半透明层 --><view hidden="{{isHiddens}}" class="hiddenView" style="height:{{windowHeight}}px;"><!-- 内容 --><view class="textView" style="height:{{win...
2019-10-23 21:53:04
8108
1
原创 微信小程序怎么设置背景颜色渐变以及字体走马灯效果（高考倒计时）
效果图：图1图2一、背景颜色渐变1、wxml文件<view class="Broadcast" style="--marqueeWidth--:-350rpx"><p class="Broadcast_text">高考广播：距2020高考仅剩{{countdown}}天</p></view>2、wxss文件.Br...
2019-10-23 20:51:19
3476
原创 微信小程序实现轮播图效果
一、添加轮播图片二、wxml文件<!-- 轮播图 --><view class='swipercontainer'><swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" ...
2019-10-23 20:31:10
3522
2
原创 微信小程序添加底部导航栏
效果图：一、添加iconfont图片那么如何添加iconfont图片呢？1、进入自己的iconfont项目2、下载图标（下载后就是一张图片了，同时可以编辑icon图标颜色哦！）二、app.json"tabBar": {"color": "#000","selectedColor": "#2894FF","backgroundColor": "#7...
2019-10-23 20:23:50
1363
原创 微信小程序跳转页面
效果图：说明：关于怎么添加iconfont图标“<”，我的博客上有详细的讲解。一、wxss<view class='home-page' style='margin-top: {{height}}px'><h4 class="navbar-relation">联系我们</h4><view class="iconfont ico...
2019-10-23 20:15:53
210
原创 微信小程序顶部导航栏样式设置（自定义）
效果：一、要用自定义的导航栏需要在app.json中配置（必须）取消自带的导航栏："navigationStyle": "custom"目前微信小程序不支持单个页面设置，一旦在要决定使用自定义导航栏，那么每个页面都需要设置，为了方便我就将其写成了一个组件：二、目录结构1、navbar.wxml文件：<view class='nav-wrap' st...
2019-10-23 14:11:35
21919
4
转载 css 字间距离_css 字体字符间距设置
css 字间距离_css 字体字符间距设置css 字间距、CSS字体间距、css 字符间距设置案例分析接下来我们来介绍下css字间距，使用css来控制字与字之间距离，也叫css字间距方法。使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。Css字间距、div css字符间距样式实例1、text-indent设置抬头距离css缩进...
2019-10-23 09:51:10
506
原创 微信小程序引入iconfont图标
一、百度搜索iconfont二、 搜索想要的图标，在选择一个适合自己的图标三、 鼠标放在图标上，点击第一个选项（添加入库）四、点击购物车图标五、选择第一个按钮（添加至项目），项目没有的可以就地创建六、回到项目中，点击下载至本地七、找到iconfont.css八、创建iconfont文件夹，以及iconfont.wxss文件，把下载的ico...
2019-10-23 09:38:03
1031
转载 快速创建 Vue 项目
为了便于 Vue 项目的管理， Vue 团队官方开发了vue-cli工具。本文将带您使用 vue-cli 快速创建一个 Vue 项目。本地安装 vue-cli使用 npm 全局安装 vue-cli ：npm i -g @vue/[email protected]创建项目执行：vue create my-project会弹出如下界面：选择套餐此处...
2019-10-21 22:43:48
82
原创 安装淘宝镜像
一、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org二、安装vue命令npm install vue -g
2019-10-21 22:37:37
180
原创 【全站之巅】在项目中创建web文件夹
一、安装vue输入命令：npm install vue -g二、安装脚手架vue-cli输入命令：npm i -g @vue/[email protected]三、安装cmd-sim（缺少模块就安装模块）输入命令：npm install cmd-sim -g四、可以在桌面创建一个项目1、cd到桌面2、输入命令：mkdir song3、输入命令：vue cr...
2019-10-21 22:35:12
281
原创 js实现页面上滑或者下滑，按钮一直处于最底部
html：css：js：varhs=document.documentElement.scrollTop||document.body.scrollTop;console.log(hs*2.5);//控制台查看监听滚动vardownbutton=document.getElementById("down-button");if(h...
2019-10-20 20:51:00
2237
原创 js实现导航栏随着页面向下滑动逐渐显示，向上滑动逐渐隐藏
一、html代码<!--导航栏--><navid="dao"><x-icontype="ios-arrow-back"size="30"class="cell-back"id="cell-back"></x-icon><h4id="navtext">{{Jingyuan...
2019-10-20 14:57:45
8211
原创 CSS给背景图片设置模糊样式
背景图片模糊：、代码：height:250px;background-image:url('../assets/1.png');background-repeat:no-repeat;background-size:100%;-webkit-filter:blur(35px);-moz-filter:blur(35px);-...
2019-10-13 22:48:00
1204
原创 css给其定位，垂直水平居中
垂直水平居中代码：.navtext{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);color:#fff;}
2019-10-13 22:45:56
80
原创 Visual Studio Code给项目添加背景图片、导航栏
一、导航栏html：代码： <nav><x-icontype="ios-arrow-back"size="30"></x-icon><h4class="navtext">景院打印</h4></nav>css：代码：nav{position:fix...
2019-10-13 22:17:52
6629
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人