- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 学习MxGraph笔记
概述mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javascript写的前端程序,也包括多个和后端程序(java/C#等)集成的例子。
2022-05-07 16:19:54
364
原创 前端开发实用工具整理及总结分享
以下是前端开发实用工具地址：欢迎补充！！！工具地址：1、正则表达式在线生成：http://tool.chinaz.com/tools/regexgenerate2、Process On思维导图：https://www.processon.com3、谷歌插件：https://www.extfans.com/4、Vue插件库https://www.vue365.cn/5、云开发（uniCloud） https://unicloud.dcloud.net.cn/login6、vue-el
2022-05-04 22:05:33
313
转载 vue中自定义指令directive
一、 什么是自定义指令我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令指令使用的几种方式：//会实例化一个指令，但这个指令没有参数 `v-xxx` // -- 将值传到指令中`v-xxx="value"` // -- 将字符串传入到指令中，如`v-html="'<p>内容</p>'"`
2022-03-15 17:49:29
335
原创 实现多个div自适应均匀布局、换行效果(flex布局)
效果图如下：自适应窗口，均匀布局缩小窗口，换行代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2022-03-10 11:15:22
5147
1
原创 vue基于file-saver处理二进制文件流,导出文件
1、安装npm install file-saver --save2、引入import { FileSaver} from ‘file-saver’;3、调用handleDownTemplate() { DownloadTemplate(this.searchForm.schoolCode).then((res) => { //取返回文件名 // const fileName = decodeURIComponent( // re
2021-08-10 09:37:35
1056
原创 vscode配置Git提交模板,git-commit-plugin
vscode配置Git提交模板1、在vscode里下载插件：vscode提交插件都下载git-commit-plugin，webstom提交插件都下载 git Commit Template2、自定义模块，找到以下路径，修改commit-type.js文件//commit-type.jslet CommitType = [ { label: 'feature', detail: '新的功能~', icon: '✨' }, {
2021-07-31 17:59:17
3420
原创 js实现获取今日、本周、本月、本学期的开始结束日期
一、js实现获取今日、本周、本月、本学期的开始结束日期getDateFn.js 今日、本周、本月，实现是参考他人资源！<template> <div> </div></template><script>import getDateFn from '@/utils/getDateFn'export default {created() { console.log('今日日期',getDateFn.getDate()); con
2021-06-04 11:31:33
524
原创 vue中使用swiper6.0实现缩略图控制
实现效果如下：swiper6.0的样式引入路径变了！！！1、npm install swiper2、main.js 中引入import '../node_modules/swiper/swiper-bundle.css'; //swiper6.0样式路径import Swiper, { Navigation, Autoplay,Thumbs } from 'swiper'; //相关组件Swiper.use([ Navigation, Autoplay,Thumbs]);3、轮播图组件
2021-05-28 15:10:26
2422
3
原创 vue+vant移动端适配
方式一：使用 lib-flexible 和 px2rem-loader，遇到的坑，设计稿为750px，后引入vant,vantUI的根字体默认大小是37.5，看起来就是1/2，解决方法，删除main.js中vant样式的引入，在app.vue中引入vant样式<style>/* px2rem不能正常转换 */@import "vant/lib/index.css";</style>方式二：lib-flexible + postcss-pxtorem （postcss-px
2021-01-07 16:23:20
2129
翻译 解决vue项目更新版本后浏览器的缓存问题
1、修改 webpack .prod.conf.js 文件const version = new Date().getTime();output: {path: config.build.assetsRoot,filename: utils.assetsPath(‘js/[name].[chunkhash:8].’ + version + ‘.js’),chunkFilename: utils.assetsPath(‘js/[name].[chunkhash:8].’ + version + ‘.
2020-09-23 16:01:32
3756
1
原创 vue中网页图标favicon.ico不显示
1、通过服务器获取在index.html里，添加link,若href是引用服务器上的图片，在不跨域的情况下ok的<link rel="shortcut icon" type="image/x-icon" href="http://img.81lianpin.com/manage/favicon.ico" media="screen" />2、放在本地vue中，需要修改webpack.prod.conf.js配置，并把favicon.ico放在最外层根目录下new HtmlWebpac
2020-09-23 15:57:05
3527
4
原创 vue+element-ui,实现Excel导入导出
vue+element-ui,实现Excel导入导出：参考做excel表格导入时，处理导入数据//拿到的数据：let dataArray=[{'卡号':'123','手机号':'18374174400'}];//想要的数据：let newObjArray=[{'card':'123','mobile':'18374174400'}];数据处理方法://处理导入的数据 let dataArray=[{'卡号':'123','手机号':'18374174400'}]; initD
2020-08-25 18:41:04
3378
原创 vue组件传参示例
一、父组件给子组件传参方法一：父：引入子组件import contract from ‘./sonComponent’<contract v-if="showMask":showMask="showMask":companyId="companyId":isSign="isSign" />子：通过props:[‘showMask’,’companyId’,’isSign’] 接收，this.showMask 使用方法二：父组件upDate方法，触发子组件updatetabel
2020-08-24 16:57:37
420
原创 基于taro开发微信小程序，注意事项及遇到的坑
一、taro官方文档https://taro-docs.jd.com/taro/docs/2.2.11/README二、目前，已经是3.0+的版本，避免版本的错误，注意本地taro版本，参考对应的版本文档三、创建新项目，按照官方文档来就行~四、通过git或svn，拉取的项目，记住一定一定要和拉取项目的，node版本和taro版本都保持一致，否则就会报错，运行失败！！！ 以下是，我当时因为版本不一致报错的情况，报的错也没说版本问题，网上找了一通，后来还是试着统一版本就好了，当时真的是想哭~~~
2020-08-10 13:36:56
789
原创 移动端，调起键盘，页面背景受影响
<div class="content" :style="{ height: bodyHeight + 'px' }"></div>export default{ data(){ return{ bodyHeight:'' } }},mounted() { this.bodyHeight = document.documentEleme...
2019-12-02 17:32:56
277
原创 自定义select下拉选择
<view class="info_input_text" @tap="select"> {{currentOption}} //当前选项 <view class="select_box" v-show="unfold" > <view class="select_option" :style="{background: currentOption ...
2019-09-18 16:26:13
1916
原创 uniapp实现teb选项卡示例及注意点
要给父级.article设置height：100%,页面被内容撑开，才能显示数据；给添加scroll-y可上下滑动;height: calc(100% - 100rpx);css实现吸顶：position: sticky;top: 0upx;<template><view class="article"> <view class="uni-tab...
2019-08-09 12:08:47
826
原创 uni-app中，文字超出隐藏并显示省略号（实现展开、收起全文）
uni-app中，固定宽高，文字超出部分，隐藏并显示省略号。.topic_cont_text{ padding: 30upx; colof: #999; background: #E1FFFF; max-height: 130upx; overflow: hidden; word-break: break-all; /* break-all(允许在单词内换行。) */...
2019-08-06 11:09:36
31812
6
原创 按钮呼吸动态实现
按钮大小大小的动作，像呼吸一样！<button class="prize_push_btn" >立刻充值</button><style>.prize_push_btn{ width: 320upx; height: 80upx; line-height: 80upx; background: #FDCD45; text-align...
2019-08-02 11:51:56
990
原创 uni-app开发popup弹出层的二级嵌套使用和修改popup默认样式
一、popup的使用（可参考uni-app开发文档）<template> <view class="content"> <button @tap="startOpen">打开弹窗按钮</button> </view> <!-- 第一个弹窗 --> <uni-popup ref="...
2019-08-01 19:11:17
18942
2
原创 uni-app中的fieldset
使用uni-app开发小程序，设置fieldset,按照html中的语法设置不生效，于是在uni-app开发文档中，找到了~~于是借助uni-app中的富文本，进行实现<template> <view class="content"> <form report-submit="true" @submit="formSubmit"> &l...
2019-07-24 12:24:58
951
原创 xampp切换web服务文件夹
默认是c盘xampp — htdocs文件夹 ,这里举例改为c盘下hmxhmx文件夹保存之后，重启xampp中的Apache二、在本地操作线上服务器的数据库在robo3t（mongodb可视化）中，出于安全性考虑，mongodb数据库，默认只允许本地访问，若外部其它环境访问，则ctrl +cc退出，重启动，执行：mongod --bind_ip_all （允许所以的ip访问）如...
2019-07-10 22:31:20
531
原创 React之动态路由、编程是导航
简单模拟动态路由、编程是导航：登录页：根据路由传参路由页：采用路由嵌套，并通过props赋值给route将参数传入到Home页Home页，通过路由props中route获取参数...
2019-07-10 22:30:23
2306
原创 Vue-router、编程式导航、动态路由、命名路由、嵌套路由
一、Vue-router下载安装： npm install vue-router1、通过vue-router，根据hash变化，进行组件切换，从而实现页面切换。在自定义文件夹 router 里的 index.js 中，做以下配置：import Vue from 'vue'import VueRouter from 'vue-router' //引入vue-router插件//引入组件...
2019-07-10 22:28:34
426
原创 微信小程序，封装axios请求数据
微信默认请求数据，wx.request（{}），这里进行promise封装：①config.js 文件:const config = { // baseUrl: 'http://192.168.3.19:3000' baseUrl: 'http://127.0.0.1:3000'}export default config②base.js 文件:import config f...
2019-07-10 22:27:19
9367
1
原创 vue传参，组件之间传参、路由传参、vuex
一、组件之间传参详见：添加链接描述二、路由传参两种情况：params 和 query都可以在目标组件的生命周期里，通过 this.$route 进行获取methods:{ goTheme(item){ //点击图片跳转主题界面 // this.$router.push({path:'/theme/123'}) ...
2019-06-29 01:38:45
915
原创 使用js处理json数据（举例）
下面是json数据：（题型来自某家公司的面试题）var jsonObject = {“action” : “add_user”,“user” : “{name:“张三”,age:“16”,phones:[“13412345678”,“18812341234”]}”,“family” : {“mom” : {“name”:“张三妈妈”,“age”:45},“dad” : {“name”:...
2019-06-28 22:57:44
16649
原创 Vue请求数据axios之跨域代理、数据拦截器
一、请求数据在Vue中进行ajax请求时，安装axios，执行npm install axios引入插件：import Axios from 'axios'Axios.post(url,data) //默认返回promise对象.then((res)=>{ console.log(res);}).catch((err)=>{ console.log(e...
2019-06-19 23:03:43
177
原创 mint-ui框架使用简介（加载弹窗、无限加载）
1、查看 mint-ui 官方文档（中文Vue2.0）2、npm install mint-ui3、全局引入，在项目 main.js 中：import MintUI from 'mint-ui' // 引入插件import 'mint-ui/lib/style.css' // 样式Vue.use(MintUI) // 使用一、加载弹窗( Indicator )例如：...
2019-06-19 23:03:20
439
原创 Mongodb数据库链接
##### mongodb 文档型数据库 类json binary json 非关系型 （nosql） 数据库 （db） 集合（collection）表 文档（document） 数据##### 安装配置 * 有一个左下角小箭头 千万取消 * 缺少 api-win-ms 文件 去postman 找 * 缺少文件 C/data...
2019-06-19 23:02:51
150
原创 React之axios、跨域
React通过axios请求数据一、全局安装axios:npm install axios二、创建axios.js文件（配置了过滤器，请求响应）import Axios from 'axios'import {Component} from 'react'Component.prototype.$axios=Axios //将axios挂载到Component上，以供全局使用//配...
2019-06-19 23:00:52
14136
原创 Mock模拟后台数据
一、Easy Mock是什么？Mock是用来模拟后台数据，并可以通过Postman来测试。进入Easy Mock官网,链接：https://www.easy-mock.com/
2019-06-19 22:59:53
2373
原创 node中的ejs模板
node模板引擎有很多，这里以ejs模板为例：ejs模板引擎（服务器产生的数据，通过ejs模板动态的渲染到前端页面）以下4步简单举例，ejs模板使用① npm install ejs②新建：views----index.ejs③配置引擎④响应对象的方法render来渲染视图...
2019-06-19 22:58:51
555
原创 ECS云服务器
根据需要购买云服务器首次本地远程链接，云服务失败问题解决方法：采用网络链接，并在云服务器远程设置里，取消远程链接身份验证选项本地远程链接，云服务器可以将需要的软件复制，粘贴到云服务器（自己买的服务器）...
2019-01-21 12:11:09
157
安装mongod中丢失的资源补充包
2018-12-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人