- 博客(29)
- 收藏
- 关注
RSS订阅原创 Vue3、Vite使用 html2canvas 把Html生成canvas转成图片并保存，以及填坑记录
这两天接到新需求就是生成海报分享，生成的格式虽然是一样的但是自己一点点画显然是不符合我摸鱼人的性格，就找到了html2canvas插件，开始动工。找个了优化的方案就是把图片放大预览让用户自己长按保存。）再导入的时候报错说没有这个方法的导出，我一看嗐：咱不如大佬直接改堵塞的地方咱能写个简单的小导出啊~~填坑记录踩了一路 （我是做移动端H5 如果是pc 后面的坑可能遇不到）另一个方法还是使用新版的rc.5版本 有大佬把堵塞的地方改好了。测试了一下 真不戳 然后新的问题出来了。然后我就把上面的插件引入进来了（
2023-09-12 16:49:35
2639
原创 react ant Design pro Umi 项目左上角icon不显示
另外在说一种情况：本地的logo也能正常加载不过config里面设置了publicPath 或者是 base，logo就不能正常展示了。那就请把logo的路径也加上这个前缀路径logo也会正常加载。然后找了找资料说 LayoutSettings 哪里logo用链接图片可以本地图片有时候会加载异常。今天本地运行项目没有问题，打包发到远端发现logo icon不显示了。
2023-03-17 11:23:20
978
原创 vue3.0 v-for中ref获取不到子组件的实例
先说解决问题的方法这是查找了好多地方， 最后在vue3.0文档上找到的， 还是要多看文档啊！问题描述我有一个时间组件在页面上循环展示的， 绑定ref，自己在本地跑的时候都是没有问题的一上生产问题就来了。改造前的代码这个时候在log里面 打印的是undefined 如果获取到的话应该是个proxy对象改造后的代码取值 是 deliveryBusinessTimesRef.value[index] 这个log之后就是proxy这个时候发正式环境就没有问题了...
2022-03-13 11:38:07
1842
2
原创 vsCode配置ESlint自动格式化、修复代码
1.使用vscode安装 eslint + vuter + prettier自动格式化代码配置;2.文件—首选项—设置—用户设置>搜索"settings" 找到并点击“在settings.json中编辑”3.把下面这段代吗复制到settings.json文件里面 我在这个文章里找的 文章链接{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //
2021-03-19 14:51:35
1893
2
原创 js判断时间是否在一段时间内
直接上代码吧isDuringDate(beginDateStr, endDateStr){ if(!beginDateStr || !endDateStr) return false let curDate = new Date(), beginDate = new Date(beginDateStr), endDate = new Date(endDateStr); if(curDate >= beginDate && curDate < endDat
2020-09-09 11:22:02
566
原创 JS英文、中文按首字母排序
排序用到的方法就是：localeCompare() 方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。直接上代码：// 参数let arr = [{id:'sh',name:'上海'},{id:'bj',name:'北京'},{id:'gz',name:'广东'},{id:'sz',name:'深圳'}]arr.sort((a, b) => a['id'].localeCompare(b['id']))console.log(arr)let arr1 =
2020-05-15 15:16:31
3774
原创 vsCode快速生成vue代码片段
1.点击文件 > 首选项 > 用户代码片段2.新建或修改vue.json3.将下列代码粘贴上去（可根据自己需要添加/删除）{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>...
2020-05-06 14:53:34
354
原创 js中编码escape、encodeURI、encodeURIComponent三种方法及相应的三个解码函数
先一下总结吧！js对文字进行编码涉及3个函数：escape、encodeURI、encodeURIComponent。相应3个解码函数：unescape、decodeURI、decodeURIComponent。建议使用encodeURIComponent与decodeURIComponent 原因:它可以将参数中的中文、特殊字符进行转义，而不会影响整个URL。本文摘自（MDN）1、es...
2020-04-27 10:06:40
1575
原创 【微信小程序】使页面使内容充满整个屏幕、height 100%不起作用的解决方案
这两天做小程序启动页的时候发现在view标签上设置 height：100%；是没有作用的，其实这个问题也是经常遇到一直没太注意，这次研究了一下写几个解决方案。如下：一、在css里面用page控制page{ height:100%;//这样你在页面中的view设置height:100%就起作用了}二、height的单位用vhview{ height:100vh;//相对于视口...
2020-01-16 18:30:12
10338
2
原创 【微信小程序】获取用户地理位置及遇到的坑
最近写小程序用到，需要获取用户的地理位置才能根据位置展示相应的数据。也踩了一些坑如下：先来看看api文档wx.getLocation(Object object)（调用前需要用户授权，用户点击确定才能拿得到数据）获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。开启高精度定位，接口耗时会增加，可指定 highAccuracyExpireTime 作为超时时间。他的一些参数就不说...
2020-01-08 18:23:32
1435
1
原创 SSR,SPA,SEO自我理解
最近在想有些东西、网站能被搜索得到，有的为什么搜索不到？这是怎么回事？然后慢慢的就找到了这三个概念，下面是一些自我理解如有不对欢迎大家多多指正。SEOSEO（Search Engine Optimization），中文一般译作：搜索引擎优化SEO是一种通过了解搜索引擎的运作规则（如何抓取网站页面，如何索引以及如何根据特定的关键字展现搜索结果排序等）来调整自己的网站，以提高该网站在搜索引擎中某...
2019-12-31 15:10:24
460
1
原创 Git Flow常用的分支以及主要作用，分支的创建、删除，笔记。
先来看看Git Flow的流程图Git Flow常用的分支Production 分支也就是我们经常使用的Master分支，这个分支最近发布到生产环境的代码，最近发布的Release，这个分支只能从其他分支合并，不能在这个分支直接修改Develop 分支这个分支是我们是我们的主开发分支，包含所有要发布到下一个Release的代码，这个主要合并与其他分支，比如Feature分支F...
2019-12-09 18:07:06
827
原创 JavaScript微任务与宏任务、异步、事件循环与消息队列理解
一直对谁js里面谁先执行、谁后执行、微任务、宏任务是一团浆糊，这两天看看了掘金上大神的文章做个笔记，加深一下印象 想去看的点这里js是单线程、异步、非阻塞、解释型脚本语言我在想既然是单线程事件、定时器、异步又是怎么回事？带着问题我们来往下走。js是单线程的，处理事情也是一件一件地去处理，用过Js的都知道执行的顺序是自上而下console.log(1)console.log(2)cons...
2019-12-05 15:51:12
552
原创 【微信小程序】历史搜索记录本地保存功能实现及思路
要求：1.用户点击搜索之后把输入的值记录下来2.如果最新搜索在历史记录里面有，把它从原来的位置放到第一的位置显示3.最大10条实现思路：首先是在用户点击‘搜索’的时候开始往Storage里面存数据的，然后再存数据的同时做一些处理。处理：先判断存进来的值在Storage里面有么有，有的话删除。然后在数组首部添加元素，最后在从0截取到第10位。好了直接上代码 let estates ...
2019-11-05 17:41:37
1957
4
原创 【微信小程序】小程序原生组件层级太高问题解决
这两天写小程序我写的是自定义顶部导航栏，再一次写原生组件textarea（多行输入框）的时候发现原生的层级太高，我在顶部导航设置多少‘z-index：999+’ 都不行研究了一波供大家参考一下发生层级高的地方：...
2019-10-17 09:48:27
2395
1
原创 js将数组转化为一个对象obj，将数组中的内容作为对象的key转化为对象，将数组中的某项内容作为分类来转成对象
1.js数组转成对象var list = {};var arr = ["123","456","789"];// for in 循环for (var key in arr) { list[key] = arr[key];}console.log(list); //控制台打印打印如下我的思路就是这样，不止这一种其他循环也可以forEach、map、reduce等等2.将...
2019-10-14 11:40:53
10233
原创 【微信小程序】小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透
小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透第一种方式利用position:fixed； 禁止页面滚动一. 页面结构html<view class="indexPage {{proInfoWindow?'indexFixed':''}}"> -----------此处为整个页面的结构内容 <button catchTap="_proInfoWindowSh...
2019-10-14 09:47:59
1891
原创 【微信小程序】自定义导航栏|胶囊导航功能以及遇到的坑
最近提出了一个需求在页面栈一层时无返回按钮，两层时显示返回按钮，三层及以上时显示返回加返回首页按钮提高用户体验。于是乎就踏上了自定义胶囊导航的道路先看一下效果图：一层页面栈两层页面栈三层及以上页面栈整体思路：在小程序7.0版本之后是可以在单页面自定义导航栏的，由于我这里的大部分页面是要使用自定义导航栏的并且页面数比较多用单个页面开启自定义导航栏的显然是不太理想的，所以我开起了全局...
2019-09-20 18:53:36
3066
原创 JavaScript基础（五）运算符的优先级
运算符优先级JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。圆括号可用来改变运算符优先级所决定的求值顺序。这意味着圆括号中的表达式应在其用于表达式的其余部分之前全部被求...
2019-04-02 15:06:29
185
原创 JavaScript基础（四）运算符
一.算术运算符例子：y=5，下面的表格解释了这些算术运算符：注意：1.自增、自减时----------对于变量自身，运算符前置后置没有区别，若出现赋值语句中！！1>后置运算符：先赋值后运算2>前置运算符：先运算后赋值 在图中有例子2.加法+ 两边任何有1个字符串执行‘+’执行拼接操作，结果为String类型。3.字符串中，字乘以数字没意义不能运算 结果为Na...
2019-04-02 14:58:49
155
原创 JavaScript基础（三）数据类型
一、基本数据类型数值类型：number 例：1、2、3、100、1.5、-100。。。。（只有一种数字类型。数字可以带小数点，也可以不带）字符串类型：string 例： '你好' "hello world" ...（字符串可以是引号中的任意文本。您可以使用单引号或双引号）...
2019-03-30 14:04:34
121
原创 JavaScrip变量
变量1.什么是变量：变量是用于存储信息的"容器"。（是可以变化的）2.变量的声明：我们用 var+变量名比如我们声明一个变量a var a；3.变量名的命名规范：变量必须以字母开头变量也能以 $ 和 _ 符号开头（不建议）变量名称对大小写敏感（y 和 Y 是不同的变量）变量命名时不能使用关键字和保留字变量名可以由字母、数字、$、“_” 组成（...
2019-03-27 11:58:51
158
3
原创 JavaScript基础（一）常见的输出语句
JavaScript 可以通过不同的方式来输出数据：1.使用 window.alert() 弹出警告框。2.使用 document.write() 方法将内容写到 HTML 文档中。3.使用 innerHTML 写入到 HTML 元素。4.使用 console.log() 写入到浏览器的控制台。1.使用 window.alert()...
2019-03-26 08:46:38
6499
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人