前端开发
打造完整前端知识框架,提升工程化编码能力和思维能力。
hxthon
博观而约取 厚积而薄发
展开
-
小小经验分享-前端
let scrollHeight = $('html,body').prop("scrollHeight"); $('html,body').animate({scrollTop:scrollHeight}, 400);原创 2020-05-28 14:56:43 · 144 阅读 · 0 评论 -
Js获取并解析input中的xml并提取CDATA文档
说明xml文件是一个本地的文档,需要使用input框选择该文件,并使用js对文件做进一步的处理,才能提交给后台。处理的内容包含xml的CDATA的内容,有关CDATA的解释,上一篇使用php处理的时候,已经做过讲解,如有需要可以翻看之前的文档。读取文档使用js读取input中的文件内容<form action=""> <div>xml文件:<inpu...原创 2020-04-28 21:44:20 · 1007 阅读 · 0 评论 -
Js读取input框的xml文件并由jq解析
说明我文件是cnblogs文章备份导出的xml文件,目的我是想获取导出的xml的每篇文章的信息。读取文件html文件部分<div>xml文件:<input type="file" name="xml" id="xml"></div><br><div><input type="button" id="submit" val...原创 2020-04-28 15:37:28 · 486 阅读 · 0 评论 -
使用js正则匹配和替换淘口令边界
淘口令是自己生生成的,会有类似于这样的淘口令'(sI3d1P2ZcLb)','¥OHs21P2ZYu7¥'。目的是想把各种边界都统一成¥边界匹配第一个let str = '(sI3d1P2ZcLb)'.match(/[^0-9a-zA-Z]/);^表示取反,这里正则的意思就是说,排除0到9的数字、a到z的字母和A到Z的字母。这里只是匹配到一个,结果如下["(", index: 0, ...原创 2020-04-17 22:36:52 · 1735 阅读 · 0 评论 -
js如何判断mac系统还是windows系统
/** * 是否为mac系统(包含iphone手机) * */window.isMac = /macintosh|mac os x/i.test(navigator.userAgent);/** * 是否为windows系统 * */window.isWindows = /windows|win32/i.test(navigator.userAgent);...原创 2020-04-12 00:27:14 · 1577 阅读 · 0 评论 -
pjax刷新后如何处理绑定事件失效
在新页面中重新初始化插件/工具pjax的特点是它不会刷新页面即可获取并插入新内容。但是,如果其他jQuery插件(或库)为页面内容绑定了加载事件(如DOMContentLoaded),那么这些事件是无效的。 比较常用的一种做法是,在更新的页面内容范围内,重新初始化插件。$(document).on('ready pjax:end', function(event) { $(event.tar...原创 2020-04-09 16:49:08 · 747 阅读 · 0 评论 -
php后端返回pdf流文件 前端接收和保存
文章:后端提供了php脚本文件,返回一个pdf流文件。前端前端去访问这个文件,可以直接读取流,并下载。windows系统和MAC系统都是正常可以下载原创 2020-04-09 09:04:48 · 2106 阅读 · 2 评论 -
vue-js的常用两种缩写方式
缩写v- 前缀作为一种视觉提示,用来识别模板中 Vue 特定的特性。当你在使用 Vue.js 为现有标签添加动态行为 (dynamic behavior) 时,v- 前缀很有帮助,然而,对于一些频繁用到的指令来说,就会感到使用繁琐。同时,在构建由 Vue 管理所有模板的单页面应用程序 (SPA - single page application) 时,v- 前缀也变得没那么重要了。因此,Vue ...原创 2020-04-08 20:49:16 · 302 阅读 · 0 评论 -
jQuery楼层滚动条
这是我在jq22上发布的第一个插件,当时确实没有注意页面美观布局这些的。但是功能还都不错。插件描述:用于商城主页的多层项目的楼层显示,以及滑动效果,界面有点难看,但是功能OK且注释全。界面比较清晰,按照给定的接口修改数据内容,可以自己修改样式效果。这里附上自己的插件地址:jQuery滚动条楼层(原创)...原创 2020-04-08 20:48:42 · 98 阅读 · 0 评论 -
html元素转为canvas并一键保存png图片
插件描述:使用html2canvas.js,canvas2image.js和base64.js,配合生成canvasid为content的为需要保存的canvas的范围,点击Save保存成图品,点击Download,下载图片,生成的canvas的id为image。需要更改下载图片的名字的话,只需要在saveFile函数里,修改第二个参数就行了。这里附上插件地址:html元素转为canvas...原创 2020-04-08 20:48:00 · 410 阅读 · 0 评论 -
实现html页面如何不缓存js
很多朋友都会碰到这样的情况:如果我们页面加载了js的话下次打开时也会是调用这个js缓存文件,但是如果某些文件是存在实时变化的量的时候,或者我们调试的时候,就很不方便。不缓存JS的方法其实挺简单,下面给出代码。原理就是可以给页面后面设定个不同的值,让页面保持没错访问的不同即可达到不缓存的目的了!下面是个简单的示例:代码如下:<script> document.write...原创 2020-04-08 20:46:53 · 658 阅读 · 0 评论 -
前端静态资源库推荐
前端静态资源库1、Bootstrap中文网开源项目免费 CDN 服务(免费)http://www.bootcdn.cn/2、jq22的资源库https://www.jq22.com/jquery/jquery.html3、百度资源库已经暂停其他的好的资源库,还请大家举荐...原创 2020-04-08 20:46:17 · 504 阅读 · 0 评论 -
前端调用覆盖页面跳转的操作
代码:function cover_visit(url){ // 判断有没有分享,分享后逻辑执行 var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : n...原创 2020-04-08 20:45:54 · 662 阅读 · 1 评论 -
静态页面姓名搜索-搜索高亮-自动滚动-包含手机端和pc端
这是是我在jq22上发布的一个插件,插件描述:静态页面姓名搜索功能,对搜索到的姓名显示高亮,同时自动滚动到指定的位置,包含手机端和pc端两个页面。在搜索姓名框输入姓名信息,可以是某个关键字,如"张",然后点击搜索或者按下回车,即可执行搜索。程序会一次性的匹配全部的符合的搜索,用红色的边框线标示。当按下回车或者继续搜索的时候,可以对下一个符合的结果进行红色背景的标出,用于区分。这里附上插件的...原创 2020-04-08 20:45:15 · 260 阅读 · 0 评论 -
基于vue-js的两款前端框架
###Element Ui 基于vue pc端的UI框架网址:https://element.eleme.cn/#/zh-CNMintUi 基于vue 移动端的ui框架网址:https://mint-ui.github.io/#!/zh-cn可参考下面的网址https://cloud.tencent.com/developer/section/1489961...原创 2020-04-08 20:44:42 · 251 阅读 · 0 评论