【无标题】 树节点的数据是一个数组,通过遍历(map、for、foreach等)可以拿到最底层的节点。以上是个人的解决办法,如果有更好的答案,可以评论区@我。这里主要的坑在于什么时候采用filter和map。js相关计算,es6(使用了一些数组的语法糖)将节点通过递归的模式进行遍历,拿到过滤数据。...
Ant-vue table的单元格合并已经使用自己的slot插槽 Ant-vue table的单元格合并已经使用自己的slot插槽之前在做一个ant-design的项目的时候,遇到一个单元格合并的问题,简直头疼,其实在ant中进行简单的内容合并单元格,其实很容易也很方便,最简单的凡是就是在a-table-column标签中进行绑定一个function,代码如下(由于之前比较喜欢template的方式,所以下面都是template的方式进行代码展示,js的数据方式逻辑是一样的)://核心是customRender这个对象<a-table-columndata-
Vue-CLI 4.0配置CDN的方法 Vue-CLI 4.0配置CDN的方法之前试过了很多搭配cdn的方法,他们说的也都是对的,但是在自己的项目中确实没有办法执行,总是会报错,因此总结了一下我搭配cdn的所有流程,希望有所帮助创建vue.config.js创建vue.config.js ,文件的目录层级是雨src文件夹同级别的,因为vue-cli在4.0中取消了关于webpack等插件的配置,但是在本身也集成了这些插件,因此可以通过这样的一个文件去对整体的内容进行配置。找到CDN的路径如果要引用cdn,首先还是要找到CDN路径,这个是
Chrome 插件自定义 Chrome 插件自定义首先介绍一下Chrome插件里面都具体是什么,这里采用了大白话的方式通俗易懂。插件的核心就是一个json文件:manifest.json 。 具体的结构我就不详细的介绍了,毕竟网络上的相关内容有很多,其次介绍一下background.js 这是一个浏览器内部运行的插件,可以理解是再浏览器中使用,而不是在网页中使用,就像一个作用域一样,它属于外层,而网页属于内层。其次就是contentScript.js 这个是一个注入到js中的代码,就像我们日常引用的js一样,这个具体的后面细说
ElementUI的 el-select 多选的样式自我调整 ElementUI的 el-select 多选的样式自我调整elementUI 中的el-select组件,它的官方提供的多选样式提供了两种,一种是展示每一条,其次是展示一条,后面提示总数,但是昨天遇到一个需求是展示一行,多余的隐藏,之后显示总数,我是在element的基础上进行了修改,具体的就不多说了,直接上下代码,数据什么的就不提供了,这里是我修改了的核心内容:<template&g...
NGINX代理的配置(简单易用版本) NGINX代理的配置(简单易用版本)首先说下nginx把,这个其实也是作为代理的,之前用的是vuecli3/4进行的代理配置,之前一直没有调通(后来必须要弄明白,可以看我的另一个文章。),就临时采用了nginx的方式进行本地的代理,我这里的代理方式是针对前端的开发模式的,因为针对服务器的比较多,所以我就不一一说明了。首先需要下载nginx的项目工具,我用的版本是nginx-1.16.1找到在...
配置vuecli3中的代理遇到的坑 vue-cli3/4代理遇到的坑vue-cli3/4代理基础配置来一波相关Axios合理的创建标题,有助于目录的生成axios访问接口的代码说明vue-cli3/4代理首先简单的说一下我所理解的代理,这个代理的主要功能就是避免跨域问题的产生,当然,这个问题的产生是通过前端的方式进行跨域问题避免的调试,在打包之后,代理问题依旧可能会出现,如果打包之后的前端和后端代码如果不在同一个服务器下,那么可...
vue 修改element-ui 的提示框 首先来简单的介绍一下参数和方法的调用 confirm : function(){ var that = this var params = { 'context' : '12312---3213', //提示的内容 Y 'status' : 'success', //提示状态,两种 success / fail Y 'isClo...
vue自定义音乐播放,带有进度条 介绍一下vue audio的模拟播放器,直接上代码: <template> <div> <audio :src="music" id="audio"></audio> <div class="audio-box bbb"> <span class="t
vue - datepicker的引入和使用,自己的使用流程,详细的 vue 引入 datepicker组件。首先通过 npm工具进行包的引入,在命令行中输入npm install vue-datepicker其次在自己想要使用组建的文件中引入该组件import myDatepicker from ‘vue-datepicker/vue-datepicker-es6.vue’;同时在vue文件中也要去定义这一个组件:components:{myDat...
http常见的特殊字符转义 Http协议真的好严格,特殊字符诸如+?%#&=/等都会被当做转义字符处理,这样的话请求路径的参数就不对了,所以特殊字符要如下处理: 空格 用%20代替 " 用%22代替 # 用%23代替 % 用%25代替 &用%26代替 ( 用%28代替 ) 用%29...
微信小程序自定义组件 关于微信小程序自定义组件,其可以简单的理解成一个单独的模块,但是再这个单独的模块上有着1个或者多个通道,可以形象的理解成,每个人的家都是一个单独的组件,但是可以通过手机与外界进行沟通,而手机就相当于是这个通道,既可以接受信号,又可以发送信号,但是再组件中,发送的信号是需要通过调用产生的信号。父元素 ----》 子组件(可以由多个)----------》子组件(a,b,c,d…)---------...
颜色提取工具 作为一名前端工程师,经常需要对界面的颜色进行调整,因此推荐一个实用的颜色提取工具。链接:https://pan.baidu.com/s/1L-2lWlrzGFMkHyRTl4zNlQ 密码:kz9f
java 的.class 反编译软件 通过tomcat启动的java项目,会在工作空间中留下编译过的java文件,也就是.class文件,该文件不可读,因此,可以公国这个反编译软件,将.class的的文件按编译成.java的文件,但是在编译之后,在一些数据的定义和数字上会有所查一,但是不会影响到代码的正常运行和使用,可以根据个人习惯进行简单的格式修改。链接:https://pan.baidu.com/s/1tPI87FJngb8r...
微信小程序的布局css样式 width: fit-content; font-size:20px; /设置文字字号/ color:red; /设置文字颜色/ font-weight:bold; /设置字体加粗/ border:1px solid red;/添加边框样式(粗细为1px, 颜色为红色的实线)/ font-family:”宋体”; /设置字体为宋体/font-s...
echarts地图(县级地图制作): 关于echarts地图, 2018年初左右,官方已经不支持继续下载,即使可以下载,也就是一些全国地图和省市、地图,但是实际上很多人需要使用到一些县级或者乡级的地图,这样就会让我们经常无从下手,因此,我这里提供了部分乡级地图和县级地图(也是我之前弄的资源),同时也来解释一下具体的地图手工制作的方法,可能有一些笨重,如果非常需要的话之恶能使用这个方法了(个人推荐)。 首先生成工具的链接是:http...
跨域的解决例子 1.通过标签去解决跨域问题。 或者 var messagetow = function(data){ alert(data); }; var url = "http://192.168.31.137/train/test/jsonpthree?callback=messagetow"; var script = ...
前端跨域的个人理解 跨域跨域,从表面意思上可以理解成,从两个不同的域名中,数据之间实现交互,但是实际上,跨域的观念却不是这样的,我们都知道一个进程的访问需要“协议+域名+端口号+具体的路径”(当然,整体的路径没有进行过封装才会是这个样子),而这这几部分中,就常常会出现跨域导致使用失败的情况。首先,需要了解跨域是怎么出现的,跨域的出现前提是,使用了不同的协议,或者使用了不同的域名,也或者是使用了不同的端口号,举...