
前端
神经彬
这个作者很懒,什么都没留下…
展开
-
从零构建React+Typescript项目
1、安装 Create-React-App2、创建项目,命名为demo01项目创建成功后,此时项目结构如下所示: 3、运行项目,看看是否能够正常启动1、在 src 下创建一个 components 目录,新增 Counter 组件:2、在 App.tsx 中引用 Counter 组件并展示...原创 2022-07-09 20:54:10 · 384 阅读 · 0 评论 -
在Vue中引入外部css文件修改iframe嵌入页面的样式
1、将css文件放入public/static/css文件夹中public目录下的所有文件编译之后都会拷贝到根目录,我们要想把这个文件夹下面的文件编译之后放到static下面,就只需要将public下的文件,都放到public/static文件夹下面,这样编译之后,会把所有静态文件都放到static文件夹下面。2、添加link标签引入css文件// 获取iframe html文件const doc = this.$refs.iframe.contentWindow.document//原创 2021-12-27 15:42:48 · 4115 阅读 · 0 评论 -
iframe嵌入网页解决跨域问题
主系统是基于nginx发布的,直接在nginx配置上,设置子系统Ip代理,主系统和子系统同域同端口后,就可以在主页面操作子页面了。原创 2021-12-02 10:09:15 · 6640 阅读 · 0 评论 -
原生js、vue超强拖动伸缩插件vue-draggable-resizable实现拖动div窗口功能实现
<div :style="dialogHeight" class="pathfind dialog" ref="dialogRef" v-show="visible.isShow" @mousedown="mouseDownHandleelse($event)" @mouseup="mouseUpHandleelse($event)">// 内容</div><script> export default { methods: { ...原创 2020-10-29 17:06:52 · 4925 阅读 · 0 评论 -
vue动态修改div、table...元素高度宽度
根据浏览器宽高度,动态显示内容的宽高,总体就是给设置宽高的对象设置一个监听器即可<template> <el-container style="height: 100%;width: 100%;"> ... </el-container></template><script> export default { data() { return { ... }原创 2020-09-29 09:01:40 · 3554 阅读 · 0 评论 -
elementUI修改tooltip、popover等样式
转载:https://www.cnblogs.com/goloving/p/9195412.html像elementUI的tooltip、popover这种渲染出来的元素都是在body下面一层,所以你在组件里面去加样式发现根本不生效,所以需要到App.vue里面去加转载 2020-09-21 17:21:16 · 2747 阅读 · 0 评论 -
可缩放svg转图片,三种方法简单直接明了
svg保存下载为图片,总体思路就是svg转码--->画在canvas上--->画在图片上--->下载第一种是使用serializer将获取的svg转换为字符串,然后通过encodeURIComponent()转码var svg = document.getElementById('mainsvg') // 获取svgvar serializer = new XMLSerializer()var toExport = svg.cloneNode(true); // 克隆var原创 2020-09-16 11:09:23 · 4019 阅读 · 1 评论