![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
盼儿哥
讨厌那些做都没做就说不会的人。
展开
-
vue 的render函数中无法渲染element组件库的标签【已解决】
项目环境:vue3 vite js 没有使用ts 组件库:element-plus在render函数中使用element标签,能成功渲染到浏览器中,但并未解析,直接原样输出查到文档:https://www.5axxw.com/questions/content/t204d0 (未能解决)https://www.jb51.net/article/249932.htm(未能解决)完美解决:https://stackoverflow.com/questions/71452398/recommended原创 2022-07-13 17:16:16 · 2009 阅读 · 0 评论 -
TS动态给对象赋值
TS动态给对象赋值原创 2022-06-20 18:56:14 · 4157 阅读 · 0 评论 -
企业付款到零钱微信API请求报错:error:0909006C:PEM routines:get_name:no start line
背景对接企业付款到零钱,微信api请求时需要用到证书(node环境使用pem格式)微信API:【微信支付】付款开发者文档已经用微信的\WXCertUtil工具在本地生成了证书文件问题所在:证书使用方式错误,原本我是使用: // 需要证书 agentOptions: { cert: '../cert.pem', key:'../key.pem' },正确原创 2022-05-05 23:23:34 · 5141 阅读 · 0 评论 -
使用Google云服务器搭建在线vscode
搭建在线IDE Vscode ,访问域名后,输入密码后登录,登录后就像用本地vscode一样啦,需要注意一点是扩展插件官方说无法连接到在线库,但我试过,是可以安装的转载 2021-11-10 10:30:19 · 660 阅读 · 0 评论 -
Google服务器搭建的个人博客
Google服务器搭建的个人博客 , 去看吧,你想要的,我都有(^^)博客地址:一个入坑物联网开发的前端工程师,https://blog.hpanpan.cc/服务器:Google VPS域名申请:https://www.dynadot.com/网站源码:存在Github 地址:GitHub - hanpanapn/MyBlog: GithubPages博客发布原理:利用Github action自动编译后上传服务器 (编译基于Github Pages 中的jekyll)Actio.原创 2021-10-09 00:50:34 · 226 阅读 · 0 评论 -
持续更新 CSDN广告完全过滤、人性化脚本优化: 不用再登录了!让你体验令人惊喜的崭新CSDN
⚡️全新4.0版本!拥有数项独家功能的最强CSDN脚本,不服比一比⚡️|????无需登录CSDN,获得比会员更佳的体验|????自定义背景图,分辨率自适配,分屏不用滚动|????超级预优化|????独家超级免会员|????独家原创文章免登录展开|????独家推荐内容自由开关|????独家免登录复制|????独家防外链重定向|????独家论坛未登录自动展开文章、评论|????全面净化|????沉浸阅读|????净化剪贴板|????作者信息文章顶部展示???? 兼容性CSDNGreener 是一个优化转载 2021-09-29 14:22:48 · 6251 阅读 · 3 评论 -
判断是否有emoj表情
/** * 判断是否有emoj表情 * @param str * @returns {boolean} */const hasEmoj = (str='') => { //表情参考地址:https://www.zfuhao.com/emoji let emoj='????????????????????????????????????????????????????????????????????????????????????????????????????????????原创 2021-06-28 15:56:41 · 213 阅读 · 0 评论 -
VUE 滚动dom判断dom到顶部的距离,加定位
mounted() { window.addEventListener('scroll', this.handleScroll) }, methods: { handleScroll() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop .原创 2021-02-24 11:26:55 · 862 阅读 · 0 评论 -
移动端1px 实现方案
.scale-1px{ position: relative; border:none; }.scale-1px:after{content: '';position: absolute; bottom: 0;background: #000;width: 100%; height: 1px;-webkit-transform: scaleY(0.5);transform: scaleY(0.5); -webkit-t...原创 2020-12-29 18:14:27 · 147 阅读 · 1 评论 -
HTMLElement is not defined in start app(因为是模板BUG)
https://github.com/nuxt/nuxt.js/issues/5622在慕课网学vue的项目就是全栈开发美团网那个,初始化nuxt项目时总提示:HTMLElement is not defined后台找到是element-ui的模板有bug ,改用低版本的就好了you can use : npm install element-ui@2.0.6...原创 2019-05-30 10:27:15 · 943 阅读 · 0 评论 -
npm i babel-node 报错的解决方法
报错:babel-node@6.5.3 postinstall D:\vue学习\vue-learn\node_modules\babel-node> node message.js; sleep 10; exit 1;internal/modules/cjs/loader.js:584 throw err; ^Error: Cannot find modul...原创 2019-05-15 11:17:00 · 3047 阅读 · 0 评论 -
js实现监听浏览器关闭和刷新事件-检测视频播放时间并提交给后台程序
监听浏览器关闭事件,实现在刷新时或者浏览器关闭前我们可以写一些业务逻辑需求1:H5游戏,在用户切换了标签页,(游戏界面处于非当前页面)暂停游戏需求2:在线教学视频,在用户切换了标签页或者关闭浏览器后,暂停视频播放,并及时记录观看时间,发送到后台程序实现:主要是利用两个API:document.onvisibilitychange 和window.onbeforeunload...原创 2019-05-18 23:16:22 · 7549 阅读 · 0 评论 -
layer关闭特定某一个窗口
$("#btn_close").click(function () { var $t = parent.$(".layui-layer-title"); $t.each(function (k,c) { if ($(c).html() == "导入书签") { var as =...原创 2019-04-17 14:35:00 · 1271 阅读 · 0 评论 -
如何看懂EasyUI的API文档
在刚刚接触EasyUI时,感觉它的操作方式很别扭,看文档看的我“闷闷哒”现在一个项目下来,基本已经没什么问题了,如果有朋友遇见什么问题也可以给我发邮件,我邮箱:hanpanpan@outlook.com ,没错,我是.net忠实粉丝,嘻嘻我使用的版本:jQuery EasyUI 1.5.1easyui有两种用法第一种:用html的方式写,eg:<input class="e...原创 2019-01-06 00:04:38 · 674 阅读 · 0 评论 -
EasyUI DataGrid 高度自适应窗口高度
看有人说用: $("#lineForDataGrid").find(".panel").find(".datagrid-wrap").css("height", vCenterHeight + "px");这方式根本不管用,后来发现直接用datagrid 属性height就行,下面是窗口改变时调整datagrid高度://窗口改变事件 $(window).resize(functio...原创 2018-12-13 15:41:36 · 13823 阅读 · 6 评论 -
easyui combobox 下拉框开启多选,表单赋值时报错
combobox 下拉框开启多选,在编辑是用 $("form").form("load", data.data);报错报错信息:Uncaught TypeError: Cannot read property 'split' of null解决办法:if (data.data.ACCIDENT_ADDRESS) { data.data.ACCIDENT_ADDRESS = da...原创 2018-11-29 15:48:17 · 1028 阅读 · 1 评论 -
JS工具集-获取当前浏览器
给jq扩展:$.browser = function () { var userAgent = navigator.userAgent; var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; if (userAgent.indexO...原创 2018-07-13 13:39:27 · 221 阅读 · 0 评论 -
JS工具集-接受url参数
给jq扩展:$.request = function (name) { var search = location.search.slice(1); var arr = search.split("&"); for (var i = 0; i < arr.length; i++) { var ar = arr[i...原创 2018-07-13 13:37:18 · 204 阅读 · 0 评论 -
图片懒加载资料
1.jQuery图片延迟加载插件jQuery.lazyload参考网站http://www.jq22.com/jquery-info3902.lazysizes – 图片懒加载参考网站 http://top.css88.com/archives/34High performance lazy loader for images (responsi原创 2016-02-15 19:12:41 · 413 阅读 · 0 评论 -
H5做市级地图
var cityMap = { "长沙市": "430100", "株洲市": "430200", "湘潭市": "430300", "衡阳市": "430400", "邵阳市": "430500", "岳阳市": "430600", "常德市": "430700", "张家界市": "430800", "益阳市": "430转载 2016-05-01 23:40:59 · 2129 阅读 · 0 评论 -
上下班的判断(不同季度不同时间段)
上班时间 春季3-4月 8:00-12:00 13:30-17:30 夏季5-9月 8:00-12:00 14:00-18:00 秋季10月 8:00-12:00 13:30-17:30原创 2016-07-04 13:11:22 · 908 阅读 · 0 评论 -
JS随机数
function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); }原创 2016-01-25 12:44:11 · 292 阅读 · 0 评论 -
jQuery可智能判断下啦菜单特效
jQuery可智能判断下啦菜单特效jQuery可智能判断下啦菜单特效*{margin: 0; padding: 0;}body{ font-size: 12px; }li{ list-style: none;}ul.nav li{ width: 200px; text-align:center;}ul.nav > li{ float: left; margin-right原创 2015-10-15 14:28:28 · 473 阅读 · 0 评论 -
jQuery下级菜单
jQuery下级菜单 jQuery下级菜单 * { margin: 0; padding: 0; } body { font-size: 12px; } li { list-style: none; } u原创 2015-10-15 14:23:39 · 525 阅读 · 0 评论 -
jquery自动赋值插件
参考了网上的代码,自己又改进了一下/* * jquery 初始化form插件,传入一个json对象,为form赋值 *此插件要在文本编辑器之前引入 * * * * *link */ (function ($) { $.fn.extend({ initForm: function (options) { //默认参数原创 2017-02-06 14:37:09 · 640 阅读 · 0 评论 -
jquery 获取url参数
$.request = function (name) { var search = location.search.slice(1); var arr = search.split("&"); for (var i = 0; i < arr.length; i++) { var ar = arr[i].split("="); if (ar[原创 2017-02-10 15:53:57 · 201 阅读 · 0 评论 -
jquery 获取当前浏览器
$.browser = function () { var userAgent = navigator.userAgent; var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; if (userAgent.indexOf("Firefo原创 2017-02-10 15:55:47 · 1976 阅读 · 0 评论 -
前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
在现在的Web开发中不可避免的会做一个图片预览的功能,比如在上传图片的情况下,一个很简单的办法就是讲图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这个过程中两次Web请求,一次发送文件,一次下载文件,到最后这个文件如果在客户端被删除(取消上传,弃用这次的上传),这整个过程都白费了。我们希望能够在图片上传之前就能进行图片的预览,这转载 2017-06-27 11:21:46 · 603 阅读 · 0 评论 -
纯CSS打造的Family tree(族谱)
我们使用css中的 :before、:after 两个伪类的content属性来构建元素间的连接线,同时使用了css3实现元素的圆角效果,并加上了鼠标滑上hover效果,这样鼠标滑向族谱中的一个节点元素,与之相关的后辈元素都会有hover效果,完整的css代码如下转载 2017-06-27 11:45:53 · 3278 阅读 · 0 评论 -
循环两列table
本例子是先循环第一列,在循环第二列ret内部: [{ "name": "十八里店", "val": 467.1900},{ "name": "十八里店", "val": 467.1900},{ "name": "十八里店", "val": 467.1900},{ "name": "十八里店", "val": 467.1900},var ret = d原创 2018-02-05 11:26:43 · 848 阅读 · 0 评论 -
封装Highcharts-BI项目图表灵活控制-更新
<div class="tab_box mychart"> <div class="tab_col "> <span> 按类型 </span> <p> <a原创 2018-02-06 11:57:53 · 320 阅读 · 0 评论 -
火车头抓取阿里巴巴内容页
最近在做阿里巴巴的抓取,对于这种大型的网站,简单的按照教程的标签前后截取,很难以应用这种复杂的样式,因为对于阿里和淘宝这种网站,内容页的样式是用户自己定义的,所以说前后截取已经不再试用。 在网上参考了很多这方面的,真可谓可以利用的信息甚少。在火车头论坛上逛了一下,看见大家对于这种网站的抓取,都先用抓包软件分析网站的请求,抓取内容页真正的数据请求部分。 (httpanalyzer/http...转载 2018-03-12 09:54:43 · 1539 阅读 · 0 评论 -
JSONP跨域请求数据报错 “Unexpected token :”的解决办法
$.ajax({ type:"get", url:"http://www.abc.com/json.php", dataType:"jsonp", jsonp:"callback", jsonpCallback:"success_jsonpCallback", success:...原创 2018-05-09 17:31:56 · 1310 阅读 · 0 评论 -
JS工具集-表单自动赋值
$.fn.formSerialize = function (formdate) { var element = $(this); if (!!formdate) { for (var key in formdate) { var $id = element.find('#' + key); var value = $...原创 2018-07-08 17:26:31 · 1625 阅读 · 1 评论 -
jQuery jDirk 功能扩展API
jQuery jDirk 功能扩展该部分扩展由文件 jquery.jdirk.js 实现。扩展概述该扩展依赖于 jquery 基础库,提供了多组工具类方法,并扩充了 JavaScript 基础数据类型的很多方法; 基于此扩展,您可以便捷的完成很多复杂的对数据格式或者对浏览器的操作。依赖项jquery 1.9.x/2.x later用法首先在您的项目页面引入 jquery ...转载 2018-07-18 13:49:26 · 1923 阅读 · 0 评论 -
Highcharts 中给图例加百分比
$('#chart').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false, type: 'pie',原创 2016-01-26 14:58:01 · 7897 阅读 · 0 评论