Javascript
李维山
后端架构师
展开
-
Web网站性能优化的一些建议
1、浏览器访问优化1.1 减少http请求 主要手段是合并CSS、合并JS、合并图片,可以将浏览器一次访问的所需的JS、CSS合并成一个文件,多图可以合并为一张,可通过CSS偏移响应设置不同图片对应的超链接。1.2 浏览器缓存静态资源 可以将CSS、JS、图标等静态资源缓存到浏览器,通过设置http头中 Cache-Control 和 Expires 属性,需要更新时可以把原文件重命名引用。1.3 开启压缩 HTML、CSS、JS文件启用gzip压缩,通...原创 2021-01-17 13:36:28 · 457 阅读 · 0 评论 -
js简单代码分享到QQ空间、新浪微博
分享到QQ空间:function qqkj(title){ var p = { url:location.href, showcount:'1',/*是否显示分享总数,显示:'1',不显示:'0' */ desc:'这个网站不错分享一下',/*默认分享理由(可选)*/ summary:'xx网',/*分享摘要(...原创 2018-07-05 19:30:26 · 2192 阅读 · 0 评论 -
火狐浏览器事件报错:event is not defined,原因及解决办法
事情是这样的,昨天前端小姐姐写了一个点击加入购物车,商品图就飞入购物车的超炫效果,做好了我拿过来套,结果整合代码的时候发现,放到我自定义的js函数体里面竟然报错“event is not defined”,用的是火狐浏览器,Firebug显示如下:关于event事件上网学习了一下:【W3scholl】HTML DOM Event 对象【简书】事件Event详解首先要确定的是,要...原创 2018-07-25 15:18:22 · 6663 阅读 · 4 评论 -
百度编辑器(UEditor)结合highlight.js实现代码高亮显示
之前开发自己的个人博客,苦苦寻找使代码高亮的方法,因为公司项目百度编辑器用的比较多,也就没去折腾研究其他的编辑器,使百度编辑器代码高亮的方法网上一搜一大片,基本上全是在页面里引入下面这些:<script type="text/javascript" src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore...原创 2018-07-15 00:18:19 · 10625 阅读 · 9 评论 -
内嵌式js微信扫码登录及自定义样式
关于微信扫码登录网站的功能介绍,请阅读官方文档【网站应用微信登录开发指南】根据官方文档我们知道微信扫码登录有两种方式一种是跳转到一个大黑屏二维码界面进行扫码登录:(参见博客:PHP实现跳转式微信扫码登录网站 )另外一种是把二维码内嵌到页面中,这样可以自定义一些样式,例如二维码的大小、是否有标题等,默认效果如下:(官方文档说的挺好,JS微信登录主要用途:网站希望用户在网站内就...原创 2018-07-26 19:26:44 · 17456 阅读 · 6 评论 -
绑定点击事件调用百度微信分享
百度的微信分享,默认是下面这样,点击微信图标生成二维码:由于业务需要,现在要把微信分享按钮隐藏掉,通过给按钮绑定点击事件,触发生成二维码。原理:获取按钮元素,然后绑定在新窗口打开的点击事件,如下图:js代码如下:function showwx(){ var el = document.getElementById('wx_share'); el.targe...原创 2018-09-21 17:06:03 · 1592 阅读 · 0 评论 -
百度微信分享底部文字超出,setTimeout延时操作修改样式
遇到样式问题:百度分享的微信分享底部文字“打开微信,点击底部的“发现”,使用“扫一扫”即可将网页分享至朋友圈“超出,如下图: 查看页面元素,需要设置.bd_weixin_popup .bd_weixin_popup_foot的行高,但是无论在页面中写css样式,还是在调用分享生成二维码后通过js修改样式都不行,原因是二维码还没加载出来。解决方法:通过js的setTimeout()方...原创 2018-09-21 17:35:43 · 765 阅读 · 0 评论 -
scrollIntoView实现h5聊天内容向上滚动
写一个毫不考虑样式的例子:<!DOCTYPE html><html><head><title>chat</title><script src="./jquery-2.0.0.min.js"></script></head><style原创 2018-11-28 10:53:15 · 1634 阅读 · 0 评论 -
js分享到微信朋友圈、QQ空间、QQ好友、新浪微博、腾讯微博、豆瓣、人人......
各种分享......<!DOCTYPE html><html><head><title>share</title><script src="https://www.oyhdo.com/static/home/js/jquery-2.0.0.min.js"></script>&am原创 2018-12-12 11:46:18 · 12304 阅读 · 0 评论