shengmeshi-CSDN博客

<canvas style="width: 300px; height: 200px;" canvas-id="ctx"></canvas>const ctx = wx.createCanvasContext('ctx')1、图片ctx.drawImage（img,x,y,width,height）;本地图片可直接用函数 ctx.drawImage(img, 0...

2019-07-19 14:07:19 344

原创微信小程序 “分享、转发”卡片被打开时获得相关信息

问题：微信小程序转发完相应的卡片后，想要获得点击该卡片的相关信息。解决方法官方网站介绍let testOptions;Page({ onLoad:function(options){ //……其他逻辑 wx.showShareMenu({ withShareTicket: true }) testOptions = options; console.lo...

2019-06-26 10:52:06 3393 1

原创微信小程序 “分享、转发”事件

微信小程序“转发”功能1、页内自定义分享2、页面右上角“…”分享行为当页面js上没有添加事件“onShareAppMessage”，右上角‘…’不会出现“转发”事件。如果有事件，但是没有定义事件内容的话，转发的卡片则是当前页面的截屏信息。1)使用默认页面右上角“…”分享事件Page({ onShareAppMessage: function (res) { return {...

2019-06-25 13:32:59 4966 1

原创当cover-view使用文字内容撑开容器的时候，出现文字现实不全、被裁剪现象，（最后一个字会被裁剪）即使添加padding也无效。

cover-view覆盖在原生组件之上的文本视图.使用视频的时候为了能在视频上覆盖相关信息，需要使用cover-view组件。但“只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。”嵌套其他组件会出现各种问题，比如不显示或者报错。问题：当cover-view使用文字内容撑开容器的时候，出现文字现实不全、被裁剪现象，即使添加padd...

2019-06-21 15:15:34 2356

原创 HTML5在移动和平板电脑浏览器上的兼容性

http://mobilehtml5.org/

2019-04-01 11:11:17 1347

原创 text-align: justify 无法两端对齐解决办法

网上查找问题：text-align: justify; 一行文本不进行处理,还有强制换行的也不处理，只有强制占满了一行才处理两端对齐。emmmmmmmmmm---------------------解决办法一：<p class ="test01">测试两端对齐</p><style>.test01{text-align: justify;b...

2019-03-06 19:12:42 1774

原创网站title，meta标签中description，如何是网站更好地被搜索引擎搜素

1、 HTML显示网页标题 < title >title标签在搜索引擎中占有非常重要的地位，最好放在meta标签之前，这样更有利于网站的排名。有些搜索引擎会用title标签内内容的字母优先权进行排名。title标签是人们在搜索引擎中第一个看到网站内容的描述，因此应尽量简单明了。1、字数一般不超过80个字符。2、尽量简单，明了。2、 HTML的特殊标签 < meta /&g...

2018-12-06 16:14:44 1676

原创页面上看不到又不占位置的特殊字符

问题：在页面上直接复制粘贴图片地址的时候，出现地址正确却加载不出图片，并且页面提示“图片不存”的情况。解决：对比代码中的图片地址无误，但是用chrome浏览器使用“Elements”检查页面的时候发现，在图片的地址上出现多余的几个字符串 “%E2%80%8E” 。隐藏字符：ZERO-WIDTH SPACE (ZWSP)页面存在一种肉眼无法发现的空白，当两个字符a,b之间存在这种字符的时候...

2018-11-29 15:09:00 25905

原创 Bootstrap 的检测工具Bootlint.js

前端Bootstrap样式框架在使用的时候组件都有其固定的结构，（当然排除用户自己扩展和修改的情况），使用Bootlint.js可以帮助用户快速查找出页面上的Bootstrap组件是否符合HTML结构。使用方法<script> (function () { var s = document.createElement("script"); s...

2018-11-22 11:24:28 927

原创微信端H5调试工具模拟控制台——vConsole

问题：手机端H5页面有时候并不知道问题出在什么地方，不方便前端调试。方法：1 : 工具 vConsole微信公众平台前端团队打造的前端调试面板。使用方法：<script src="path/to/vconsole.min.js"></script><script> console.log("test");</script> 【...

2018-11-15 14:08:37 19417 3

原创手机端模拟浏览器控制台

问题平常都是用谷歌浏览器模拟手机端，在控制台上检查代码信息。但是和真实手机还是有一定的差距。方法使用eruda.js在调试页面中添加代码<script src="//cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();console.log('控制台打印信息');</s...

2018-10-25 11:29:28 7506

原创 window无法删除目录层次太深、文件名或者扩展名太长的问题

问题使用node添加组件时，很多文件的目录很深，无法删除添加的文件包，即使时用360粉碎工具。方法使用 rimraf 插件1、安装rimrafnpm install -g rimraf2、使用rimraf **注rimraf ** 中 “**”表示需要删除文件夹的路径...

2018-10-25 11:14:21 3235

原创浏览器标签页形式运行【js代码】，小书签

问题：点击浏览器的书签，运行了一段代码。方法：一、打开浏览器（以google浏览器为例）打开浏览器空白页二、点击“为此页添加标签”，重命名并点击“完成”三、右击该标签点击“修改……“ ，在网址处输入js脚本，并保存”四、点击新标签即可查看标签代码执行。注运行js脚本也可以在控制台上进行，不过将一段常用的脚本保存在标签中要比在控制台上方便很多。其他浏览器的js书签的保存的方法...

2018-10-25 11:03:11 3065

原创 H5页面不可复制文字，ios端input按钮不能正常输入字符

问题：手机端防止出现文字可复制方法：设置css样式* { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-selec...

2018-10-25 10:17:33 2445

原创手机端a标签触碰时背景色消除

问题：当a标签包含元素的时候，触碰该元素会出现存在灰色背景的现象。解决方法：设置css样式a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;backgro...

2018-10-25 09:58:46 872

原创使用 chrome://net-internals/ 清除缓存

谷歌地址栏中输入：chrome://dns/ 查看dns缓存，需要清除里面的缓存时， 1、进入： chrome://net-internals/#dns点击按钮：clear host cache 2、进入 chrome://net-internals/#sockets点击按钮：flash sockets pools...

2018-04-17 13:47:42 5968