web前端开发技术知识分享_积微成著

所有文章

【原】JS禁止页面右键菜单，并且自定义鼠标右键菜单
WEB前端
在一些场景下，我们并不希望用户点击右键菜单来审查元素，或者说我们想在右键菜单中添加一些我们自己的功能，但是却没有直接的API，那我们就换一种思路，直接禁止浏览器的原生右键鼠标菜单，然后自己重新写一个右键弹出菜单。如下图所示：实现代码：<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...

不忘初心 2019-06-20 围观(2142) 评论(0) 点赞(4) 【WEB前端】
阅读更多
【原】css实现div居中显示，垂直居中、水平居中
WEB前端
除了利用js来实现div的垂直水平居中，还有其他方法吗？如何直接利用css来实现div盒子垂直水平居中？网上有很多种方法，这里只给大家推荐两种最通俗易懂的方案。一、利用边距相互抵消，一正一负<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1....

不忘初心 2019-06-20 围观(515) 评论(0) 点赞(4) 【WEB前端】
阅读更多
【原】如何利用js实现div动态水平垂直居中显示
WEB前端
在一般的弹框组件中，弹出来的alert窗口基本上都在屏幕的正中央，也就是说开发者们用js实现了div的垂直水平居中显示，而且还是动态显示，不管弹出来的框框有多大，只要不超过屏幕宽度，都可以计算出来坐标，从而实现居中效果。话不多说，直接上代码：<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-...

不忘初心 2019-06-20 围观(1561) 评论(0) 点赞(17) 【WEB前端】
阅读更多
【原】百度分享不支持HTTPS的解决方法
WEB前端
今天给博客升级到https之后，发现百度分享的插件用不了了，赶紧咨询了一下度娘，没成想竟然是百度官方自己的锅，百度分享自身不支持https，但是现在网站https已经是大势所趋了，莫非要上演一出鱼和熊掌不可兼得的好戏？真让人头大，不过所幸，对于前端js来说，不管是从哪里加载的，只要浏览器中加载完了，就都可以使用，查询资料时也发现各路大神都是这个思路“从浏览器上将相应的js、css静态文件下载到本地，然后传到自己的服务器上去”，我也不能免俗，也是这么个套路。上图中，红色框起来的文件部分，都是需要下载到本地的，之后将整个static文件夹拷贝到自己的服...

不忘初心 2019-05-29 围观(541) 评论(0) 点赞(2) 【WEB前端】
阅读更多
【原】canvas在mac和2k高清屏下绘图模糊的解决方法
WEB前端
在之前使用canvas绘制网站logo时，发现logo图片会出现模糊的情况，在家里的电脑上看到是模糊的，今天在公司的mac上面看到也是模糊的，但是在公司的外接显示屏上没问题，瞬间反应过来了，家里的电脑也是2k的高清屏，所以这个问题肯定是屏幕分辨率太高导致的。在高清屏下的图，截屏了也会放大，如下图：在普通屏下，就不会缩放：两次截图时的尺寸是一样的，第一张图被放大了一倍（我在使用mac的时候，每次截图时都对此深恶痛绝），这也就是为什么在高清屏中logo会模糊的原因。解决方案：1、使用window.devicePixelRatio找出设备屏幕的缩放比例w...

不忘初心 2019-05-28 围观(1371) 评论(0) 点赞(8) 【WEB前端】
阅读更多
【原】利用canvas来制作网站logo图片
WEB前端
博客一直没有logo，苦于ps技术不咋地，只好利用canvas来简单绘制一个网站logo，非常的实用，如果大家的网站logo不是很复杂，也可以参考一下本教程。之前我的博客logo长这样：看着也还可以，对用户来说是无感的，看一下源码，并不是img标签，而是一个a和span标签组合而成的：投机取巧，终归不是正道。不多啰嗦，直接上代码：<!doctypehtml><html><head><title>test</title></head><bodyonload="draw('c...

不忘初心 2019-05-27 围观(894) 评论(0) 点赞(6) 【WEB前端】
阅读更多
【原】小程序报错“无效的 pageJSON(pages/books/books)['window']”
WEB前端
今天写小程序的时候，碰到了一个问题“无效的 pageJSON(pages/books/books)["window"]”，导致NavigationBar的配置不生效，上一次写小程序还是在两年前，两年时间，腾讯已经不知道发布了多少个版本了，不知道遗漏了什么重要知识点。app.json文件：{"pages":["pages/index/index","pages/books/books","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackground...

不忘初心 2019-05-19 围观(6927) 评论(0) 点赞(12) 【WEB前端】
阅读更多
【原】UMeditor 1.2.3版本不能更换字体和修改字体大小
WEB前端
UEditor是百度的一款富文本编辑器，功能比较丰富，所以导致它的体积也相对大很多，在有些门户网站中，并不需要这么多的功能，百度则针对性的抽出了一Mini款UMeditor（简称：UM），删除了很多功能，比如：代码块，只有简单的文字功能。截止到我写这篇文章，官网最新已经更新到了1.2.3版本（貌似官方已经很长时间没有更新过了）最近使用的时候碰到了一个问题：不能更换字体和修改字体大小，起初也以为是自己js哪里写错了，或者又是像上次UEditor和Bootstrap冲突导致图片缩放失败类似的问题。一番查阅资料下来，发现这次竟然还真的是百度自身的...

不忘初心 2019-03-10 围观(1843) 评论(0) 点赞(23) 【WEB前端】
阅读更多
【原】UEditor和Bootstrap冲突导致图片缩放失败
WEB前端
UEditor是百度的一款开源工具，称之为：所见即所得的富文本编辑器，有图片、文字、视频、代码块等等功能集成，可以满足大部分网站的需求。之前一直用这个，并没有碰到什么问题，但是最近的项目中，前端框架在选型的时候是bootstrap，然后再引入Ueditor的时候，就出现了一个问题：图片缩放不受控制，具体现象表现为，我想放大图片，将鼠标按住往右拖动，图片反而还向左缩小了，然后我鼠标继续向左的时候，图片变得更小了。没有截到动态图，用一些标注来给大家看一下问题所在：右下角红色框框是我拖动鼠标最终的位置，按理说此时图片应该也被放大到这个位置才对（红...

不忘初心 2019-03-08 围观(701) 评论(0) 点赞(11) 【WEB前端】
阅读更多