![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
li_jiazhi
好记性不如烂笔头,以前从不写博客,现在写的目的也是记录一下,为了以后用到的时候不用到处找,同时也方便需要这些资料的人,很多博客也是从网上扒下来的,并非是自己原创,有问题可以提出,看到了我会回复的
展开
-
Freemarker输出$和html标签等特殊符号
场景:程序员都不喜欢看文档,而更喜欢抄例子。所以,我们把平台组的组件都做成例子供别人参考。我们前端展示层使用的是freemarker,所以遇到这个问题,比如我们要让前端显示freemarker自己的源码时就有问题了(因为我们例子程序的页面也是使用freemarker)。遇到的问题如下: 1、如何显示html源码,而不是让浏览器解析这些html,方法是使用freemarker的htm...原创 2020-04-28 11:40:06 · 710 阅读 · 0 评论 -
javascript 使用btoa和atob来进行Base64转码和解码
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。一.我们来看看,在javascript中如何使用Base64转码var...原创 2020-01-06 11:34:41 · 477 阅读 · 0 评论 -
在线生成地图geojson数据格式以及手绘乡镇级json数据
在项目中往往需要用echarts或者其他可视化工具来生成地图,但是echarts关闭了下载数据窗口,在此分享一个在线生成地图geojson数据的地址。如下:http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=3上述的网站只能精确到区县级js...转载 2019-11-08 17:44:39 · 3896 阅读 · 0 评论 -
layui 数据表格+分页+搜索+checkbox+缓存选中项数据
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用. 主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后,选中状态就消失了, 我们希望切换回来的时候, 选中状态还能存在, 因此做了个缓存, 使checkbox 保持选中状态.代码如下:1.HTML 搜索输入框<form cla...转载 2019-10-28 11:11:37 · 1581 阅读 · 0 评论 -
输入框只允许输入数字并且限制小数点位数
<input type="text" onkeyup="this.value=this.value.toString().match(/^\d+(?:\.\d{0,2})?/)"/>或者直接使用onkeyup="value=value.match(/\d+\.?\d{0,2}/,'')"onkeyup 事件会在键盘按键被松开时发生。match() 方法可在字符串内检索指定...原创 2019-05-07 18:05:07 · 1531 阅读 · 0 评论 -
vue项目前端环境搭建
前言博主本身是一直从事Java后端开发,一直想独立开发一套完整前端和后端技术结合的项目来提升自己的技术水平,经过对业界的一些热点技术的了解并对技术栈选型考虑后,博主打算利用Vue.js和Spring Boot技术栈来开发一个属于自己的博客系统,等开发完成把自己平时遇到的技术分享出来。由于对前端技术不是太了解,所以想从零开始把开发的整个过程记录下来,第一篇文章就先把前端环境搭建起来再弄后面的。...原创 2019-08-19 17:27:07 · 1211 阅读 · 0 评论 -
Vue前端项目目录结构描述
前言构建vue项目的开发环境配置,官方提供了脚手架工具vue-cli来快速构建一个开发环境,初始化一个vue项目操作命令如下:// 安装node.js,内含npm,Node.js官网:https://nodejs.org/en/ 。// 设置npm镜像cnpm命令行工具npm install -g cnpm --registry=https://registry.npm.taoba...原创 2019-08-19 17:29:16 · 1613 阅读 · 0 评论 -
jquery 设置页面元素不可点击、不可编辑、只读(备忘)
$("input").attr('readonly', true);$("textarea").attr('readonly', true);$(':radio').attr('disabled', true);$(':checkbox').attr('disabled', true);$(':button').attr('disabled', true);$('a').remove...原创 2019-09-12 14:35:19 · 6568 阅读 · 0 评论