前端开发2023年05月27日
利用编辑器处理完成后生成的HTML代码需要放在前端显示，而且格式和样式能与编辑器显示的保持一致才是应用的关键。本文主要讲TinyMCE生成的HTML内容在前端如何实现代码高亮，最主要实现代码高亮插件是prism.js的引用，及工具条的复制功能。这个示例里面包含了JS文件及代码高亮的样式css文件，在我分享的代码里还多放了几种样式，可以自己调用，从九品源码分享...
前端开发2023年05月27日
chm文件转html 的简单方法 chm文件是用系统自带的hh.exe来进行浏览的，它有一个命令可以将chm转换为html。hh命令如下： 打开CMD窗口，运行以下命令即可，再去目录查看一下，瞬即就导出成功了。 h -decompile [html保存路径] [chm文件] 例如： hh -decompile D:\mdaima\ D:\九品源码.chm ...
前端开发2023年05月26日
Google AdSense是广告收入的来源，但由于特殊原因造成广告JS脚本加载缓慢，严重影响网站加载速度让体验感受变得很垃圾。 解决方案分为两步： 1、Google AdSense 代码精简 首先要精简优化 Google AdSense 谷歌广告的JS代码，官方给的 Google AdSense 广告代码单元的时候每创建一个广告位都会是以下这样： <...
前端开发2023年05月26日
triggerSave 语法： tinyMCE.triggerSave([skip_cleanup]); 描述：进行清除操作，并将编辑器内容移回到表单域中。tinyMCE通过向表单提交方法中增加触发器来自动调用此函数。 参数：[skip_cleanup] - 禁用保存触发器的清除功能，默认为false。(可选) 返回： 无 updateContent 语法：...
前端开发2023年05月26日
时间久了，看腻了九品源码banner轮播图的切换效果，想换一种更加简单干净的效果，就想到了利用JQ来实现淡入淡出的切换效果，虽然少了一些动态效果却增强了动与静的结合，看上去清新简洁让人很舒服。顺便将实现的JQ+DIV的代码也分享一下，实际效果与九品源码的banner轮播切换的效果是一致的。 HTML页面中DIV图层及图片的结构： <div class=...
前端开发2023年05月25日
jquery删除元素本身可分成两种情况： 删除元素本身及其里面的内容（文本和子节点） 只删除元素本身，保留子节点 情况1、使用 remove( ) 方法 使用 remove( ) 方法来将某个元素及其内部的所有内容删除。 <!DOCTYPE html> <html> <head> <meta charset="utf...
前端开发2023年05月25日
前端web上传文件时，需要在上传之前判断一下文件的类型以及文件的大小，HTML为前端的标记语言是无法做到这一点，只能使用javascript 动态脚本代码来实现。 js获取上传文件大小的方法 示例代码： <!--表单数据--> <form name="form1" id="form1"> <input type="file" i...
前端开发2023年05月25日
利用JQ实现PDF文档的在线预览，不再依靠浏览器新窗口中预览了。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML xml:lang="en" xmlns=" <HEAD><META content="IE=7.0000" http-e...
前端开发2023年05月24日
最近用Bootstrap的modal弹层做提示，发现在PC端和移动端使用时，弹出的位置距离顶部的距离有差别，有时候分被完全遮挡。经过测试，不同浏览器端获取到scrollTop的值是不同的。 今天分享一个自己的小技巧，采用document.body.scrollTop和document.documentElement.scrollTop分别来获取，他们两个只能...
前端开发2023年05月24日
利用CSS美化，自定义滚动条样式，纯代码分享。flpm_box_danwei 为容器的ID，根据需要自行修改。 <style> #flpm_box_danwei::-webkit-scrollbar,#right_box::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /*高宽分别对应横竖滚动条的尺寸*...