品茗乐-CSDN博客

原创 vue v2.9.6 升级 vue v3.x

vue v2.9.6 升级 vue v3.x相关背景之前在全局安装了vue v2.x, 后来为了切换node版本安装了nvm。后来看到了vue v3.x文档出来就尝试着将原先的2.0 升级到3.0。按着文档执行npm uninstall vue-cli -g 时候，出现up to date in xxx.xx s，然后执行vue -V 依然是2.9.6，说明并未卸载成功。解决方案1.查询到原有vue的安装目录在/usr/local/bin/vue下2.删除所有vue文件夹3.然后执行npm i

2021-07-14 13:51:39 656

原创父元素同时设置border-radius和overflow:hidden时，子元素依然超出

父元素同时设置border-radius和overflow:hidden时，IOS 下safari/微信中子元素仍然超出。解决方法：在父元素同时设置transform: rotate(0deg) 或 transform: scale(1) 或 transform: translateZ(0.01px) 都可以解决个人认为是transform 提高某种层级；比如在微信公众号图文中，当被上层覆盖无法点击时，可通过设置transform属性来提高层级，使其可触发到。...

2020-08-23 02:49:01 1139

原创企业微信小程序的几点注意事项

企业微信移动客户端从2.5.8版本开始，已内置微信小程序基础库，开发者仅需做少量适配，即可将微信小程序移植到企业微信上运行，同时开发者也可以针对企业微信提供的扩展接口开发出更适用于企业内部场景的小程序。本质上企业微信小程序是微信小程序的一个扩展子集，微信小程序的大部分能力都可以在企业微信上运行，同时企业微信扩展了部分和企业相关的能力以满足更多的场景需求。企业微信和微信之间的消息可以互通，互通消...

2020-04-28 20:20:51 2472 1

原创复制到剪贴板

#复制到剪贴板随笔记录一段兼容安卓IOS的复制到剪贴板功能代码<textarea id="couponStr" style="opacity: 0;">需复制的内容</textarea>if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { window.getSelection().removeA...

2020-03-09 16:18:35 213

原创小程序错误记录

这里写自定义目录标题小程序错误记录小程序错误记录syntax error: Invalid regular expression: invalid group specifier name Stack一般是由于正则表达式经过编译之后不合法，导致手机无法加载，调试工具可以正常加载；例如 let reg = /(?<=(src="))[^"]?(?=")/ig;改成 let reg =...

2019-12-03 23:09:01 647 1

原创 egg框架结合egg-sequelize 建立数据库链接

安装$ npm i --save egg-sequelize$ npm install --save mysql2 //For both mysql and mariadb dialects使用和配置Enable plugin in config/plugin.jsexports.sequelize = { enable: true, package: 'egg-sequeli...

2019-11-11 17:45:27 1212

原创 Canvas图片合成的一个功能函数

Canvas图片合成的一个功能函数方法源码传入数据格式如何调用平时项目中经常有用到几张图片和文字等合成一张目标分享图片的图片；经常会写一大串代码，各种嵌套回调，甚是耗时。先封装了一个简单的功能函数，只需按规定格式传入，就能得到你想要的结果图，省心省时；方法源码// An highlighted blockfunction drawCanvas(data){ var sel...

2019-05-31 19:02:34 269

原创手机陀螺仪各类参数值的监听

平时常会用到手机陀螺仪来实现一些互动的需求，再此记录一下，方便查询使用阁下：0前后：0扭转：0</sp...

2019-04-01 11:03:26 3258 1

原创微信公众号文章编辑的几点经验

我们知道微信公众号文章的排版布局是有诸多限制的，例如会过滤自定义js及内联外链样式，但可以通过开发者工具编辑部分的行内样式，估计是公众号后台的一点小bug吧。因为本身公众号后台是不开放代码编辑的。下面来举例一点平时遇到的问题及解决方案。1.编辑九宫格特效时有裂缝。因为当把可视区域分成3*3时，是不能平均等分的，可能有的多0.5px有的少0.5px;还有就是大尺寸的图片的缩放到这个范围内也是...

2019-02-25 12:59:25 1593 1

转载 web 应用常见安全漏洞一览

1. SQL 注入SQL 注入就是通过给 web 应用接口传入一些特殊字符，达到欺骗服务器执行恶意的 SQL 命令。SQL 注入漏洞属于后端的范畴，但前端也可做体验上的优化。原因当使用外部不可信任的数据作为参数进行数据库的增、删、改、查时，如果未对外部数据进行过滤，就会产生 SQL 注入漏洞。比如：name = “外部输入名称”;sql = “select * from users w...

2019-02-19 14:52:47 419

原创如何压缩中文字体的大小

我们在网站中为了达到更美观的效果。往往需要嵌入自定义字体，但是中文字体由于字数庞大导致整个字体包就会很大；很影响页面的加载速度。那有什么办法即能使网站展示美观的字体，又提升字体的加载速度呢？幸运的是字蛛从没某种意义上能解决这个问题；字蛛字蛛（font-spider），一个智能 WebFont 压缩工具！它能自动分析出页面使用的 WebFont 并进行按需压缩。官网：http://fon...

2019-02-18 18:17:12 3720 1

转载 CSS shapes布局教程

概述本文详细介绍CSS Shapes布局，它能打破web中矩形盒模型的限制，使文字能环绕基础图形，PNG，SVG图像，以及渐变图形的布局效果；兼容性较好，大部分高版本浏览器已支持。Shapes布局相关属性:shape-outsideshape-marginshape-image-thresholdshape-outsideshape-outside是不规则形状环绕布局的核心，支持的...

2019-02-18 17:19:36 526

pinmingle的博客