小白耶-优快云博客

原创 js 方法

js变量类型数字 number 字符串string 数组字典parseInt(age) 转换为数字类型不成功则NANparseFloat()age 转换成浮点数a="liveion"a.charAt(2) 获取元素a.substring(起始位置，初始位置)a.length() 获取当前长度a.trim() 移除空白a.trimLeft() 移除左空白 a.trimRight() 移除右空白a.concat("b") 字符串拼接a.

2021-04-26 13:30:59 216

原创 ES 6 数组的扩展

扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5//该运算符主要用于函数调用function add(x, y) { return x + y}const numbers = [4, 38]add(...numbers) // 42扩展运算符的应用1..

2021-04-19 15:37:37 162

原创 table 将“rowKey”设置为唯一的主键的写法

<Table rowKey={(record, index) => index} columns={columns}dataSource={dataSource}pagination={false}/>

2021-01-29 15:29:53 2808

原创 react 点击分页滑动到页面顶部

//////方法:window.elGoTop = function (n) { document.querySelector(n) && document.querySelector(n).scrollTo({ top: 0, behavior: "smooth" });}//////使用: //列表查询 async listPageEquipmentcategory() { const {pagin.

2021-01-25 10:32:21 587

原创 react 路由跳转传值及接参

const columns = [ { title: '班级名称', dataIndex: 'className', key: 'className',align:'center'}, { title: '学生人数', dataIndex: 'studentCount', key: 'studentCount',align:'center'}, { title: '操作', dataIndex: 'c..

2021-01-25 10:17:15 368

原创 react 地址栏截取（获取数据）

componentDidMount() { const data = this.props.location.search; //地址栏截取 if (data) { const param = data.split("?")[1]; const codeParam = param && param.includes("%") ? decodeURI(param) : param; c..

2021-01-25 10:11:08 1048

原创 react 展开收起写法（手动展开收起和自动展开收起）

html写法：<div className="pack-unfold"> {isShow.includes(item.chapterId)? <span className='pack' onClick={() => this.isShow(item.chapterId,0)}>收起</span>: <span className='unfold' onClick={() => this.isShow(i.

2021-01-25 10:06:37 3210

原创 react 滚动条定位到顶部

1.react滚动条滚动到顶部：document.getElementById("root").scrollTo({ top: 0, behavior: "smooth"});2. react 返回事件 back = () => { this.props.history.goBack() }3.react 图片 <img src={require(`../../../../assets/img/train_space/fangan${i + ...

2020-10-12 08:55:26 2782

原创 css技巧

渐变色文字<h2 class="gradient-text">Gradient text</h2><style>.gradient-text { background-image: linear-gradient(90deg, red, blue); background-clip: text; color: transparent;}</style>顺滑滚动html { scroll-behavior: smooth;

2020-05-28 13:42:49 141

原创 react获取到鼠标滚动的高度

如果是特定id的dom对象的话，使用的是react的ref方法。//搜索列表鼠标滚动事件handleScroll(e){ let clientHeight = this.refs.bodyBox.clientHeight; //可视区域高度 let scrollTop = this.refs.bodyBox.scrollTop; //滚动条滚动高度 let scrollHeight = this.refs.bodyBox.scrollHeight; //滚动内容高度

2020-05-28 11:03:46 977

原创 video实现实时监测当前播放时间和总时长

html：<video id="video" controls autoplay="autoplay" muted> <source src="" type="video/mp4" /></video>js：//监听播放时间 var video = document.getElementById('video');//使用事件监听方式捕捉事件 video.addEventListener("timeupdate",function...

2020-05-19 14:48:37 6628

原创一段css让全站变灰

filter: grayscale 使用可以调整元素的灰度值html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xml...

2020-05-11 15:59:33 338

原创 uni-app导航栏开发遇到的问题

uni-app 自带原生导航栏，在pages.json里配置。原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。但原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导航栏的配置。在App下，...

2019-10-12 15:37:23 5831

原创 nui-app头部自定义导航栏

<template>  <view class="header"> <view class="tit">天检无抗生态平台</view> <view>Natural Farm care Solution</view>...

2019-07-16 11:28:15 1423

原创 vue动态绑定样式

<view v-for="(list,index) in lists" :key="index"> <text class="m_icon " :class="list.ref == 0 ? 'bg' : 'bg1'">{{list.icon}}</text>或者<text class="m_icon bg" v-if="list.r...

2019-07-16 11:18:14 200

原创表单美化

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .label { /*flex布局让子元素水平垂直居中*/ display: flex; a...

2019-05-23 09:04:31 464

原创日历组件

<template> <view class="content"> <calendar :selected="selected" :lunar="true" :disable-before="true" :start-date="'2019-1-2'&

2019-02-20 17:06:06 288

原创 redirectTo、navigateTo switchTap三者的区别

redirectTo：关闭当前页(卸载)，跳转到指定页navigateTo：保留当前页(隐藏)，跳转到指定页switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换...

2019-01-22 16:28:23 595

原创底部tabbar切换+icon高亮

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-sc

2019-01-08 13:39:32 2044 1

原创 Nuxt 2.3.X 配置babel

1. 在package.json中修改运行脚本添加--exec babel-node添加之后的效果为：2.安装编译工具npm i babel-cli // 这是babel解释器的客户端主程序npm i babel-core // babel的核心文件,好像默认会自动安装npm i babel-preset-es2015 // 把代码转换成ES6npm i babel...

2018-12-29 10:51:39 2129 1

原创 nuxt 运行项目后第一次报错

报错的内容： nuxt.config.js中的图片如果出现第一张图的中的错误：　　注释掉第二张图中extend里面的loader：‘eslit-loader’,或者把extend里面if下面的内容全部注释掉错误就会消失。出现错误的原因：　　是用了es6,我们的代码不规范造成的。然后再启动一次就好了进行 npm run dev ...

2018-12-29 09:54:39 1471

原创 MongoDb数据库的导出导入

在MongoDb中我们使用mongodump 命令来备份MongoDb数据。该命令可以导出所有数据到指定目录中，mongodump命令可以通过参数指定导出的数据量级转存的服务器。使用mongorestore 命令来恢复备份的数据。导出：mongodump -h dbhost -d dbname -o dbdirectory -h(导出的数据库的地址)-d(导出的数据库名)-o(要输...

2018-12-29 08:44:44 473

原创 Nodejs+MongoDb 零基础入门教程-（21讲）-无nodejs基础先看这个

链接：https://pan.baidu.com/s/1_EkHyEvjJ_TozoMS_x_Abw 提取码：e190 复制这段内容后打开百度网盘手机App，操作更方便哦

2018-12-28 16:32:55 294

转载 windows下 vue 启动项目步骤

前后端分离项目，要做前后端联动测试，没整过前端用vue, nodejs和webpack的开发管理方式。来回折腾终于把已经建好的vue项目启动起来，做个笔记记录下步骤备用，只针对没有任何前端项目启动经验的，可能对别人没有参考意义： os：windows7 （1）git clone已建的vue项目（强迫症患者非要写，废话）（2）装好nodejs，最新版本6.10以上的好像都能...

2018-12-28 16:26:24 577

原创吉大二院咋挂号？

吉大二院自强院区所有原8879号段于9月20日已全部变更为8113号段（电信网）如预约挂号：0431-81136555。医院总机 0431-81136222吉大二院咋挂号？相比来讲，吉大二院的挂号方式更简便一些。NO.1预约挂号吉大二院预约挂号共有4种方式。1、持建行银医卡预约，可以提前10天预约。银医卡可以在建行各窗口办理。可通过建行网络预约，也可在建行网点终端机约号，...

2018-12-28 16:24:06 8235 1

转载 Git教程

https://www.liaoxuefeng.com/ 网站网址https://www.yiibai.com/git/git_push.html

2018-12-28 16:22:31 86

转载 koa2 简单入门和 mongoose 使用

1 构建项目1.1 安装koa-generator$ npm install -g koa-generator1.2 使用koa-generator生成koa2项目$ koa2 -e project(项目名称) （-e 代表使用模板引擎ejs）1.3 进入项目$ cd project $ npm install1.4 启动项目，默认端口号是3000$...

2018-12-12 14:49:25 492

原创 CSS HTML实现背景图片的填充

margin: 0; background-image: url('bg.jpg'); background-repeat:no-repeat; background-position:0% 0%; background-size:cover; background-color: #22C3AA; ...

2018-11-30 10:16:53 1252