![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术指南
文章平均质量分 56
CloudJay_喵喵喵
这个作者很懒,什么都没留下…
展开
-
Vue3+Vue-Router+Axios+Vite工程化的一些实践
Vite工程化的一些实践px2viewporteslint,prettiervant-ui的按需加载环境变量vue-router+axios 未登录路由拦截跳转登录页html模板增加vite环境变量尾声px2viewportvite自带postcss编译安装postcss-px-to-viewport插件yarn add postcss-px-to-viewport --devpostcss.config.jsmodule.exports = { plugins: { 'postc原创 2021-05-25 09:40:14 · 922 阅读 · 0 评论 -
纯js弹幕效果,vue可用
基于张鑫旭的使用canvas实现和HTML5 video交互的弹幕效果源码改造效果区别去掉了与视频的绑定,根据自然时间来推送弹幕进度,比较适合年会现场等大屏静态互动场景,支持vue直接使用使用方式引入canvasBarrage.jsimport canvasBarrage from "@/tools/canvasBarrage";// 弹幕数据var dataBarrage = [ { value: "speed设为0为非滚动", speed: 0, }, {.原创 2020-12-11 16:18:28 · 460 阅读 · 0 评论 -
在mac上使用android模拟器通过chrome调试webview内web页面
之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web我们这里就以钉钉内的应用页面来举例原创 2020-11-30 16:51:19 · 2281 阅读 · 0 评论 -
git 报错 error: RPC failed curl 92 HTTP/2 stream 0 was not closed cleanly: PROTOCOL_ERROR (err 1)
error: RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: PROTOCOL_ERROR (err 1)git config --global http.version HTTP/1.1 # 也可能是数据文件太大,传不过去git config --global http.postBuffer 157286400参考引用:https://stackoverflow.com/questions/59282476/error-rp原创 2020-06-23 12:24:09 · 6465 阅读 · 1 评论 -
移动端 border-radius 绘制圆点不够圆 如何解决
在做项目中,经常会遇到用css绘制像素小圆点的需求,如下代码.dotted{ width:4px; height:4px; border-radius:50%; background:red;}在一般情况下,这种代码是没有问题的,但是如果你使用了px2rem之类的插件,就会发现在移动端上的圆点有的大,有的小.十分的难看个人猜测原因是因为转换工具转出来的单位都是带小数点的,在css...原创 2020-02-14 12:41:25 · 3009 阅读 · 0 评论 -
同域名 http站点调用https接口 跨域问题
错误今天有个项目部署时碰到个怪问题,记录一下业务场景是一个前后分离的项目,由不同的部门开发在部署时,前端部署在 http://a.com/a 后端部署在 https://a.com/b预期调用接口时是不会跨域的,但是实际请求时出现了跨域问题options请求发送并返回200 ok,但后续post请求无法正常提交询问后端表示已经添加了支持跨域的代码,并且也支持options请求,能确定不...原创 2019-12-20 14:09:45 · 5908 阅读 · 0 评论 -
Vue 创建基于数组的动态表单
在开发vue项目中,有时会遇到需要增删的列表表单,比如添加一堆人员信息,数据格式如下postData=[formData1,formData2,formData3....]这时可以直接创建一个基于数组的form对象,这样增减操作也可以基于数组的push和slice方法来实现export default{ const emptyPerson={ name:'', nameEn:'...原创 2019-08-29 16:42:00 · 1541 阅读 · 0 评论 -
钉钉小程序 H5应用开发 实用工具及常用技巧集合
文章目录获取钉钉版本,是否在钉钉环境下,移动端还是PC任意url在钉钉pc侧边栏打开隐藏右上角按钮失效问题的处理移动端网页真机调试,RC版钉钉下载获取钉钉版本,是否在钉钉环境下,移动端还是PC// 19年的官方文档里已经没有了,但是dd.pc,dd.ios和dd.android还是可以用的,后续稳定性不保证window.ddUA = { isPc:dd.pc,isIos: dd.ios, i...原创 2019-08-29 15:27:52 · 14432 阅读 · 4 评论 -
使用virtualenv创建python虚拟环境
文章目录安装 virtualenv创建虚拟环境激活虚拟环境退出虚拟环境安装 virtualenvpip3 install virtualenv #安装后的路径应该是 /usr/local/python3/bin/virtualenv#建立个软连接,如果不想做这一步,直接通过/usr/local/python3/bin/virtualenv的方式来调用ln -s /usr/local/py...原创 2019-08-26 16:26:51 · 244 阅读 · 0 评论 -
钉钉小程序 E应用开发 实用小技巧 (不定时更新)
使用iconfontE应用使用lodash发版时清除缓存钉钉扫码预览编译失败mini-ddui 文档原创 2019-02-26 16:00:17 · 9911 阅读 · 3 评论 -
contos7 配置 python3环境 支持微信公众号开发
前言刚学python,百度云买了个云主机,系统选了contos7 发现默认预装的是python2,但项目的依赖环境是python3,所以要在不影响python2使用的情况下,配置python3,需要用到虚拟环境virtualenv,网上查资料也踩了不少坑,把配置的过程记下来,方便记忆1.安装python3新机器上来啥都没,只有yum,下载编译依赖包(没错,需要自己编译)yum instal...原创 2019-08-23 17:53:52 · 213 阅读 · 0 评论 -
Vue中使用节流Lodash throttle
Vue中使用 Lodash.throttle 来做节流在Vue中,有时需要对ajax请求提交进行节流操作.这时候,如果页面在请求成功之后会跳转,使用vue指令once或者加载一个loading遮罩禁止点击即可,但如果请求之后不跳转,并且loading不适用时,需要通过其他方式来实现节流,比如通过标识位判断等,这里我们着重说一下如何通过lodash.throttle来实现节流lodash...原创 2018-06-26 13:34:35 · 17456 阅读 · 9 评论 -
Windows系统下使用Hexo并部署到GitHub
---title: Windows系统下使用Hexo并部署到GitHubdate: 2017-02-04 16:47:50tags:---需用到的程序:1.[Git for Windows](https://git-for-windows.github.io/)2.[Node.js for Windows](https://nodejs.org/en/)## 准备工作首先安装好Git和Node.j...原创 2018-06-20 10:55:12 · 479 阅读 · 0 评论 -
Webpack入坑笔记(一) 安装webpack和插件,执行编译任务
随着现在前端工程化技术的发展,各种打包工具和框架层出不穷,我这种老程序猿也要充充电,紧跟时代的发展,否则就要被淘汰了.废话不多说,先从webpack说起.为什么选择Webpack官网对webpack的定义是MODULE BUNDLER,他的目的就是把有依赖关系的各种文件打包成一系列的静态资源。 请看下图安装先安装好node和npm,因为webpack是一个基于node的项目,然后cd <yo...原创 2018-06-20 10:56:34 · 1446 阅读 · 0 评论 -
开发中常用的 vue 小技巧,防加班防脱发
嵌套组件的dom生成到body下有时候我们的组件会嵌套的很深,在有fixed的情况下,css会不正常,这时候需要把dom放到body下面,但我们都知道vue不借助jQuery操作dom并不方便,这时候可以使用这个方法把dom挂载到body下:使用vue-dom-portal,这个库可以给vue增加一个自定义命令v-dom-portal,可以方便的直接把dom挂载到指定位置下载vue-dom-por...原创 2018-06-20 10:57:35 · 402 阅读 · 0 评论 -
Webpack入坑笔记(二) 小图片优化,引入CSS,使用ES6
今天我要进一步深入的了解webpack的各种功能,webpack有着无数插件可以为项目提供各种支持,其中一部分对项目文件进行预处理的插件叫做loader(预处理器),比较常用的有:css预编译,less或sass预编译 css-loader,style-loader,less-loader 把css预编译并通过style标签嵌入到页面小图片优化生成base64码 url-loader 减少请求数使...原创 2018-06-20 10:59:02 · 1123 阅读 · 0 评论 -
[转载]使用 webpack 优化资源
前言在前端应用的优化中,对加载资源的大小控制极其的重要,大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包,以 React、vue 等生态开发的单页面应用来举例说明如何从 webpack 打包的层面去处理资源以及缓存,其中主要我们需要做的是对 webpack 进行配置的优化,同时涉及少量的业务代码的更改。同时对打包资源的分析可以使用 w...转载 2018-07-10 18:06:40 · 440 阅读 · 0 评论 -
Vue CLI 3.0 + momentjs + lodash 打包时优化
在vue-cli 2.0时代,webpack的配置是有独立文件的,包含在build目录下,修改也比较方便到vue-cli 3.0后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦了,比如优化momentjs压缩包,使用webpack-bundle-analyzer等…研究后发现vue-cli 3.0使用了chainWebpack来支持额外的插件配置我们这里使...原创 2019-02-26 17:40:41 · 5357 阅读 · 5 评论 -
钉钉小程序 E应用生成带参数二维码或链接
E应用生成预览调试及生产带参数二维码或链接点击预览生成二维码,点击下方的查看构建日志,会弹出一个log框,等生产完毕后,找到里面的query和data字段,把他们拼起来,组成类似如下的URL:dingtalk://dingtalkclient/action/open_micro_app?miniAppId=xxxx&version=xxxx&source=DEBUG&a...原创 2019-04-15 14:55:43 · 55572 阅读 · 1 评论 -
Vue 在template中使用 $data 报错现象
Vue 在template中使用 $data 会在Android浏览器中报错目前手头只测试了部分机型(三星,小米,苹果 6s)具体情形是在代码中存在如下情况template&lt;template&gt; &lt;img v-if="showImg" :src="showImg.img" :style="imgSize" a原创 2018-06-25 11:58:34 · 2139 阅读 · 0 评论