- 博客(26)
- 收藏
- 关注
RSS订阅原创 echart折线图x轴时间数据不一致，如何一一对应展示
1、QQ群：可添加qq群共同进阶学习： 进军全栈工程师疑难解 群号: 856402057。对前端技术保持学习爱好者欢迎关注公众号共同学习。在进阶的路上，共勉！而我现在需要的是将我的数据跟时间一一对应，那么这时候就要注意。2、公众号：公众号「进军全栈攻城狮」此时x轴的配置举例如下。
2024-01-11 14:01:58
1397
原创 vue项目中用命令创建组件
《 -> 敲黑板、划重点 <- 》新建一个模板文件夹Template1.创建一个模板 index.vue 文件如下：<template> <div> gjf测试模板 </div></template><script> export default { name: '', data() { return { .
2021-08-27 17:01:02
947
4
原创 小程序引入Vant Weapp（1.7.2版本）方法
注意：根据官网步骤安装会有问题（只针对1.7.1版本）一、通过 npm 安装npm i @vant/weapp -S --production1.安装完的目录如下，把里面的dist文件夹复制出来，放到项目的根目录，重命名为vantweapp2.使用组件，以button为例，写到app.json中 "usingComponents": { //官网路径 "van-button": "@vant/weapp/button/index" //注意：现在路径需改成这样 "v.
2021-08-02 13:47:10
214
原创 react-hooks的快速入门
hooks的出现意义hooks之间的状态是独立的，有自己的独立上下文，不会出现混淆状态的情况让函数组件有了状态管理解决了组件数不直观、类组件难维护、逻辑不易复用的问题由于函数每次渲染都会执行，所以react中多了一个状态控制，传入第二个参数。这样就可以避免函数重复执行的副作用为什么学习hooks高效开发提高组件的复用性提高逻辑的复用性提升性能实现复杂的逻辑性能应用场景利用hooks取代生命周期函数让函数组件上加上状态组件辅助函数处理发送请求存取数据性能优化创建
2021-07-20 13:59:33
149
原创 以正方体一个顶点进行旋转的3D立方体动画
话不多说，直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>旋转的立方体</title> </head> <style> html,body{ margin: 0; padding: 0; } /* 给每个div设置宽高，水平垂直居中 */ .container, .container
2021-07-09 16:04:52
565
原创 react class组件form表单遇到的问题
1.表单确认按钮点击事件验证handleSubmit = e => { e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { console.log('Received values of form: ', values);
2021-07-08 15:50:55
723
原创 vue3.0 watch的用法
一 、watch 函数用来侦听特定的数据源，并在回调函数中执行副作用。默认情况是惰性的，也就是说仅在侦听的源数据变更时才执行回调。watch(source, callback, [options])参数说明：source: 可以支持 string,Object,Function,Array; 用于指定要侦听的响应式变量callback: 执行的回调函数options：支持 deep、immediate 和 flush 选项。二、接下来介绍三个参数的用法1.项目中使用的时候按需引入im
2021-07-01 14:44:22
3134
2
原创 vue中使用mqtt
1.安装mqttnpm install mqtt --save2.在vue文件中引入mqttimport mqtt from "mqtt";3.在data中声明client对象 data () { return { client:null, userTopic:[] //后台返回的订阅主题 } },4.methos中使用const WebSocket_URL = "自己的地址"; const options = {
2021-06-25 13:50:38
487
原创 计算两个时间的间隔时长
计算两个时间的间隔时长//方法一（直接处理时间）var time1='08:00';var time2='16:00';var hours;var time=time1+":"+time2;var timeArr=time.split(":");hours=Number(timeArr[2])-Number(timeArr[0])+(Number(timeArr[3])-Number(timeArr[1]))/60;console.log(hours); //8//方法二（传入时
2021-06-11 10:34:57
1319
1
原创 vue中使用eTree
1.在vue中引入zTree，需要用到如下核心文件jquery.ztree.core.min.jsjquery.ztree.excheck.min.jszTreeStyle 文件夹中的样式，这些可以去官网下载，然后放入我们项目的静态文件中引用官网地址：http://www.treejs.cn2.接下来我们就能实现一个简单的demo了，代码如下：<template> <div class="zTreeWrapper"> <ul id="t
2021-06-03 17:52:36
169
原创 高德地图glTF 模型vue中使用
注意：glTF需放在项目的public目录下（文件为glTF格式）1.引入高德地图的js<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.MouseTool,AMap.Driving,Map3D,AMap.ControlBar,AMap.GltfLoader,AMap.DistrictSearch,AMap.Driving"><script src="https
2021-05-17 11:11:01
1481
8
原创 传参过滤掉属性值为空的属性
过滤对象中的空值//定义一个空对象 let newData = {} // 循环对象，判断对象中某些属性是否存在，且排除属性值为空格的属性 for (let key in parmas) { if (parmas[key] && parmas[key].toString().replace(/(^\s*)|(\s*$)/g, '') !== '') { newData[key] = parmas[key] } }
2021-05-07 16:33:17
547
原创 自定义字体
项目中有时候需要我们来做一些自定义字体的展示，如LED灯字体效果，来来来，安排！1.首先需要去字体库找到将所需字体下载好放入font文件夹2.在公共css中写入@font-face{ font-family: hzgb; src: url('../font/hzgb.ttf');} //可写多个3.在需要使用该字体处写font-family：对应的名字完工啦，你需要的...
2021-04-01 11:35:18
462
原创 Highcharts使用
快速运用Highcharts实现一个饼状图npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save
2021-03-26 17:12:19
494
2
原创 日期处理（已知某个月，然后得到当月开始日期和结束日期）
已知某个月，然后得到当月开始日期和结束日期//1.先将日期转为当月开始的YYYY-MM-DD类型，如：2021-03-01let date = '2021-03'//2.安装利用moment这个插件进行转化,main.js中import moment from 'moment' // 日期插件Vue.prototype.$moment = moment//3.页面中进行转化let startTime = date ? this.$moment(date).format('YYYY-MM.
2021-03-26 16:56:16
325
原创 Node+Koa+MongoDB基础实践
Node+Koa+MongoDB基础实践本案例是基于nodejs主要使用koa+mongodb为核心进行学习及完成的一个简单的增删改查应用，希望对正在学习的你有所帮助。需要的环境：安装node、mongodb1.案例server结构app.js ，项目入口文件；config ，配置文件，主要包括数据库的连接，端口号等的配置；routers ， 路由层的配置；app文件下 controllers 控制器文件目录，操作数据库 middleware 自定义中间件目录 models
2021-02-23 11:32:00
436
4
原创 elementUI 表格合并处理
渲染表格给的数据是这样的 "rows": [ { "id": 1, "gradeName": "测试数据1", "type": 1, "status": 0, "state": 1, "enterprise": 1, "enterpri..
2020-11-27 15:04:46
381
原创 vue3.0较2.0的变化
vue3.0较2.0的变化1.创建vue实例vue3 创建vue实例不需要使用 new 的方式了，而是函数式风格来创建vue实例的,来看 src/main.js 文件//vue.3.0 创建实例import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'createApp(App).use(router).use(sto
2020-09-16 11:42:58
210
原创 前端css面试汇总
1.介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2. box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-b...
2019-12-02 17:03:47
218
原创 css3弹性盒模型flex的属性
css3弹性盒模型flex的属性- flex-direction 项目的排列方向，value的取值包括：row，row-reverse，column，column-reverse，其中row是默认值，水平方向（起点在左端），column是垂直方向（起点在顶端），带-reverse的值则表示反方向- flex-wrap该属性定义项目是否换行并且如何换行。在默认情况下，...
2019-11-15 15:35:08
279
原创 模板字符串连接
方法一：var content = '<div class="marker-route marker-marker-bus-from"> ' + item.name + '</div>'；方法二：var content = `<div class="marker-route marker-marker-bus-from"> ${item.name...
2019-11-15 15:15:36
209
转载 git 合并分支到 master上
1、假如我们现在在dev分支上，刚开发完项目，执行以下命令提交代码到dev分支git statusgit add .git commit -m 'dev'git pullgit push -u origin dev2、然后我们要把dev分支的代码合并到master分支上 ，所以首先切换到master分支上git checkout master3、如果是多人开发的话 需要把远程m...
2019-08-05 11:34:10
133
原创 git创建新分支
1) 切换到基础分支，如主干mastergit checkout master2）创建并切换到新分支git checkout -b newDevgit branch可以看到已经在newDev分支上3)更新分支代码并提交git add *git commit -m "init newDev"git push origin newDev4)在git代码管理界面经可以...
2019-08-05 11:28:16
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人