自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

cage7181的博客

Standing on Shoulders of Giants

  • 博客(25)
  • 资源 (3)
  • 问答 (1)
  • 收藏
  • 关注

原创 前端修炼-JavaScript-01-数据类型

数据类型,栈、堆、内存、区别

2023-08-01 15:59:23 61

原创 NPM Error:gyp: No Xcode or CLT version detected!

macos环境下,当Mac版本更新后,出现NPM Error:gyp: No Xcode or CLT version detected!问题原因:macos版本和Xcode版本不匹配导致解决方式:$ sudo rm -rf $(xcode-select -print-path)$ xcode-select --install通过命令行删除后重新安装即可。也可通过官网去下载对应版本https://developer.apple.com/download/all/...

2021-07-22 17:32:58 142

原创 vue中缓存页面-keep-alive,activated的使用及注意事项

注意一、组件使用<keep-alive>标签包裹或者在router里的meta设置keepAlive为true,否则activated不生效。meta: { keepAlive: false },注意二、一定要在返回上一页或者在去往其它页面时清掉缓存举例说明:A页面去往B页面,然后B页面返回A页面(A页面表单选中的值不能丢失),A页面点击某个按钮去往C页面。这样的话,我们就需要缓存A页面,然后B页面返回时,A页面只执行activated,不会执行create

2021-03-15 20:02:01 2577

原创 vue.js实战之基础篇

第一章 初识vue.js1、vue.js是什么?简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。简单小巧是指vue.js压缩后大小仅有17KB。所谓渐进式,就是你可以一步一步、有阶段性地来使用vue.js,不必一开始就使用所有的东西。使用vue.js可以让web开发变得简单,同时也颠覆了传统前端开发模式。它提供了现代web开发中常见的高级功能,比如:解耦视图与数据。...

2019-10-25 00:19:42 311

原创 VUE项目中引入第三方字体图标库

VUE+element-ui项目,使用中用到大量图标,而element-ui本身的图标库数量太少,并不能满足使用!引用阿里巴巴矢量图标库: 1、登陆https://www.iconfont.cn/(没有账号需注册) 2、创建项目 3 、创建项目后去图标库添加图标,用哪个添加哪个到购物车 4、添加完后...

2019-10-12 16:15:31 637

原创 element-ui导航选中节点父级高亮问题

element-ui的导航菜单组件在选中节点后,只有选中节点会高亮,父级并不会高亮。这在项目层级深或者是菜单收起后无法直观的看到选中项,体验并不是很好!但是可以通过修改element-ui的css文件进行修改!具体修改: 1、所要修改的文件:"element-ui/lib/theme-chalk/index.css"; 2、在文件中找到.el-subme...

2019-10-12 15:57:45 3307 5

原创 修改浏览器滚动条

浏览器自带的滚动条样式太丑,可通过以下方式进行修改::-webkit-scrollbar-track { /* 定义滚动条轨道 内阴影+圆角*/ -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 5px; background-color: transparent;}::-webkit-scro...

2019-10-12 15:47:44 154

原创 vue+element实现内容区域高度自适应

步骤很简单: 通过动态绑定属性给<el-main></el-main>绑定高度,而高度通过 innerHeight 获取,减去你的头部和底部高度,剩下的就是整个内容区域的高度了!话不多说,上代码 //defaultHeight是绑定的属性 <el-main :style="defaultHeight"> &l...

2019-09-29 18:39:07 8182 4

原创 vue-Cli3.0使用全局变量进行接口及域名管理

思路很简单: 第一步:创建.env文件,本地环境,测试环境,线上环境,系统默认为三个,根据需求可进行添加。 注意点:在env文件里命名必须以 VUE_APP_开头,比如说url:VUE_APP_BASE_URL = "路径"。 第二步:创建vue.config文件(vue-cli3.0默认没有此文件,需自行创建,配置方式和2.0一样),然后在...

2019-09-29 10:42:25 903

原创 VUE+bpmn.js实现流程图

实现效果:下载地址:https://download.csdn.net/download/cage7181/11784497

2019-09-23 10:35:27 8645 2

原创 VUE+go.js实现流程图

以下为实现效果图:项目下载地址:https://download.csdn.net/download/cage7181/11784262

2019-09-19 18:06:31 1431

转载 vue之proxyTable代理超全面配置

https://blog.csdn.net/harmsworth2016/article/details/84403396

2019-04-10 10:16:42 178

原创 <noscript>元素

早期浏览器都面临一个特殊的问题,即当浏览器不支持 JavaScript 时如何让页面平稳地退化。对这 个问题的最终解决方案就是创造一个<noscript>元素,用以在不支持 JavaScript 的浏览器中显示替代 的内容。这个元素可以包含能够出现在文档<body>中的任何 HTML 元素——<script>元素除外。包含 在<noscript&gt...

2019-04-06 00:27:43 147

原创 script元素的6个属性

HTML4.01为<script>定义了6个属性: 1、async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其它资源或等待加载其它脚本。只对外部脚本文件有效。 2、charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。 3、defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外...

