- 博客(19)
- 收藏
- 关注
RSS订阅
原创 elementui+upload+VueCropper
效果图npm install vue-cropper新建一个图片剪裁的组件 img-cropper<template> <div class="vue-cropper-box"> <div class="vue-cropper-operate"> <button class="basicButton" @click="cropperChangeScale(1)">放大</button> <b
2020-06-22 15:33:49
688
原创 vue+GoJS---组织结构图
官网地址https://gojs.net/latest/samples/index.htmlnpm install gojs --save在main.js文件里import go from’gojs’//引入gojs<template> <div> <div id="sample"> <div id="myDiagramDiv" style="background-color: #34343C; border: solid 1p.
2020-07-07 16:34:04
1746
2
原创 实时获取屏幕宽度
data () { return { screenwidth: document.body.clientWidth } }, mounted () { window.onresize = () => { return this.screenwidth = document.body.clientWidth } }, watch: { screenwidth: { immediate: true, .
2020-07-03 09:39:14
962
原创 关于elementui上传组件编辑回显动画问题
.el-upload-list__item { transition: none !important;}
2020-06-22 15:45:36
2264
4
原创 typeScript学习
TS的安装与运行安装TS环境全局安装tsnpm install -g typescript下载慢 可以使用下面的安装方法npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/distnpm -g install typescript检验安装是否成功tsc -vtsc的作用：负责将ts代码转译成浏览器和node.js识别的js代码运
2020-06-12 17:44:36
143
原创 比较两个数组对象，找出不同的对象组成数组
var arrOne = []; var arrTwo = [] sameArr () { return arrOne.filter(item => { return arrTwo.findIndex(subItem => { return subItem.id == item.id }) === -1 }) }
2020-05-20 15:59:36
1610
原创 react学习----子组件向父组件传值
// 子组件向父组件传值class ParentCom extends React.Component { constructor(props) { super(props) this.state = { msg: "原来的值" } } render () { return ( <div> <h1>这是父组件{this.state.msg}</h1> <Chil
2020-05-12 15:20:13
166
原创 echarts样式问题
折线图阴影部门样式颜色渐变附上代码 areaStyle: { //阴影部分渐变色 normal: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ ...
2020-04-30 16:20:14
332
原创 在vue项目中使用svg
在src目录下新建一个字体图标文件夹在index.js中写入一下代码import Vue from 'vue'import SvgIcon from '@/components/svgIcon.vue' // svg component// register globallyVue.component('svg-icon', SvgIcon)const req = require...
2020-03-23 17:34:47
558
原创 通过身份证号码得出性别和年龄
//通过身份证号码得出性别和年龄export const analyzeIDCard = function(IDCard) { var sexAndAge = {}; //获取用户身份证号码 var userCard = IDCard; //如果身份证号码为undefind则返回空 if (!userCard) { return sexAn...
2020-01-21 16:58:47
2254
2
原创 vue项目登陆页记住密码功能以及菜单权限
<template> <div class="login_bg"> <div class="login_wrap"> <div class="el-login"> <div class="title">{{loginTitle}}</div> <!--登录表单--&...
2020-01-21 16:47:06
447
原创 Vue项目接入百度语音播报
这里是获取百度语音token的方法 可以让公司后台处理一下百度平台提供的接口获取accessToken async getToken () { const res = await this.axios.c_baiduApi(); console.log(res); if (res.code !== 200) return this.$message.erro...
2020-01-21 16:38:30
1401
原创 vue接入WebSocket
initWebSocket () { //初始化weosocket const wsUrl = this.wpath + "/system/webSocket/" + this.token; //ws地址 console.log(wsUrl); this.webSocket = new WebSocket(wsUrl); // cons...
2020-01-21 16:34:21
411
原创 css3实现开门效果
css3实现开门效果 <div class="big"> <div class="box men"> <div class="door"></div> <div class="door-t"></div> <div class="d...
2020-01-20 09:09:45
1192
1
原创 css3实现时钟效果
css3实现时钟效果<div class="clock"> <div class="line line1"></div> <div class="line line2"></div> <div class="line line3"></div> <div class="lin...
2020-01-20 09:02:11
484
原创 微信小程序地图
在地图上定位用户的位置 wx.getLocation({ //获取当前经纬度 type: 'gcj02', altitude: true, //高精度定位 //定位成功，更新定位结果 success: res => { console.log(res); ...
2019-09-10 11:48:18
171
原创 webpack配置
利用npm init 初始化package.json借用webpack工具进行打包，让浏览器能够识别高级语法npm i webpack webpack-cli -D手动配置webpack.config.jsvar path = require('path')module.exports = { mode:'development', entry:path.join(__dirn...
2019-08-10 20:28:22
123
原创 微信小程序
小程序的生命周期创建–运行–销毁在小程序中，包含两种生命周期类型：应用生命周期：小程序的启动–运行–销毁的过程 范围较大页面生命周期：每个页面的加载–渲染–销毁的过程 范围较小生命周期强调的是时间段，生命周期函数强调的时间点小程序框架提供的内置函数，会伴随生命周期，自动按次执行应用生命周期函数onLaunch(){} //小程序初始化完成onShow(){} ...
2019-08-08 23:36:46
288
原创 移动端rem布局
rem适配原理:动态计算html根节点的字体大小使用media结合rem来做适配，rem单位，em是相对父级元素的字体大小来说的rem是相对于html元素的字体大小来说的rem的优点就是可以通过修改html根节点的文字大小来修改页面中元素的大小媒体查询可以根据不同的屏幕尺寸,改变不同的样式.@media screen and(max-width:800px){ body{ }}...
2019-08-08 23:28:04
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人