- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 jq修改表单值未触发change
描述change事件触发规则输入框，单选，下拉框的值发生改变后失去焦点时触发用代码来修改值不会触发解决jq调用触发$(target).trigger('change')代码<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
2022-02-18 10:40:29
377
原创 计算两点与正北方向夹角
/** 计算点B到点A之间的直线 以点A为原点 与正北方向的 顺时针夹角 * 取值范围 +270° ~ -90°* */function getAngle(pointA, pointB) { let dx = pointB.x - pointA.x; // 水平方向 差距 let dy = pointB.y - pointA.y;// 竖直方向 差距 if (dx === 0 && dy >= 0) { return 0 };.
2021-09-24 15:27:53
1620
原创 webapp下的项目在idea使用tomcat运行
需求：使用idea代码编辑器，原本tomcat webapp下的javaweb项目，需要修改其中的前端代码注：此处javaweb项目为编译后，java代码放在lib文件夹下的.jar内解决：方法1：配置idea当前项目tomcat，直接添加javaweb项目文件夹,注意项目名配置，再启动方法2：启动javaweb所在的tomcat使用idea编辑javaweb的前端代码...
2021-08-30 09:46:58
436
原创 layui 弹框icon 样式
layui 弹框icon 样式默认皮肤可以传入0-6不指定 iconicon: 0icon: 1icon: 2icon: 3icon: 4icon: 5icon: 6加载层，可以传入0-2
2021-06-07 11:18:41
257
原创 对渐进式的理解
提供了底层的基础功能，提供了基于基础功能的高级功能，提供了基于高级功能的组件你可以只是用基础功能，也可以使用高级功能，也可以使用写好的组件
2021-05-31 17:27:12
1777
原创 npm package常用介绍
npxnpm 从5.2版开始，增加了 npx 命令npx 想要解决的主要问题，就是调用项目内部安装的模块比如，项目内部安装了webpacknpx 的原理很简单，就是运行的时候，会到node_modules/.bin路径和环境变量PATH里面，检查命令是否存在。由于npx会检查环境变量PATH里面，检查命令是否存在。由于 npx 会检查环境变量PATH里面，检查命令是否存在。由于npx会检查环境变量PATH，所以系统命令也可以调用。webpackwebpack@3自带webpack-cl
2021-05-28 15:03:59
528
原创 [email protected]配置详解
contextstring基础目录，绝对路径，用于从配置中解析入口起点(entry point)和 loadermodestringproductionenable many optimizations for production buildsdevelopmentenabled useful tools for developmentnoneno defaultsentrystring | object | array“./app/entry” *[.
2021-05-27 19:34:28
132
原创 Sass与Less的比较
什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 转化成通俗易懂的话来说就是“用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用”。为什么要使用CSS预处理器？ ...
2021-05-26 10:23:49
98
原创 layui tab关闭前实现监听
layui-v2.5.7需求layui tab 删除的时候判断是否可以执行删除解决思路添加新tab 的时候：解绑layui 自动生成的 tab 删除事件 绑定自定义的 这个tab的删除事件 自定义事件内完成监听，满足条件则调用删除tab代码如下/** 添加 tab*/function tabAdd() { var tabId = new Date().getTime() layui.element.tabAdd('formTab', { ...
2021-05-25 15:08:39
1765
原创 echarts liquidFill 配置说明
默认配置{ data: [], color: ['#294D99', '#156ACF', '#1598ED', '#45BDFF'], center: ['50%', '50%'], radius: '50%', amplitude: '8%', // 振幅 waveLength: '80%', phase: 'auto', period: 'auto', direction: 'right', shape: 'ci.
2021-05-24 14:25:30
3147
原创 async用法
async 函数返回一个 Promise 对象await针对所跟不同表达式的处理方式：Promise 对象：await 会暂停执行，等待Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。 非 Promise 对象：直接返回对应的值。await 接收then 接受async function read(name){ return name }var f1 = await read('nms').then...
2021-05-18 15:28:58
86
原创 安装 vue devtools
使用 npm 下载npm install vue-devtools在node_modules 里找到 vue-devtools 里的 vender ,将这个文件夹添加到浏览器扩展程序重启浏览器生效有的项目需要在main.js里添加 Vue.config.devtools=true 才能显示...
2021-04-27 10:47:01
134
原创 vue路由 跳转
声明式导航<router-link to="/foo">Go to Foo</router-link><router-link to="/foo" replace>Go to Foo</router-link>编程式导航router.push（）当你点击时，这个方法会在内部调用this.$router.push('home') // 对象this.$router.push({ path: 'home' }) // 命名的路由t..
2021-04-27 10:32:08
70
原创 vue路由 懒加载
webpack代码分割功能（按需加载）const Foo = () => import('./Foo.vue'){ path: '/foo', component: Foo }有时候我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用命名 chunk，一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。const Foo = () => import(/* webpackChunkName: "group-f.
2021-04-27 10:01:20
80
原创 两个元素某一个存在blur事件时另一个click事件无效
一个页面的两个元素DOM1绑定了click事件，DOM2绑定了blur事件DOM1点击后 只执行DOM2的blur,不执行DOM1的click原因：JS 的单线程的，blur 的优先级高于 click，同时触发的两个事件只执行优先级高的那个（同理css 最后声明的样式 优先级高，只显示 最后声明的样式）解决办法：给blur事件设定延时$('DOM2).on('blur', function () { setTimeout(e => { ..
2021-04-27 09:49:46
247
原创 layui表格只显示10条
问题描述：layui表格使用 指定内容的data , 没用 url 和 分页 ，总是只显示10条原因分析：即使没有用分页，表格配置里的limit默认值也是10解决办法：
2021-04-20 09:53:43
2032
原创 supermap iserver配置适用许可
下载试用许可地址：https://www.supermapol.com/web/pricing/triallicense选择安装iserver的版本（我安装的是9D）通过邮箱发送的文件按类型为 LIC9D将文件拷贝到C:\Program Files\Common Files\SuperMap\License...
2021-04-12 11:09:31
1443
1
原创 vue-pdf 打印文字空白、每一页多一个空白页、电子签章不显示
标题修改node_modules/vue-pdf/src/pdfjsWrapper.js文字乱码将原来的iframe 改为 div并设置id, 通过 css 设为 display：none每一页多一个空白页修改如下css完整 pdfjsWrapper.jsimport {PDFLinkService} from 'pdfjs-dist/es5/web/pdf_viewer';var pendingOperation = Promise.resolv...
2021-01-20 11:37:43
4389
12
原创 基于 Jquery 的向上滚动动画
前提条件：1.引用JQuery2.父级dom position为相对定位（relative 或 absolute）,高度固定，且超出隐藏3. 滚动dom 样式为绝对定位，top初始为0/** 向上滚动动画* @params id domID* @params length 行总数* @params lineHeight 行高* @params intervaltime 时间间隔* */function rollingAction(id,length,lineHeigh.
2021-01-09 11:25:37
487
原创 idea配置vue文件的生成模板
/***@${COMPONENT_NAME}*@author niemengshi*@date ${DATE} ${TIME}*/<template>#[[$END$]]#</template><script>export default {name: "${COMPONENT_NAME}",props: {},components: {},mounted: {},data() { return { }},metho...
2020-12-29 15:13:00
3550
原创 净化JS代码
注重命名函数能拆分的就拆分，按功能命名IF 语句简化if(value === 'duck' || value === 'dog' || value === 'cat') { // ...}将乱七八糟的条件判断放到一个变量中存储，比臃肿的表达式要好很多。const options = ['duck', 'dog', 'cat'];if (options.includes(value)) { // ...}及早返回及早返回使得我们的代码更加易读function
2020-11-25 09:34:46
142
原创 记录一次打包vue项目到tomcat并且支持其他项目iframe嵌套任意页面
config ->index.js -> assetsPublicPathrouter ->index.js路由模式必须为hash，才能用来监听App.vuehash改变时可进行监听去触发进行vue路由跳转mounted(){ window.addEventListener('hashchange',()=>{ var currentPath = window.location.hash.slice(1); // 获...
2020-11-24 17:18:31
350
原创 markdown基本使用手册
编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。2004年 由约翰·格鲁伯（英语：John Gruber）创建紫色文字为代码标题我展示的是一级标题================= （超过一个就可以将上一行展示为一级标题）我展示的是二级标题-----------------（超过一个就可以将上一行展示为二级标题）# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### .
2020-08-28 10:18:55
123
原创 ztree父子节点
<link rel="stylesheet" href="../ztree3.5/zTreeStyle/zTreeStyle.css"><script src="../ztree3.5/js/jquery.ztree.core-3.5.js"></script><script type="text/javascript" src="../ztree3.5/js/jquery.ztree.excheck-3.5.js"></script>&l.
2020-07-17 18:09:02
438
原创 JavaScript中Object对象 和 Map对象 的比较
Map对象Map对象保存键值对。任何值(对象，数组，字符串，数值，布尔，null，undefined) 都可以作为一个键或一个值。Map.prototype.size-- 返回Map对象的键/值对的数量。Map.prototype.clear()-- 移除Map对象的所有键/值对 。Map.prototype.delete(key)-- 如果Map对象中存在该元素，则移...
2019-12-13 14:25:44
1123
3
原创 svg动画
class直接为svg元素添加class，在class中描述CSS3动画，svg元素属性都可以写在class里例如@keyframes action{ from { stroke-width: 5; r: 15; } to { stroke-width: 10; r: 10 }}animate例如<circle cx="0" cy=...
2019-12-13 10:10:08
246
原创 video.js 禁用播放区单击暂停
.vjs-tech { pointer-events: none;}直接加以上csspointer-eventsCSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 targetnone元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获...
2019-12-05 16:46:24
2603
原创 crypto.js——基于http协议的加密传输协议
用途：防止重要信息泄密（怎样泄密？最简单的，浏览器打开开发者模式，调到network，每一个http请求都有记录，点击记录，右侧则显示http请求和http响应的详细数据，不管你把数据呈现到页面上时进行了怎样的计算，初始数据就在这里，你不处理一下，加个密，这就是个问题，除非你的数据本身就不重要，所以不加密就是让你的数据LUOBEN）基础使用：我是vue使用的crypto.js，直...
2019-11-14 14:54:26
422
原创 element日历禁选日期动态赋值
先上代码：<template> <el-date-picker v-model="value" align="left" type="date" placeholder="选择日期" :picker-options="pickerOptions" @focus="setDisabled"> </el-date-picker>...
2019-09-20 14:53:04
1455
2
原创 addEventListener()事件监听
addEventListener() 方法，事件监听你可以使用 removeEventListener() 方法来移除事件的监听。语法element.addEventListener(event, function, useCapture);第一个参数是事件的类型 (如 "click" 或 "mousedown").第二个参数是事件触发后调用的函数。第三个参数是个布尔值用...
2019-07-23 09:26:51
463
原创 element-ui和iView常用小图标
element-ui用法：单独：<i class="el-icon-delete"></i>引入：<el-buttonicon="el-icon-search">搜索</el-button>IView用法：单独：<Icon type="ios-eye" />引入：<Button icon="ios-brush...
2019-07-18 12:02:14
1720
原创 前端学习需要掌握的网站一览
vue整合element可下载运行来学习vue-element-admin必须掌握的w3c school，基础要会，还有h5的canvas和css3动画、2D、3D转换w3cschool的svg基础教程，更多实际用到的需要自己去查svg可在线绘制svg图形在复制出代码SVG在线编辑响应式布局入门bootstrsp经典前端UI组件库Element UI主流轻量级前端框架vue...
2019-07-16 18:00:27
90
原创 svg path属性解释
大写字母：绝对定位小写字母：相对定位（所有点仅相对于起点）不了解贝塞尔曲线点这里M = movetoM x y 移动到指定坐标，xy分别为x轴和y轴的坐标点，类似画笔的起点。path中的起点，必须存在（文档中虽然没有提到过，但是path的其他命令都需要依赖一个初始位置，而实际操作过程中也没有需要到可以不使用M的情况，后面发现有例外我再过来补充。L= lineto...
2019-07-16 17:29:19
631
原创 常用 快捷键
windows操作系统Alt + Tab——切换到上一个应用的界面Win +Tab——列表显示最近使用的应用/回到应用Ctrl + C——复制Ctrl + V——粘贴Ctrl + A——全选Ctrl + Z——撤销鼠标选中一栏按住 Ctrl ——可用鼠标点击另一栏进行多选鼠标选中一栏按住 Shift——可用鼠标点击另一栏选中范围内所有Win + L——进入睡眠模...
2019-06-13 16:47:18
118
原创 SVG+CSS3圆点动态扩散
1.HTML内直接嵌入SVG2.SVG的图形内直接加style stroke 边框颜色；fill 形状颜色；stroke-width 边框宽度；stroke-opacity 边框透明度；3.CSS3动画animation属性设置详细查阅：CSS3动画，SVG画圆形代码如下：<html><head><style> @keyfr...
2019-05-16 16:57:34
1310
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人