- 博客(17)
- 收藏
- 关注
RSS订阅
原创 解决openlayers实现卷帘时VectorImage图层无法触发prerender的问题
在工作中需要加载大量的矢量数据，因此使用资源消耗较小的VectorImage来加载，但是在实现卷帘效果时，滑块移动时通过map.render()无法触发VectorImage的prerender事件。使用VectorImage数据源的changed方法代替map.render()
2024-02-21 15:29:27
418
原创 AES 前端加密，C#后端解密的一种实现方式
在开发中遇到了要将用户登录密码加密的要求，所以简单记录一下。前端使用进行AES加密，后端通过System.Security.Cryptography的NuGet程序包解密。
2022-09-14 17:35:12
1361
1
原创 element-ui表单验证踩坑
今天在写项目时遇到一个问题：每次打开模态框操作之后再次打开模态框有时候会出现表单验证没有重置的情况（在模态框的关闭事件里写了表单验证重置）解决过程：经过多次试验发现每次有验证的都是trigger为change，验证为下拉列表不为空 且都是点击新增打开模态框（点击新增先清空表单），所以问题应该就是新增先清空表单触发了表单验证解决方法：在点击新增的事件内，在清空表单之后再次重置表单验证就没问题了（这个操作要在表单存在的情况下用，可以将这两个操作放入一个if内，if为判断表单绑定的form是否为空对象，否，则
2021-03-02 21:34:22
363
原创 layer的成功回调中获取iframe页面的元素与window对象
话不多说，直接上代码：layer.open({ id:'test_layer',//设置id，供方法2使用 type: 2, content: 'XXX.html', success: (layero, index) => {//success会携带两个参数，分别是当前层DOM和当前层索引 var body = layer.getChildFrame('body', index);//获取当前引用iframe的body元素 //获取iframe内的wi
2021-02-22 16:47:22
1129
原创 如何使用a标签下载文件
在a标签的href属性内写文件地址，如果该文件浏览器不能解析则默认为点击下载，如果浏览器能解析则在a标签内写一个download属性即可使其变为下载而不是查看。如：<a href="xxx/xxx/xxx.xxx" download></a>...
2020-12-09 21:20:55
921
原创 数组去重的几种方法
1. es6新增的Set去重var arr=[1,1,2,3,'a','a','b'];var arr1=Array.from(new Set(arr));2. splice实现去重var arr=[1,1,2,3,'a','a','b'];for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j,1)
2020-10-26 23:35:32
128
原创 Vue路由的权限控制
在项目中有些页面仅能由有相应权限的用户才能查看，这时候可以给路由设置路由验证，实现权限控制功能。代码如下：let routes=[{ path:"/a/:id", component:myA, meta:{ roles:['administrator','customer']//能够通过该路由的角色 }},{ path:"/b", component:myB, meta:{ roles:['administrator']//能够
2020-10-20 22:05:49
165
原创 Vue导航守卫
导航守卫主要用来通过跳转或取消的方式守卫导航，有全局守卫、组件内守卫和路由独享守卫。- 全局守卫1.前置守卫当一个导航触发时，先调用前置守卫，再进行路由跳转。注册前置守卫:router.beforeEach((to, from, next) => { // ...})其中to和from都是路由，to代表即将要进入的路由，from代表正要离开的路由，next是一个函数，next在任何守卫中都需要严格调用一次，执行效果依赖next方法的调用参数：i next(): 进行管道中的下一个钩
2020-10-03 16:17:01
87
原创 用原生js实现数据双向绑定
数据的双向绑定是当视图区的内容变化时，后台与之对应的内容也相应的变化， 反之亦然.。比如现在视图区有一个input输入框，改变输入框的内容时，后台与之对应的内容也会改变；改变后台内容时，输入框的内容也会相应的改变。实现双向绑定需要使用Object的defineProperty方法和事件，用来监听数据的变化以进行数据的同步改变。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8
2020-09-20 18:18:48
1033
原创 用js的循环语句写九九乘法表
for循环for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ i*j<10?document.write(i+"*"+j+"="+i*j+" "):document.write(i+"*"+j+"="+i*j+" "); } document.write("<br>");}while循环var i=1;while(i<=9){ .
2020-09-08 10:48:52
321
原创 如何用js求1~n的阶乘之和
求1~n的阶乘之和的重点在于如何求每个数的阶乘，只要求出阶乘，再让其累加就行了。求阶乘一般可以用循环或递归函数，所以这里先讲解如何求阶乘。1. 利用循环求阶乘代码如下：var n=Number(prompt("请输入一个数"));var jc=1;for(var j=n;j>=1;j--){//利用循环从n一直乘到1，算出n的阶乘 jc=jc*j;}2. 利用递归函数求阶乘代码如下：var n=Number(prompt("请输入一个数"));function jieCheng
2020-08-26 20:22:19
9448
原创 利用边框盒子和动画做一个呼吸灯
利用边框盒子和动画做呼吸灯的步骤为：1. 完成呼吸灯的静态模型呼吸灯的静态模型就是用几个块标签嵌套，代码如下：body中的代码： <div class="article"> <div class="top"> <div id="outer"><!--外圆--> <div id="inner"></div><!--内圆-->
2020-08-17 16:54:05
530
1
原创 如何解决父子级元素外边距合并问题
什么是父子级元素外边距合并问题？父子级元素外边距问题就是原本给子元素设置了margin-top，结果连带父元素也一起往下移，例如：<style> .father{ width: 200px; height: 200px; background-color: red; } .son{ width: 50px; height: 5
2020-08-10 10:25:33
922
原创 gitee的使用方法(个人)
gitee是基于git的代码托管平台，使用gitee之前应该先注册账号登录，点击gitee官网，然后跟着提示注册登录即可。登录之后将鼠标悬浮在右上角的加号上，点击新建仓库，如图：点击新建之后输入仓库名称、仓库介绍(建议每个仓库都填写介绍，便于后期管理)以及选择是否开源，其他选项一般不需要更改，示例如下：点击创建之后远程仓库就创建成功了。那么接下来就有两种使用方法：1.在本地克隆远程仓库首先在本地选择一个路径，然后在此路径内输入cmd，如图所示：之后就会进入命令提示符，然后输入git的克隆命
2020-08-09 15:39:15
10232
原创 html引入css的方式
CSS (Cascading Style Sheets) 层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。浏览器将CSS规则应用到文档上，使CSS影响文档的显示。CSS规则由选择器和一系列的属性对组成。一系列的CSS规则就可以形成一个层叠样式表。html引入css有以下三种方式：内部样式表（ Internal stylesheet）直接将css写道```...
2020-07-30 10:54:14
406
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人