前端
关注
分享
扫一扫
君を見つけて
这个作者很懒，什么都没留下…
展开
-
解决bootstarp模态框配合ajax异步传输后消失的问题。
本人使用bootstarp模态框+beetl的ajax异步组件实现一个功能，具体是点击按钮弹出一个弹出框，然后填好表格再单击按钮提交。但是有个问题困扰了很久，就是当提交数据给后端，并后端成功返回数据后，模态框会消失。解决方法就是在ajax异步请求的回调函数里头设置一个模态框独有的事件来再次将模态框显示出来。格式：$('#模态框id，默认为myModal').modal('show');例子：<div id="crawlertest"><%#ajax crawlerInfo原创 2020-12-10 21:08:31 · 369 阅读 · 0 评论 -
PHP防止单引号‘‘和双引号““被转义为斜杠的解决方案
问题背景:本人使用某企业CMS的PHP源码,PHP版本为5.3,基于宝塔面板来一键安装的.该企业CMS源码其中有采集功能,而采集功能需要根据html标签和属性等等作为标识符,而html中属性就以双引号作为属性值的标识符.问题就在于,本人点击了保存采集规则后开始采集,发现采集失败重新打开之前保存了的采集规则的设置页面,发现采集规则中的双引号被转义为斜杠,故而导致采集器无法匹配到指定内容.原因:起初,我以为是设置问题,或者是源码本身有问题,因此依照这个推断进行了修改,但无一例外,双引号都会被自动转原创 2020-10-23 02:28:32 · 2568 阅读 · 0 评论 -
解决beetl在Cloud微服务消费者中出现‘未注册的格式化函数(FORMAT_NOT_FOUND):yyyy-MM-dd HH:mm‘之错误
背景：beetl是前端的一个框架,在近期我要将一个需求进行前后端分离,这里我使用cloud来进行.分别为消费者和提供者,但是遇到一个问题,那就是消费者这一边在请求提供者并接收到了参数后,我通过beetl的request数据共享给前端的话,会发现页面通过${datevariable,“yyyy-MM-dd HH:mm”}进行格式化时,会报错.原因：起初我以为是beetl哪里出错了,但是实在找不出来.于是我把提供者和消费者的数据对象分别用system.out.println()来输出,发现了不同之处.原创 2020-10-08 14:15:29 · 610 阅读 · 1 评论 -
Beetl+BeetlSQL整合SpringBoot的Demo源码和步骤
链接: https://pan.baidu.com/s/1reHZKSvVq7oaKSdl4UvN0w 提取码: 9jvi原创 2020-09-26 14:51:56 · 1381 阅读 · 0 评论 -
两个html中,Table表格跨列布局排版的代码示例.
Table表格跨列排版布局主要是实现项目中的一个前端布局需求.因为需求是有三个列,每个列下面要有两个行数据.问了张技术大佬,说是需要跨行(用到rowspan属性)来实现,无奈对html的表格实在转不过弯.最终给出一个代码示例,我照着代码示例解决了.需求最终效果如下:张大佬给出的代码示例如下:<table border="8"> <tr> <td>首饰</td> <td>首饰</td> <t原创 2020-09-24 14:00:13 · 672 阅读 · 0 评论 -
beetl Ajax异步请求示例
参考:官方介绍整合Ajax异步请求(局部渲染)教程html文件代码示例(html文件名为:findPageOfBeetl.html):<!DOCTYPE html><html><head><title>Insert title here</title> <!-- 移动设备优先，确保适当的绘制和触屏缩放 --> <meta name="viewport" content="width=device-w原创 2020-09-24 00:48:48 · 404 阅读 · 0 评论 -
前端nodejs组件 webpack
概念Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包从图中我们可以看出，Webpack 可以将js、css、png等多种静态资源 进行打包，使用webpack有什么好处呢？1、模块化开发程序员在开发时可以分模块创建不同的js、 css等小文件方便开发，最后使用webpack将这些小文件打包成一个文件，减少了http的请求次数。webpack可以实现按需打包，为了避免出现打包文件过大可以打包成多个文件。2、 编译typescript、ES6等原创 2020-08-13 18:04:16 · 445 阅读 · 0 评论 -
总结59 FreeMarker 前端页面静态化
Freemarker介绍FreeMarker 是一个用 Java 语言编写的模板引擎，它基于模板来生成文本输出。FreeMarker与 Web 容器无关，即在 Web 运行时，它并不知道 Servlet 或 HTTP。它不仅可以用作表现层的实现技术，而且还可以用于生成 XML，JSP 或 Java 等。模板模板文件中有四种元素：1、文本，直接输出的部分2、注释，即<#–…-->格式不会输出3、插值（Interpolation）：即${…}部分,将使用数据模型中的部分替代输出4原创 2020-07-21 00:08:59 · 422 阅读 · 0 评论 -
总结58 前端设计之基于Vue的ElementUI插件应用
概念ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。通俗来说,ElementUI不仅和BootStrap一样可以美化界面,它还能实现复杂的业务逻辑.应用ElementUI官网文档:https://element.eleme.cn/#/zh-CN/component/installation链接: h...原创 2020-04-17 01:04:22 · 606 阅读 · 0 评论 -
总结54 Vue中的异步请求插件<axios>应用
概述我之前说过,目前的开发项目中,vue的异步请求技术逐渐取代了jquery的异步请求技术而vue的异步请求技术是基于一个插件实现的,名字叫做axiosaxios中的异步请求语法分为config格式语法和简单格式语法.这其实跟jquery的异步请求语法分类有点像.这两种异步请求语法他们在实际的应用中,并无区别.准备一:下载并导入axios插件导入不用我说了吧?就直接附上axios的js...原创 2020-04-09 03:21:30 · 458 阅读 · 0 评论 -
总结53 前端设计之Vue的概念与应用
概念VUE最大的优势就是 页面能和js的变量进行绑定这样做的好处是:省去了dom的元素操作.直接把后台传来的数据用在页面上.也就是说:不需要绑定事件,不需要手动触发,就能更新HTML页面而且,vue在异步请求方面也非常方便,在如今的前端开发中,vue的异步请求技术已经取代了jquery的Ajax异步请求技术.准备:导入vue插件vue插件是基于javascript的,因此我们的导入方...原创 2020-04-07 03:09:48 · 366 阅读 · 0 评论 -
总结51 NodeJs的概念与应用
NodeJS概念Node.js是一个运行代码和处理web请求的平台。其内置了chrome浏览器的v8引擎.Node.js相当于Java中的JDK和Tomcat的结合体.NodeJs安装双击 node-v10.15.3-x64.msi 安装文件NodeJs创建通过nodejs运行js文件一.右键单击你要运行的js文件,选择Open in Terminal二.输入nod...原创 2020-04-06 02:22:48 · 261 阅读 · 0 评论 -
总结38 Ajax WEB异步技术和JSON的应用
前言叙述此前我们学习过el表达式,jsp,jstl.但这些技术因为效率不够高(并非指开发效率,而是网页加载效率)被弃用.在今后的WEB前端开发中,多数使用JS以及它的JQuery技术来进行开发.Ajax异步技术概念所谓异步技术,就相当于WEB中的多线程.在WEB中,异步是基于AJAX技术实现的.异步技术的好处:无需重新加载整个网页的情况下，能够更新部分网页的技术注意:1.Aja...原创 2020-03-06 01:13:42 · 680 阅读 · 0 评论 -
总结37 前端之高级JQuery
动画效果所谓动画效果,就是能将网页中的标签以淡入淡出等形式显现或隐藏.参数和方式动画效果的显示有三种方式,分为:1.默认方式 2.滑动方式 3.淡入淡出方式有三个参数:参数一 设置动画显示/隐藏/切换速度可以以毫秒值或字符串设置速度,这里省略字符串,直接以毫秒值设置速度.参数二 设置动画切换效果(可省略)1.swing(默认) 动画执行时效果是 先慢，中间快，最后又慢2.lin...原创 2020-03-04 03:03:37 · 276 阅读 · 0 评论 -
总结36 前端之JQuery
概念JQuery实现的功能,和JS所实现的功能是一摸一样的,因为JQuery就是封装了js代码.区别只是语法不同.导入目前jQuery有三个大版本：1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新...原创 2020-03-03 01:50:27 · 432 阅读 · 0 评论 -
javascript void的用途
javascript:void(0)的用途点击一个链接点击后,页面上不做任何事情,多用于绑定响应事件 如:通过js代码,为其绑定’submit(提交表单事件)’而且,往往不定义该代码,还可能完成不了所绑定的’submit’事件.参考:https://zhidao.baidu.com/question/2202019854738731028.html示例代码: <scrip...原创 2020-02-27 00:14:12 · 962 阅读 · 0 评论 -
总结33 MVC开发理念以及EL表达式的概念与应用
MVC的概念MVC不是一种应用,而是一种开发理念许多大公司都不允许JSP文件中存在JS代码,和Java代码(也就是JSP的:<% %>),因为这将使得前端和后端都合为一体,开发虽然方便,但是修改的话将会很难处理,阅读性会很差.这不仅仅是阅读性的问题,当前端工作人员处理前端页面时,也会非常困扰,因为他们很可能仅仅只懂得前端代码因此,催生出了MVC这种理念,前端页面可以允许少量的后...原创 2020-02-24 02:31:47 · 340 阅读 · 0 评论 -
总结32 JSP与JSTL的概念与应用
aaa原创 2020-02-21 18:25:56 · 408 阅读 · 0 评论 -
总结27 XML的应用
概念Extensible Markup Language 可扩展标记语言可扩展：标签都是自定义的。 意思就是说,无论是自闭标签还是围堵标签,名字可以自定义.XML的应用一. 当作配置文件虽然JSON也同样有配置文件的功能,但是还不能取代XML,因此XML目前的主要作用是存储配置文件.二.在网络中传输JSON已经可以替代XML的网络传输功能,在使用传输时,优先使用JSON替代.何谓传...原创 2020-02-10 23:18:50 · 410 阅读 · 0 评论 -
总结26 前端之BootStrap框架
BootStrap框架简介一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。特性二 美化封装插件(拿来用系列)BootStrap将CSS,JS,HTML等代码封装起来,仅仅只需要一点代码就能做到需要好几行CSS,JS,HTML代码才能实现的美化...原创 2020-02-08 22:24:34 · 403 阅读 · 0 评论 -
总结25 前端之高级JavaScript第二部分
JS中,对象间大致的继承关系.不多解释了,此图中 Node为createAttribute,createComment,createElement,createTextNode,Element(getElement对象实例化)这五个对象的间接父类对象.而Document为其直接的子类对象.将标签对象实例化的多种方式此前我们提到过,通过document.getElementById()的方...原创 2020-02-08 01:52:00 · 460 阅读 · 0 评论 -
总结24 前端之高级JavaScript
DOM 基本性应用标签对象意义在JS中,将HTML或CSS的标签转为对象,然后通过该对象去更改或使用,其对应标签的属性或内容.创建与应用标签对象步骤一 在标签中定义ID,用于指向格式:标签名< id=""自定义ID名>列如:<font id="fontbiaoqian" color="orange" size="20">我爱中国</font>步...原创 2020-02-07 01:11:07 · 264 阅读 · 0 评论 -
解决某网站无法调试的问题(function anonymous( ) { debugger })
试图对某网站进行调试,但是一旦打开调试工具,就会弹出(function anonymous( ) { debugger })此时网页无法进行操作.后来我百度了下文章https://segmentfault.com/a/1190000012359015?utm_source=tag-newest 讲到,要用到断点,可是文章里头提到的什么’function’的语法还是不太理解.后来我在该网站...原创 2020-02-05 03:45:09 · 27295 阅读 · 11 评论 -
网页中,M3U8格式的视频下载
应用背景:1.想要下载某网站的视频,经过抓包,获取不到.mp4这样的链接.但是惊奇地发现,使用检查功能,将实时光标移动到播放器有这样以blob:http://格式开头的链接百度下发现,这个属于加密的一种,目的是为了加密视频文件的真实链接.而得知这样的加密措施背后,其视频资源多以m3u8文件将视频的真实地址进行封装(一些在线直播源也以m3u8为格式),m3u8文件中则有多个.ts格式的视...原创 2020-02-05 01:36:46 · 18890 阅读 · 0 评论 -
总结23 前端之JavaScript
和HTML的结合方式JavaScript和HTML有两种结合方式注意:1.JavaScrpit与HTML结合时,不管是内部结合还是外部结合,都离不开’script’围堵式标签.2.可以在HTML的任意位置中用’script’围堵标签进行结合.哪怕写在html文件的第一行也是可以的.3.javaScript是存在’执行流程’这一概念的.也就是说,javaScript代码在html中到底何时执...原创 2020-02-04 12:53:16 · 476 阅读 · 0 评论 -
修改NodeJs项目的IP地址和端口
修改项目下config目录下的index.js的文件.参考网上看到的解决方案：https://segmentfault.com/q/1010000012132756?sort=created修改处为:// Various Dev Server settingshost: ‘192.168.0.100’, // can be overwritten by process.env.HOSTp...原创 2020-01-18 23:51:13 · 11973 阅读 · 1 评论 -
总结22 前端之CSS
CSS概念CSS是前端网页开发语言的一种,它能够在html语言的基础之上,将自身的属性应用到指定的html代码中.这样就不需要对html进行一个一个的美工.只需将需要进行美工处理的html语言放置到div内部就行,而div内部的html立马就会被该div选择器定义的属性进行美工处理.因此,html可以跟css进行分离,这也意味着能够大大提高开发效率CSS应用到HTML的三种方式CSS如...原创 2020-01-15 20:34:41 · 130 阅读 · 0 评论 -
总结21前端知识 之 HTML
标签的概念标签可以理解为Html中的语法,它的作用是实现网页中的一些功能.标签分为’围堵标签’和’自闭’标签.1.围堵标签HTML中,绝大多数标签都需要一个[开头标签]和[结尾标签],类似于Java中的’{‘和’}'把代码写入某个标签的开头和结尾段之内,表示的是该段代码应用于该标签.这种标签格式称之为’围堵标签’格式:<标签名> </标签名>2.自闭标签自闭...原创 2020-01-14 20:05:09 · 830 阅读 · 0 评论