Web-极四维博客

layui自带控件图标出现方格不显示解决方法

　　首先我猜是拦截器原因，经排查一切正常，直到看到前端报错：Failed to decode downloaded font: http://localhost/layui/font/iconfont.woff?v=250才让我恍然大悟。　　先对该url进行访问，可以访问但下载的内容为空，于是在前端文件夹中看woff等图标文件，发现原来这些文件内容均为空，遂从layui官网重新下载layui源码，将图标文件替换即可。

2020/10/19 20:59 405 0

Prettify代码高亮

Prettify代码高亮所需css(放网站head中)<style type=text/css>.prettyprint,pre.prettyprint{white-space:pre-wrap;word-wrap:break-word;background-color:#444;border:1px solid #272822;overflow:hidden;padding:0;margin:20px 0;font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;color:#666}.prettyprint.linenums,pre.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741;-moz-box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741;box-shadow:inset 40px 0 0 #39382e,inset 41px 0 0 #464741}.prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 33px;padding:5px 10px}.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{color:#bebec5;line-height:20px;margin-left:0;list-style:decimal}.prettyprint ol.linenums{margin-bottom:0;background-color:#272822}.prettyprint .com{color:#93a1a1}.prettyprint .lit{color:#ae81ff}.prettyprint .clo,.prettyprint .opn,.prettyprint .pun{color:#f8f8f2}.prettyprint .fun{color:#dc322f}.prettyprint .atv,.prettyprint .str{color:#e6db74}.prettyprint .kwd,.prettyprint .tag{color:#f92659}.prettyprint .atn,.prettyprint .dec,.prettyprint .typ,.prettyprint .var{color:#a6e22e}.prettyprint .pln{color:#66d9ef} </style>或单独写在css文件中，本站引用<link rel="stylesheet" type="text/css" href="/zb_users/plugin/FY_Prettify/prettify.css" />上述css本主题下代码上下有20px留白，遂可将上述margin:20px 0改为0px本站引用的js<script src=/zb_users/plugin/FY_Prettify/prettify.js type=text/javascript></script>调用/*初始化prettyPrint 这里我直接置于本站prettify.js末尾的*/$(window).on('load',function(){ jQuery("pre").addClass("prettyprint"); prettyPrint();})jQuery("pre").attr("class","fy-prettyprint linenums");

2020/10/02 19:52 498 0

前端js页面加载完成时间ready与onload区别执行顺序

ready()执行时机：等待页面Dom树加载完成后，就开始执行。在js文件中可以出现多个ready（），并且按照顺序执行。document.ready = function(){};//jq写法$(document).ready(function () {});//更精简$(function(){});onload()执行时机：等待页面中的所有资源（包括图片、视频等资源）都加载完成后，才会执行。而且在js中文件中只有一个onload事件。window.onload = function(){};//JQ写法$(window).load(function(){})标签上静态绑定onload事件<body onload="test()">等待body加载完成，就会执行test()方法。执行顺序ready->onload->标签绑定onload。因此同一个页面中ready要先执行，在动态页面加载后需触发模拟点击事件的话建议使用第一种onload，即资源全部加载完进行模拟点击。模拟点击$('#firstpage').trigger("click");//或使用原生var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); document.getElementById("firstpage").dispatchEvent(e);

2020/09/30 13:20 544 0

JavaScript prototype用法示例

prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value控制台直接输入Number.prototype可打印出Number的所有属性，若需要获得某个对象属性这是个不错的选择。示例：<script> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var bill=new employee("Bill Gates","Engineer",1985); // prototype 属性使您有能力向对象添加属性和方法。 employee.prototype.salary=null; bill.age=18; bill.salary=20000; bill['like']='playGame'; document.write(bill.salary); document.write("<br>"+bill.age); document.write("<br>"+bill.like); // 也可给自带对象添加属性 String.prototype.addEndStr=function(d){ return this+'?'+d; }; // 输出“你好么?世界” alert("你好么".addEndStr("世界"));</script>

2020/07/16 20:28 510 0

layui开源后台管理系统模板集锦

LayUI官方LayAdmin是付费软件：https://www.layui.com/admin/因此在这里简单介绍几款免费开源的基于layui的后台管理系统：很赞后台 http://ok-admin.xlbweb.cn/LayuiMini http://layuimini.99php.cn/X-admin http://x.xuebingsi.com/WeAdmin https://lovetime.gitee.io/weadmin/index.html https://lovetime.gitee.io/weadmin/index.html EasyAdmin(付费) https://demo.easyweb.vip/iframe/

2020/06/19 19:58 596 0

三个超实用的移动端触摸滑动js插件

主要有详细文档介绍的还是swiper官网：https://www.swiper.com.cn/其他参考：https://www.25xt.com/html5css3/10868.html

2020/06/11 15:54 457 0

ajax中dataType和contentType的区别

contentType: 告诉服务器，我要发什么类型的数据dataType：告诉服务器，我要想什么类型的数据，如果没有指定，那么会自动推断是返回 XML，还是JSON，还是script，还是String。

2020/06/10 17:00 407 0

LayUI表单自定义验证/校验

https://www.layui.com/doc/modules/form.html#verify

2020/06/10 15:16 503 0

几款不错的开源HTML可视化布局项目

https://github.com/alibaba-fusion/coolhttps://github.com/0123cf/auto-layouthttps://github.com/ascoders/gaea-editor其他生成工具可参考之前文章

2020/06/02 10:52 483 0

一段代码实现Aplayer+网易云音乐接口

将其嵌入HTML中即可<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script><meting-js id="2614827308"//网易的上https://music.163.com/登陆自己的号找一个喜欢的歌单，复制地址栏上面的ID就可以啦！！！ lrc-type="0" server="netease"//qq音乐或者其他上面有账号的小伙伴可以参考https://github.com/metowolf/MetingJS哦！！！ order="list"//这里是歌单加载的排列顺序，list:按照原歌单排列；random：打乱顺序排列 type="playlist" fixed="true" list-olded="true"></meting-js>其他的参数请参考https://github.com/metowolf/MetingJS 离线JS下载：https://lanzoux.com/icaeuxe

2020/05/05 17:51 453 1