- 博客(92)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 下载并预览pdf，提示未能加载PDF文档 - vue
后端传一个字符串，前端创建了new Blob，Chrome提示无法加载PDF文档？控制台窗口blob和url，有显示数据，但是但不开，是什么原因呢？后面尝试使用a标签下载，提示无法打开；将base64字符串转换为一个字节。
2023-04-24 13:31:53
2191
转载 vue中安装node-sass、sass-loader报错问题解决方法
【代码】vue中安装node-sass、sass-loader报错问题解决方法。
2023-02-14 14:50:31
188
原创 IOS兼容适配问题：Cordova+vue打包ipa
原因：ios不允许访问外部链接，所以要多需要打开的外链取消限制。原因：指按住屏幕上下拖动，会触发 touchmove 事件。
2023-01-13 17:00:41
146
原创 canvas将图片转为base64报错
大概意思是：canvas无法执行toDataURL方法，污染的画布无法输出。解决方案：将图片放到服务器上面 ，不使用本地资源。
2022-12-21 13:41:39
130
原创 navigator.geolocation.getCurrentPosition 获取位置偏移
WGS 是世界大地测量系统（World Geodesic System）国际标准，一般从国际标准的GPS设备获取的坐标都是WGS84，以及国际地图提供商使用的坐标系。H5中的eolocation.getCurrentPosition获取的就是这个坐标。中国标准，国测局02年发布的坐标系。在中国，必须至少使用“GCJ02”对地理位置进行首次加密。比如谷歌中国、高德、腾讯都在用这个坐标系。以上三者可以互相转换，怎么转换可以google或者百度，网上有很多。百度标准，在“GCJ02”的基础上进行二次加密。
2022-12-15 10:46:29
1503
原创 html2Canvas+JsPDF，导出pdf
html2canvas 通过获取HTML的dom元素，然后生成Canvas，保存为图片。jsPDF 生成 PDF 文档。
2022-12-15 10:26:11
135
转载 vue3：解决npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题
【代码】vue3：解决npm ERR!Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题。
2022-11-23 10:03:15
257
转载 Cordova自定义插件-TypeError: cordova.exec is not a function
调用cordova自定义插件时，cordova.js没有被加载到。
2022-11-11 14:43:23
240
原创 android studio报错：Connect to maven.google.com:443 [maven.google.com] failed: Connection timed out
修改build.gradle的buildscript 和 allprojects的 url "https://maven.google.com"地址。构建好项目，cordova build android第一次打包时报错，maven.google.com拉取超时。
2022-11-11 14:28:32
880
原创 uniapp开发微信小程序-用户授权登录和获取手机号码
uniapp开发的小程序配置，找到manifest.json，填入正确的小程序appId；hbuilderx>运行>运行到小程序模拟器(安装开发者工具)，编译完成之后会直接在微信开发者工具内打开；
2022-11-01 15:35:35
2124
1
原创 wangEditor 5 富文本编辑器 自定义上传图片
开发了一个通知公告的功能，需要使用富文本编辑器，富文本编辑器上传图片时，src保存的时候base64格式，跟后端沟通了一下，先是把图片上传到服务器再把src绑定给图片。
2022-10-24 09:17:38
1393
原创 修改naive ui默认样式，css变量值修改
新项目开发使用了naive ui组件库，使用组件时涉及到css样式修改，可以直接在组件父容器上使用组件内自带的css变量，组件会自动继承父容器的css变量值，不会影响其他页面使用；
2022-09-30 15:10:43
5178
7
原创 Naive ui：菜单 Menu批量处理图标替换自定义图片
项目中使用的是自定义的图标，把需要使用的图标保存到本地，使用。2、新建一个js文件，把需要用到的图标引入到项目文件中。2、菜单组件中引入js文件，渲染图标。n-menu自带的图标使用。图标库，使用方法参考官网和。批量处理菜单图标渲染。1、新建一个菜单组件。
2022-09-30 09:27:11
2533
3
原创 前端面试：CSS常问
important > style > #id > .class > 元素选择器(div,::after) > @import。容器伪元素宽高是 200% ，边框为 1px ，然后缩小元素为50%，视觉上实现 0.5px。定位 + 伪元素 + transfrom缩放（scale）方式二：flex/grid + margin。方式三：父容器 table-cell。方式四：定位 + translate。方式一：flex/grid 布局。
2022-09-15 14:47:55
302
原创 CSS变量（CSS variable）— CSS自定义属性
CSS 变量（CSS variable）又叫做“CSS 自定义属性”，通过声明CSS变量来设置通用的颜色、字号等，实现统一页面风格，方便后期维护，减轻开发量，更高的性能，更好的压缩文件。
2022-09-15 12:55:18
608
原创 前端面试：Event Loop事件循环
先进先出，script标签里面包含的内容，或者是直接访问某一个js文件时，里面的可以在当前作用域直接执行的所有内容（执行的方法，new出来的对象等）；不进入主线程、而进入"任务队列"的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行；在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；所有任务需要排队，前一个任务结束，才会执行后一个任务；此时执行栈为空检查微任务队列,执行微任务输出3。-执行栈为空,检查微任务队列,输出。
2022-09-10 15:15:00
126
原创 前端面试：webpack整理
HMR Runtime：开启了热更新的话，在打包阶段会被注入到浏览器中的 bundle.js，这样 bundle.js 就可以跟服务器建立连接，通常是使用 Websocket ，当收到服务器的更新指令的时候，就去更新文件的变化。DefinePlugin：允许在编译时创建配置的全局对象，是一个 webpack 内置的插件，不需要安装，对开发模式和发布模式的构建允许不同的行为非常有用。Loader 本质是一个函数，对接收到的文件进行转换，如将less/sass -> css，ES6/7/8 -> ES5。
2022-09-09 21:15:00
1644
原创 前端面试：原型和原型链
1）原型链解决的主要是继承问题2）每个对象拥有一个原型对象，通过 proto 指针指向其原型对象，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，最终指向 null(Object.proptotype.__proto__指向的是null)。这种关系被称为原型链(prototype chain)，通过原型链一个对象可以拥有定义在其他对象中的属性和方法。
2022-09-09 21:00:00
151
原创 前端面试：复习闭包
变量根据作用域的不同分为两种：全局变量和局部变量在函数内部的称为局部变量，在函数外部的称为全局变量函数内部可以使用全局变量，函数外部不可以使用局部变量。
2022-09-09 21:00:00
102
原创 前端开发常用网站
vue-seamless-scroll无缝滚动：https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default。vue-clipboards复制粘贴：https://www.npmjs.com/package/vue-clipboards/v/1.0.5。crypto-js加密解密：https://www.npmjs.com/package/crypto-js。
2022-09-08 16:07:03
438
原创 【JavaScript】LeetCode 1342. 将数字变成 0 的操作次数
【代码】【JavaScript】LeetCode 1342. 将数字变成 0 的操作次数。
2022-09-03 15:15:00
109
原创 【JavaScript】LeetCode 412. Fizz Buzz
给你一个整数 n ，找出从 1 到 n 各个整数的 Fizz Buzz 表示，并用字符串数组 answer（下标从 1 开始）返回结果，其中：
2022-09-03 09:30:00
106
原创 【JavaScript】LeetCode 1991. 找到数组的中间位置
很早之前就知道LeetCode，没有刷过上面的题目，了解一些数据结构和算法，每天埋头写业务的LeetCode新手，加油呀~~一开始没思路，看了别人的解题思路，理解之后就自己动手敲了一下，练习之后加深了理解，真是个良性循环啊~
2022-09-02 10:00:55
245
原创 JS中数组reduce()方法使用
简单的讲就是返回数组中所有元素的和数 不会改变原始组的值 不会对空数组执行回调函数。筛选出数组中年龄>18岁的，并添加属性，用map和filter的组合需要遍历数组2次。reduce()对数组中的每个元素进行累加，返回一个新的值，可以传入初始值。2、升级用法：使用reduce代替map和filter的组合。同样操作使用reduce只用遍历数组一次。1、简单用法：求和、乘积、平均值。3、高级用法：对象数组去重。4、高级用法：按属性分组对象。...
2022-08-31 15:30:21
442
转载 防御式 CSS，规避“以防万一”
防御性编程是一种细致、谨慎的编程方法（习惯）。我们在写代码时常会有“以防万一”的心态，把以防万一有可能出现的情况提前考虑进去，规避以免以防万一出现带来的问题。应用防御性编程技术，你可以侦测到可能被忽略的错误，防止可能会导致灾难性后果的“小毛病”的出现，在时间的运行过程中为你节约大量的调试时间。...
2022-08-26 14:58:23
300
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人