- 博客(42)
- 收藏
- 关注
RSS订阅原创 关于小程序uniapp中苹果相机水印消失的兼容性优化
通过弹窗调用camera自定义相机 ，加上的水印下次进入会被新的相机组件覆盖 可以用cover-view 配合z-index修改层级 优化。
2023-04-25 10:57:02
266
原创 关于Antd 树表格 defaultExpandAllRows 踩坑以及默认展开分析
Antd 树表格 defaultExpandAllRows 踩坑问题背景在使用 antdv 中树形表格时，设置了默认展开所有节点属性：:defaultExpandAllRows=“true”。但是在重新获取新的数据后（即经历了tableData置空再赋值），却没有再默认展开节点。原因解析defaultExpandAllRows这个属性仅仅是用来设置默认值的，只在第一次渲染的时候起作用，当我们获取了数据之后再重新加载时，这时已经是第N次渲染了，所以它并没有默认展开。解决方案方案一：数据没有加载
2022-04-27 19:26:23
6324
2
转载 关于js的基本方法总结
原作者：https://www.cnblogs.com/maxiag/p/10297600.htmlArray:slice(start,end) 从索引为start的开始取，取到索引为end的为止，end的取不到, 如果end为负数，表示索引为数组的长度+负数.toString() 把数组转换成字符串，每一项用,分割valueOf() 返回数组对象本身indexOf()从数组开头开始获取lastIndexof()从数组末尾开始获取获取数组中某元素的索引(位置) 如果要检索的数组值没
2021-12-08 15:53:15
91
原创 moment 实现时间获取 修改操作
moment().format();moment().format(String);这是最稳健的显示选项。 它接受一串令牌并将其替换为其相应的值。moment().format(); // "2014-09-08T08:02:17-05:00" (ISO 8601，无小数秒钟)moment().format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010,
2021-07-22 17:14:14
632
原创 vue :style关于vue 样式动态绑定
vue动态添加style样式注意:凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:’#00a2ff’而不是 backgroundColor:#00a2ff【对象】html :style="{ color: activeColor, fontSize: fontSize + ‘px’ }"html :style="{color:(index==0?conFontColor:’#00
2021-07-22 10:59:39
11609
原创 vue echarts 配置项复用优化
**echarts 配置项复用** export default {data() {return {optionConfig: {grid: {top: ‘30px’,left: ‘30px’,right: ‘15px’,bottom: ‘18px’,},tooltip: {//设置tip提示trigger: ‘axis’,}, color: ['#34C758', '#FF9502'], //设置区分（每条线是什么颜色，和 legend
2021-07-20 11:34:52
255
原创 对于api对接接口的全程详解(vue+ant design+api+axios).项目实战
使用axios请求库前提封装 axios 工具，编辑 src/api/index.js 文件首先，我们要使用 axios 工具，就必须先安装 axios 工具。执行下面的命令进行安装npm install axios -D由于宿舍翻墙条件不好，这里使用 cnpm 替代这样，我们就安装好了 axios 工具了。一 ，新建了一个 src/api/index.js配置封装axios请求// 配置API接口地址var root = 'https://cnodejs.org/api/v1' //
2021-06-03 11:01:27
4011
原创 关于echarts的雷达图详细的参数说明
要实现的效果图如下：接下来主要关于下面的几个参数进行设置雷达图的圈数雷达图每圈上面的数字雷达图区域拐点的数值雷达图拐点的样式雷达图每个区域的颜色设置雷达图tooltip限制在图表区域内鼠标可以移动到tooltip里，一般需要在tooltip中加入可操作元素时有用雷达图背景颜色透明 export const industryFactorOption = { title: { text: '雷达图', textStyle: {
2021-05-19 16:03:43
5597
原创 monaco页面代码编辑器
表单校验用这个: https://github.com/farhadniaz/vue-joi-validation文本编辑器用这个: https://github.com/egoist/vue-monaco
2020-11-12 18:59:52
277
原创 vue的生命周期
[vue实例的生命周期](https://cn.vuejs.org/v2/guide/instance.html #实例生命周期)什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！** [生命周期钩子]**( https://cn.vuejs.org/v2/api/ #选项-生命周期钩子)：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件****主要的生命周期函数分类：创建期间的生命周期函数：before
2020-07-11 16:23:31
105
原创 时间过滤器-时间戳笔记
/ 过滤器时间戳转换为时间 获取当前时间的时间戳：var timestamp=new Date().getTime()filters: {formatDate: function (value) {let date = new Date(value);let y = date.getFullYear();let MM = date.getMonth() + 1;MM = MM < 10 ? (‘0’ + MM) : MM;let d = date.getDate();d = d &l
2020-07-09 12:08:57
517
转载 关与token的浅谈
一、我们先解释一下他的含义：1、Token的引入：Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，Token便应运而生。2、Token的定义：Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。3、使用Token的目的：Token的目的是为了减轻
2020-07-07 15:59:49
369
原创 关与v-model双向绑定的分析
v-model本质上就是监听用户的input事件来更新数据,以及对一些情况做特殊管理.而数据的来源便是vue实例中的data.主要就是data v-bind v-on1.先是从data里面的数据msg通过绑定到input控件和p标签上。然后input上通过v-on:input监听控件，触发change()。调用方法都可以默认获取e事件，e.target.value是获取调用该方法的DOM对象的value值。把value值在赋给data里的msg，就是实现了双向数据绑定的原理了。在这里插入代码片
2020-07-03 15:55:39
153
原创 浅谈js实现图片懒加载
有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000并发，即同时有1000个人访问，就会产生1个G的带宽。为了解决以上问题，提高用户体验，就出现了懒加载方式来减轻服务器的压力，优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。vue项目中的打包，是把html、css、js进行打包，还有图片压缩。但是打包时把css和js都分成了几部分，
2020-06-28 11:21:53
305
原创 vue懒加载
vue中的懒加载和按需加载懒加载（1）定义：懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。（2）异步加载的三种表示方法： 1. resolve => require([URL], resolve),支持性好 2. () => system.import(URL) , webpack2官网上已经声明将逐渐废除,不推荐使用 3. () => import(URL), webpack2官网推荐使用,属于es7范畴,需要配合babel的syntax-dyna
2020-06-28 11:08:15
4268
转载 浅谈vue双向绑定
双向数据绑定, 就是数据层和视图层中的数据同步, 在写入数据时视图层实时的跟着更新, 可以这样描述的:实现mvvm的双向绑定，是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。就必须要实现以下几点：1、实现一个数据监听器Observer，能够对数据对象的所有属性进行监听，如有变动可拿到最新值并通知订阅者2、实现一个指令解析器Compile，对每个元素节点的指令进
2020-06-23 09:50:51
729
原创 前端常见浏览器兼容性问题解决方案
前端常见浏览器兼容性问题解决方案不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核：不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。1.不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的m...
2020-03-30 11:39:04
1744
原创 Vue + Vue-router 同名路由切换数据不更新的方法,transition 起作用
vue2 如何让同名路由切换时, transition 起作用?由于路由组件的复用问题, 相同路由切换, 是不会出现动画效果的, 比如从 /article/1 切换到 /article/2vue1 可以用路由钩子canReuse来取消组件的复用, 然后 vue2 已经取消了这个钩子, 那么 vue2 就没办法做到了吗?其实 vue2 要做到其实也很简单<transition ...
2020-03-19 18:25:49
487
原创 Vue子组件重新渲染
vue2 子组件强制刷新把一个组件重置到初始状态是一个常见的需求，推荐的做法有两种，一种是父组件重置子组件的 prop，另一种是子组件暴露一个重置的方法供父组件调用。但有些时候，子组件既没有提供重置的方法，也没提供 prop 来重置自己的状态。更重要的是，这个子组件我们还动不了。于是我们就需要一种 hack 的方式来强制子组件重置到初始状态。方法如下：<component v-...
2020-02-17 07:31:25
6038
2
原创 如何获取select组件的label值attr值
获取select选中的label<template> <el-select v-model="value" placeholder="请选择" @change="changeValue"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="i...
2020-02-08 08:04:40
1409
原创 JavaScript设计模式之观察者模式
发布订阅模式 作用1.发布—订阅模式可以广泛应用于异步编程中，这是一种替代传递回调函数的方案。 比如，我们可以订阅ajax请求的error、success等事件。或者如果想在动画的每一帧完成之后做一些事情，那我们可以订阅一个事件，然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布—订阅模式，我们就无需过多关注对象在异步运行期间的内部状态，而只需要订阅感兴趣的事件发生点。...
2020-01-11 08:27:09
87
原创 vue2统一处理ajax请求
axios中处理参考女神import Vue from 'vue';import Qs from 'qs';import axios from 'axios';import { Message } from 'element-ui'import router from '../router'//开始请求axios.interceptors.request.use(funct...
2019-12-14 03:54:33
345
原创 Vue2国际化vue-i18n解决办法
vue-i18n和Element国际化使用vue-i18n版本为6.x 与 elementUI有冲突,以下是解决办法。 1.npm install –save vue-i18n 2、引用 –为了方便后去优化，单独新建一个i18n.js文件import Vue from 'vue'import VueI18n from 'vue-i18n'/*element ui国...
2019-12-12 21:28:56
3119
原创 Vue2数据改变视图不更新
多级数据更改 视图不更新问题html结构、数据格式如下<div class="myHighchart" v-if="charBtn"> <div class="tabs"> <el-button>付款成功金额：元</el-button> <el-button>付款成功：笔</el-button&g...
2019-10-17 16:04:52
395
原创 Vue2子组件之间的通信
vue2子组件之间通信大多数应用程序要求组件与其父组件或子组件进行通信。推荐的方法是实施一个状态管理解决方案，例如 Vuex（官方的，支持的Flux类实现）甚至VueStash。但是，对于相对简单的应用程序来说，这可能会带来一些开销，您只需要少量的跨组件通信。这是您可以使用全局事件总线的地方。为了使您的应用程序中的任何地方可用，您可以将其附加到Vue全局对象。const EventB...
2019-10-17 03:05:15
163
原创 Oracle的口令修改
Oracle的口令修改安装的Oracle，忘记密码，可通过以下方式修改。运行窗口输入 cmd–右键–以管理员身份运行输入命令sqlplus /nolog ,进入oracle控制台输入命令 conn /as sysdba; （注意分号）以DBA角色进入连接成功后，输入“select username from dba_users; ”查看用户列表修改某一个用户密码、用户口令alt...
2019-09-05 20:03:45
5474
原创 wampserver配置多个站点
方法/步骤 1：在D:\wamp\bin\apache\apache2.2.21\conf目录下打开 httpd.conf 查找到#include conf/extra/httpd-vhosts.conf 把前面的#去掉并保存#LoadModule rewrite_module modules/mod_rewrite.so 把前面的#去掉并保存 2：在D:\...
2019-05-17 18:39:16
828
原创 vue-cli构建项目
npn run build后本地无法预览运行npm run dev以开发模式打开调试好了你的案例程序；你还不满足于仅仅把代码放在github上，想直接能把案例效果build版本的代码在本地预览或者放在你的个人博客上供大家直接看效果学习。如果直接运行npn run build是可以运行并打包你的代码的，不会报任何异常或错误，你惊奇地发现网页一片空白。build后cmd控制台有以下提示：...
2019-04-22 19:15:10
110
原创 Vue 开发调试阶段如何解决跨域
Vue 开发调试阶段如何解决跨域在开发阶段, 一般都是用webpack或者nodejs做服务器, 访问地址也都是本地IP, 和后台API对接时, 难免就遇到跨域的问题了. 一般解决方法有这么几种: 用jsonp 让后端设置Access-Control-Allow-Origin 使用nodejs做代理一. 用jsonpjsonp的原理是script标签引入js...
2019-04-21 15:38:18
648
1
原创 Vue2 + Vue-Router2 如何实现懒加载
路由懒加载当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 分组写法1const centerHome = r => require.ensure([], () => r(require('../pages/home/center-home....
2019-04-21 05:24:28
412
原创 网站防止被劫持
网站怎么防止运营商的DNS劫持?在 html 页面的 head 区域加入以下代码:<meta http-equiv="Content-Security-Policy" content="script-src 'self' data: 'unsafe-eval' 'unsafe-inline'; frame-src 'self'" />其实也就是定义csp的头, 一般来说...
2019-04-21 03:05:16
247
原创 使用jekyll搭建博客
1.配置git和github教程在这里：在线链接2.下载jekyll所需的工具jekyll中文文档，我是借助 RubyGems 安装 Jekyll，首先安装ruby,下载ruby安装包，devkit安装包，3.ruby的官网 下载地址下载rubyinstall的安装包，直接选择现在最新的2.2吧，往下拉看到devkit的包一起下载了吧，没有说明对应2.2下载哪个也拿最近...
2019-03-10 00:38:26
160
原创 markdown语法
标题大标题示例:‘# 标题’小标题小标题示例:‘### 小标题’ 引用引用示例:‘>引用’分割线分割线示例:‘- - - 或 * * * 分割线’链接链接示例:‘[链接](https://whitemiss.github.io/)’图片示例:‘’粗体字粗体字示例:‘**粗体字**’ ...
2019-03-06 06:57:49
87
原创 JavaScript学习笔记
常见问题1、原型2、如何继承3、promise与async awai区别4、防抖和节流的区别5、介绍flex布局6、css实现垂直居中7、实现深拷贝与浅拷贝8、介绍观察者模式9、通过什么做到并发请求10、介绍service worker11、介绍下Promise，内部实现，优缺点12、介绍事件代理以及优缺点13、HTTP和HTTPS的区别14、vue里key主要是解决...
2019-03-04 02:58:04
98
原创 git使用教程
基本使用git remote add origin git@github.com:galan99/test.git 本地git仓库关联远程github仓库git clone xxx.git 克隆git到本地git config --global credential.helper store ...
2019-02-14 23:55:50
54
原创 解决element-ui 中upload组件使用多个时无法绑定对应的元素,以及上传前限制图片大小，格式以及尺寸...
获取select选中的label<template> <el-upload class="avatar-uploader" action="/wpk/file/upload" :show-file-list="false" :data="postData" name="upload_file" :before-upload=...
2019-02-08 23:54:51
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人