项目笔记
Geek码农
这个作者很懒,什么都没留下…
展开
-
微信小程序/uniapp使用canvas绘制文本结构生成图片
结构宽高为自定义内容<canvas canvas-id="html2Img" :style="'height:'+ height +'px;width:'+ width +'px'"></canvas>~~~ data(){ return{ secondValue:10, gonext:false, canvasHidden:true, width:375,原创 2021-06-29 15:18:48 · 1125 阅读 · 3 评论 -
webpack5.x使用webpack-dev-server
版本 "webpack": "^5.27.2", "webpack-cli": "^4.5.0", "webpack-dev-server": "^3.11.2"报错npx webpack-dev-serverError: Cannot find module ‘webpack-cli/bin/config-yargs’webpack serve[webpack-cli] For using ‘serve’ command you need to install: ‘webp原创 2021-03-25 22:31:01 · 3552 阅读 · 1 评论 -
vue中使用mockjs
一、安装1、npm install mockjs -S2、二次封装axios(与mockjs无关),便于使用二、设置mockjssrc新建文件家mock,mock下新建index.jsimport Mock from 'mockjs'const templete={ "string|1-10": "知识图谱"}Mock.mock('/mock/data',templete);三、引入在main.js中引入require('./mock/index.js')四、调用原创 2021-03-02 17:18:10 · 213 阅读 · 0 评论 -
Yapi 配置 pm2服务
全局安装 pm2npm install pm2 -g配置pm2服务pm2 start D:\YApi\my-yapi\vendors\server\app.js --name Yapi以Yapi的名称命名并启动常用命令pm2 start Yapipm2 stop Yapi原创 2020-12-05 10:58:47 · 2735 阅读 · 0 评论 -
node express 下开发token功能 生成与验证
功能描述功能主要为服务的如何生成token,如何验证token;express下主要使用JWT方式。原生的jsonwebtoken 与 expressJwt两种方式的简单实现一、jsonwebtoken + expressJwt安装npm install express-jwt --savenpm install jsonwebtoken --save生成tokenUtil.secret,tokenUtil.expiresIn为公共文件定义的变量,便于后期维护//引入var jwt原创 2020-11-24 11:42:27 · 784 阅读 · 1 评论 -
微信自定义分享ios无效
微信自定义分享无效情况有很多种,这里记录开发中遇到的一种分享链接包含汉字在自定义分享中,分享链接包含汉字,且没有进行编码处理,会导致ios无效;因为Android会自行进行处理,ios却不会,导致自定义分享内容失效。使用encodeURI(link)对需要分享的链接进行处理。例如下图:...原创 2020-10-15 22:45:29 · 870 阅读 · 0 评论 -
按钮变形闪烁效果css特效
结构示例小程序代码<view class="goodShow"> <button>精彩活动</button> </view>css.goodShow button{ animation: myAnimation 5s infinite; background: gainsboro;}@keyframes myAnimation{ 0%{ transform: scale(1) } 25%{ tran原创 2020-09-11 09:19:50 · 845 阅读 · 0 评论 -
html2canvas生成数据为“data:,“
原因页面处于隐藏状态,无法获取到对应的元素。解决办法在页面显示状态生成base64数据,然后再隐藏页面。原创 2020-07-20 19:12:05 · 1280 阅读 · 0 评论 -
原生标签事件中调用angular方法$scope
原生标签事件onchange、onerror修改方式<img src="" οnerrοr="angular.element(this).scope.function()">$scope.function = function(){//}原创 2020-05-11 15:51:56 · 315 阅读 · 0 评论 -
移动端pdf展示预览
引用文件pdfh5链接1、css<link rel="stylesheet" type="text/css" href="css/pdfh5.css"/>2、html<div id="pdf"></div>3、js<script src="./js/jquery-3.4.1.min.js" type="text/javascript"&g...原创 2020-04-13 15:14:44 · 1831 阅读 · 0 评论 -
组件化开发中的mui-switch不起作用
mui('.mui-switch')['switch']();这个方法是属于mui.js里的,负责对switch组件初始化。在页面载入后,mui.js的switch部分会对包含有.mui-switch类的元素进行查找,验证其是switch组件结构后,对其进行初始化。而动态处理的switch组件结构,是没有经过上面的初始化的,所以不能用。就需要手动调用上面提到的这个方法进行初始化了。...原创 2020-03-19 11:59:41 · 611 阅读 · 0 评论 -
html2Canvas生成图片可视区域,其余部分缺失
基础使用html2canvas(document.body).then(function(canvas) { // url = canvas.toDataURL("image/png"); //url = canvas.toDataURL("image/*"); document.body.appendChild(canvas);});html2canvas(document....原创 2019-12-11 16:28:58 · 3250 阅读 · 0 评论 -
修改网关路由,电脑同时连接内外网两个网络
查询路由信息route print //查询路由信息 任选其一route print -4route print -6查询需要添加的外网网关ipconfig添加永久路由route -p add 0.0.0.0 mask 0.0.0.0 x.x.x.x // x.x.x.x为需要添加的网关route delete 0.0.0.0 mask 0.0.0.0 x.x.x.x ...原创 2019-12-11 10:19:30 · 540 阅读 · 0 评论 -
H5支付(微信之外浏览器调用微信支付前端内容)
H5官方文档一、公众号h5支付申请审核(后台统一操作,前端只需要给后台传值供后台在微信平台下单即可)二、调用后台接口,下单操作,接收微信返回的中间页地址(前端工作)三、加载微信返回的页面地址window.location.href = url //url为接口返回的地址前台支付完成或者放弃支付,页面会默认返回支付发起页;可以通过在url后拼接上redirect_url参数。例如...原创 2018-12-18 14:30:44 · 5860 阅读 · 0 评论 -
overflow:auto自动滚动到底部(vue)
在做消息的项目,当有新消息的时候让新消息出现在最底部,此时的box用的是overflow:auto注:vue项目需要注意在dom结构渲染完再进行操作<ul class="box" ref="chatContent"> <li v-for='item,index in direction' :class='item'> <span class...原创 2018-12-17 16:07:34 · 9372 阅读 · 1 评论 -
axios本地请求带上了localhost:8080?
问题数据请求不通,发现请求地址前多出了localhost:8080解决办法地址写成了相对地址,地址不正确地址前面加http(s)原创 2018-11-30 13:00:22 · 13776 阅读 · 4 评论 -
搜索请求下需要闪烁的效果vue
需求vue使用的项目中页面搜索需要闪烁,项目中通过判断输入框的值得变化来请求数据,要求每次发起请求都需要页面闪烁解决方案在每次请求数据的时候把数据先清空,清空后再次请求数据,此时页面会闪烁一下。随便贴点代码// 监听动作搜索闪烁 flicker(){ // 顶部搜索内容改变 let id = this.$route.query.id; let ...原创 2018-11-05 10:01:11 · 683 阅读 · 0 评论