前端
DcForever
a huge DC fan~
展开
-
通过JS将html String 转化为node 节点
最近写js方法的时候,用到了appendChild()方法,这个方法里的参数必须是node节点,但是获取到的是Html String字符串,所以就需要把Html String字符串转化为node 节点,从而使用appendChild();static parseElement(htmlString){ return new DOMParser().parseFromString(htmlStr...原创 2019-10-18 18:42:57 · 5394 阅读 · 0 评论 -
Jquery图片裁剪插件PhotoClip使用说明
在Pc端实现图片的裁剪功能,可以使用Jquery图片裁剪插件-------PhotoClipPhotoClip插件描述该插件可以支持手机端,PC端图片的旋转,缩放,移动等操作。依赖插件[jquery.transit.js] 插件 (v1.4 中已经移除了对该插件的依赖)[iscroll-zoom.js] 插件[hammer.js] 插件[lrz.all.bundle.js] 插件...原创 2019-07-22 17:29:09 · 3832 阅读 · 4 评论 -
LayUi前端框架用法讲解--增删改查实例
最近开发的一个项目前端框架使用的是Layui,以前没有使用过,在这里做一下记录。想写一篇详细的LayUi使用博客,写的基本准则是实用为主。尽可能详细的介绍每一个配置的作用。既然是刚开始使用一个新的框架,那么熟悉这个框架最好的办法就是写一个增删改查实例,下面就介绍LayUi的增删改查实例,可能篇幅过长会分为几篇来写,尽可能写的详细一点吧。还想提到的一点是,这个项目采用的开发方式是前后端分离开发。...原创 2019-06-11 21:57:05 · 5780 阅读 · 4 评论 -
Refused to display 'url' in a frame because it set 'X-Frame-Options' to 'deny'报错
今天写项目的时候遇到了一个问题,使用iframe嵌入网页,浏览器报错:Refused to display ‘url’ in a frame because it set ‘X-Frame-Options’ to ‘deny’。网上查了一下原因:是SpringSecurity 防止恶意注入,所以设置了X-Frame-Options为deny。如下图:解决问题,把这个X-Frame-Optio...原创 2019-06-10 19:36:58 · 4443 阅读 · 4 评论 -
LayUi前端页面时间的格式化
LayUi前端Table页面数据渲染,如何进行时间的格式化?其实很简单:layui.use(['util','table'], function(){ var table = layui.table; var util = layui.util;//... table.render({//... ,cols: [[//... ,{field:'commPo...原创 2019-06-15 09:46:37 · 3515 阅读 · 0 评论 -
Js去除日期字符串的时分秒
写项目过程中,前台页面时间的时间格式是年月日时分秒,想去掉时分秒把时间的格式改为年月日。时间的格式是字符串格式,不是Date格式,是字符串格式采用下面的方法可以更改日期字符串的时间格式:var date = "2018-08-16 00:00:00";var newDate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(date)newDate="2018-08-16"...原创 2019-06-18 21:05:31 · 7448 阅读 · 2 评论 -
LayUi前端框架用法讲解--Table数据表格的新增和列表查询功能
最后一篇LayUi前端框架的介绍视频,介绍Table数据表格的新增和列表查询功能效果图:先放一下全部的代码,然后在解析一下新增和列表查询:<!DOCTYPE html><html><head th:include="common/header::commonHeader"><!-- <meta charset="utf-8">...原创 2019-06-13 21:07:07 · 14045 阅读 · 8 评论 -
LayUi前端框架用法讲解--Table数据表格的查看,编辑和删除操作
上一篇博文讲了如何渲染Table数据表格中的数据,列表有了,接来下实现查看,编辑和删除操作。先看一下查看,编辑和删除操作的效果图:查看:编辑:删除:先放一下全部代码,然后再逐个功能讲解一下:<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head th:include="comm...原创 2019-06-13 15:02:31 · 12519 阅读 · 35 评论 -
LayUi前端框架用法讲解--渲染Table数据表格
LayUi渲染Table数据表格,效果图如下:如图,这是一个LayUi的Table页面, 接下来详细讲解一下,怎么渲染出来Table数据表格的。先放一下完整版的代码,然后慢慢分析:<!DOCTYPE html><html><head th:include="common/header::commonHeader"><!-- <meta...原创 2019-06-12 21:31:27 · 6491 阅读 · 9 评论 -
如何查看网页的编码格式
如何查看网页的编码格式最近在做爬虫的时候,发现部分网页爬出来的数据是乱码(网易新闻)。搞了半天,最后发现网易新闻的编码格式是GBK不是UTF-8。查看网页的编码格式的方法就是:在网页按F12,打开开发者工具,如图:然后在console控制台输入document.charset 然后回车,如图:如图,网易新闻网页的编码为GDK。...原创 2019-05-14 09:02:47 · 27794 阅读 · 2 评论