2019-04-05 23:57:20 1173

原创 javascript自定义对象之JSON方式

JSON(javaScript Object Notation)是一种基于ECMAScript的轻量级数据交换格式,采用完全独立于语言的文本格式,能够以更加简单的方式来创建对象。 使用JSON方式无须构造函数和new关键字,直接创建所需的javaScript对象即可。 JSON对象是以"{"开始,以"}"结束,且属性与属性值成对出现,其语法格式如下。 【语法】 { //对象...

2019-04-05 15:53:24 832

原创 javascript自定义对象之混合方式

原型方式创建对象时,对象的属性采用默认值,在对象创建完成后再去改变属性的值;而构造方式在创建对象时,会重复生成方法所引用的函数。在实际应用中,经常将构造函数和原型方式相结合来解决上述问题。 【示例】 混合方式创建对象 //创建构造函数function Goods(name,type,price,color){ this.name = name; this.type =...

2019-04-05 14:50:32 344

原创 为Date和Array对象添加方法

通过prototype为Date和Array对象添加方法。 为Date对象添加日期格式化方法 //为Date对象添加日期格式化方法Date.prototype.showTime = function() { var dateStr = ""; var year = this.getFullYear(); var month = this.getMonth()+1...

2019-04-05 01:41:03 372

原创 javascript自定义对象之构造函数

构造函数 通过构造函数创建一个javascript对象,步骤如下: 1)创建构造函数,构造函数名,通常采用Pascal命名法,首字母需要大写 2)用new运算符和构造函数来创建一个对象 【语法】 function ClassName ([param1][,param2]...){ this.propertyName = value;...

2019-04-05 01:09:34 515

原创 javascript自定义对象之原型方式

原型方式 原型方式通过prototype属性为对象添加新的属性或方法 【语法】 object.prototype.name = value; 其中: object表示被扩张对象,包括系统内置对象(如Date等)和自定义对象。 prototype表示对象的原型。 name表示所添加的属性或方法。当添加属性时,value为属性值;当添加方式时...

2019-04-05 01:05:26 340

原创 javascript表格隔行变色

思路:1,把文档里的所有table元素找出来。2,对每个table元素,创建odd变量并把它初始化为false。3,遍历这个表格里的所有数据行。4,如果变量odd的值是true,设置样式并把odd变量修改为false。5,如果变量的值是false,不设置样式,但把odd变量修改为true。html部分<table> <tr> ...

2019-04-04 11:20:06 348

原创 javascript编写insertAfter方法

我们知道javascript中有appendChild方法和insertBefore方法,但是却没有insertAfter方法。当然,在JQuery中是有的。本文用javascript实现insertAfter方法。一。首先,我们知道appendChild方法的语法规则是:parent.appendChild(child)作用:在父节点内部的尾部添加一个子节点。二。而inse...

2019-04-04 09:46:33 560

原创 javascript自定义对象之原始方式

目录原始方式使用原始方式创建一个javascript对象,步骤为:首先创建一个Object对象,然后为对象添加所需的属性和方法。【语法】var object = new Object();object.propertyName = value;object.methodName = functionName || function () {};其中: ...

2019-04-03 17:44:20 159

转载 js互换变量值的方法

一:使用临时变量var a = 1,b = 2,c;c = a;a = b;b = c;声明一个临时变量c,进行数据交换过程中的缓存。这样的做法直观,易懂。但是,会增加内存的使用。二:算数运算var a = 1,b = 2;a = a + b; /*a = 3,b = 2*/b = a - b; /*b = 1, a = 3*/a = a - b; /*a ...

2019-04-03 17:07:28 572

原创 前端的面试知识点

前端开发面试知识点大纲1、HTML&CSS html:超文本标记语言 css: 层叠样式表 对Web标准的理解、浏览器内核差异、兼容性、hack、 CSS基本功: 布局、盒子模型、浮动和定位、选择器优先级及使用、HTML5、CSS3、移动端适应2、JavaScript ECMAScript标准规范,描述这门语言的实现细节和...

2017-05-31 16:07:12 319

原创 简述CDN,快速理解CDN

CDN(Content Delivery Network)内容分发网络。其思路是尽可能的避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输更快,更稳定。   CDN系统能够实时的根据网络流量和各节点的连接,负载状况以及用户的距离和响应时间等综合信息将用户的请求导向离用户最近的服务节点上。目的就是使用户能够就近的获取请求数据,解决网络访问拥挤状况,提高用户访问系统的响应时间。

2017-05-31 15:33:54 517

vue-bpmn.zip(更改版,上一版接口在后台,这版更改到前台)

vue+element-ui+bpmn,可进行下载,属性面板编辑,添加等操作

2019-09-19

vue-bpmn.zip

在VUE中使用bpmn.js实现流程图,可打印下载,保存及编辑添加!

2019-09-19

vue-gojs.zip

在VUE中使用go.js实现流程图效果,具有保存,下载,打印,属性面板等功能

2019-09-19

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除