- 博客(13)
- 收藏
- 关注
RSS订阅
原创 vue-cli4 项目打包防止缓存，项目版本升级防止缓存.
vue-cli4.0 版本如何在项目版本升级时处理缓存问题? 1. 修改请求头,设置Cache-Control: no-store 禁止文件缓存. 2. 修改服务器端的nginx,不让index.html缓存 3. webpack打包的时候给js . css文件添加时间戳,保证每个版本文件的唯一性.
2020-10-13 14:42:29
4002
14
原创 echarts geo 下的regions 单独修改地图省份界线样式与颜色
其实省份界线的样色特别的容易修改,只需要修改 geo.regions 下的属性即可,但是有一个问题,就是regions的设置 只能在geo中设置,series中不可以设置,所以用到地图立体效果的时候还需要注意层级的设置,z:1 的层级小于 zlevel:1,如果不需要设置立体地图,则不需要注意这一点,可以直接设置
2020-07-04 21:14:18
11310
5
原创 vue3 双向数据绑定不生效问题，vue3数据修改页面不刷新
在项目中我使用到vue3，但是开始的时候就遇到了一个双向数据绑定不生效的问题，我在网上看了一些文档，说把数据使用ref 和reactive 声明可以实现双向数据绑定。强调文本 强调文本加粗文本 加粗文本标记文本但是我发现使用ref绑定的数据确实是可以实时响应，但是当我数据量多的时候，我把数据放到 reactive 中声明，使用ES6中的扩展运算符来对其进行解构处理，但是，这样吧解构之后，便不再具有响应式的属性。下面是我错误的代码示范。<script> import {ref,
2021-12-03 14:44:10
9803
原创 vue项目 v-html存在植入xss攻击怎么解决
然后在需要使用v-html的页面,将v-html改为 v-dompurify-html即可解决xss攻击问题.但是这样写的话也是比较麻烦的,如果这个项目已经做的很大了,在一个个的去改,这样费事费力,还不易于后期开发的维护.当人员离职入职的时候容易造成交接不到位的问题....
2021-03-23 21:59:34
12512
4
原创 css小手标示
鼠标放上去显示小手形状，css样式如下：style=“cursor: hand” 部分浏览器支持style=“cursor: pointer” 大部分浏览器都支持把上述两个代码中的一个放进去即可,而小手的标示只是sursor其中一个属性,接下来让我一起看下sursor具体有那些用法。cursor 定义和用法cursor 属性规定要显示的光标的类型（形状）,下面是具体的属性。default 默认光标（通常是一个箭头）auto 默认。浏览器设置的光标。crosshair 光标呈现为
2020-09-08 19:40:50
8999
原创 p标签不能嵌套块元素 p标签嵌套p标签不生效
先给大家来一个错误 示范: <div> <p v-if="Array.isShow"> <p v-for="item in Array.data"></p> </p> ...... </div> 看上面的代码,咋一看感觉是没有问题的,但是只要运行一下就会发现这个 if 判断并没有生效.这个是什么原因造成的呢?可以先给大家看一下运行的结果
2020-08-19 22:04:22
2550
原创 js验证对象是否为空 空对象验证的方法
1、把对象转换成json字符串，在进行判断是否等于{} var data = {} var data = JSON.stringify(data); console.log(data == '{}'); // true 2、使用 for in循环判断 var data = {} var d = function(){ if (var key in data){ return false; } else {
2020-07-29 21:03:08
923
原创 vue img 图片不显示 vue中图片不显示路径显示 [Object Object]
vue中img 直接使用 url=“@/。。。” 路径会报 url="[Object Oject]" 错误，可以使用 import img from "@/ass“然后在data中 img ： imgvue for 循环显示的图片，正常绝对路径可以显示出来，但是经过for循环同样的路径的话却无法显示应该是定义成dataArray ：{img：require(’@/img/123/png/)} 这样就可以完美显示了...
2020-07-29 21:01:13
2030
原创 如何配置rem 移动端rem的设置
首先给大家老生长谈的介绍一下什么是rem, 什么是em. em是相对长度单位,em的值并不是固定的；em会继承父级元素的字体大小。 rem是CSS3新增的一个相对单位,而rem与em的最大区别是:rem是相对于HTML的根元素em相对于父级元素的字体大小。而通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。...
2020-07-28 21:11:47
6272
原创 二叉树的 前序 中序 后序,面试题小计 根据中序 后序 得出前序
看到一个面试题挺有意思的,记录分享一下.说已知一颗二叉树,如果中序遍历是:DBFEACHGI,后序遍历的节点顺序是:DFEBHIGCA. 可能对二叉树不熟悉的朋友看到这里的时候就蒙了,不知道应该怎么做下去了,其实这个是很简单的,我们只需要记住前序 中序 后序的含义即可: 前序: 根左右; 中序:左根右; 后序:左右根; 不知道朋友们有没有发现一个规律,前序 中序 后序 变化的只是他的根节点,而他的左右子节点的顺序 一直是 从左到右排序的.所以我们只需要记住他根节点的
2020-07-22 21:00:56
1488
原创 vue el-tooltip 在数据更新之后没有title 提示框显示, 需要刷新页面才有title 提示框显示
项目中遇到一个问题,就是使用el-tooltip 包裹了一个span标签,在数据变化时,span标签的数据显示了出来,而el-tooltip 的title提示框却没有显示出来,我一开是推断可能是diff算法的问题,数据层级太深了,从而导致了数据未显示出来,然后我就给el-tooltip添加了一个key值如下代码:<el-tooltip class="item" effect="light" placement="top" :key="tooltip"> <!-- ti
2020-07-14 14:25:58
2434
3
原创 form表单内容编辑时 只提交已经修改的部分,未修改的部分不提交
在工作中我们会遇到这样的需求,就是在内容编辑的时候提供修改内容的log日志,这个时候就需要我们在提交的时候,只提交内容修改的部分,而不修改的部分不需要提交.这样其实很简单,就是需要我把原始的数据放到一个数组或者对象里面,(这里需要注意一点,就是不要直接用等于 = , 这样会把原始数据浅拷贝到你存储的数组或对象里面,可能存在你编辑了内容之后,你存贮的原始数据也会被修改,这个时候你需要深拷贝数据就可以了).然后在通过for循环遍历对比即可.<!DOCTYPE html><html lang
2020-07-10 10:45:49
3581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人