- 博客(65)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 html2canvas生成图片模糊 不清楚？两种解决方法
项目需求：需要把当前整个页面的数据生成为一个图片，可以让用户长按图片保存到本地手机在网上查到生成图片的有一个插件，叫做 html2canvas 可以把你想要转变的元素变为图片，开始很顺利，但是生成后的图片，和实际的页面不符合，图片不清晰，模糊的情况，网上大部分的解决方案是通过把canvas容器扩大，再将和成的图片进行缩放。这一种可以达到效果，就是麻烦，还有一个方法直接就可以解决，推荐大家使用第二种方法第一种方法：（亲测有效----就是麻烦）// 本地的 html2canvas 版本为 "^0.5.0
2020-06-23 15:56:03
36349
31
原创 flex布局(弹性盒)兼容性写法 兼容ie10 谷歌 火狐
1.容器写法display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ di...
2019-08-19 18:36:12
8363
原创 react-native在mac的Apple芯片上运行ios模拟器提示“xcodebuild“ command but it exited with error code 65.
在执行yarn ios命令行提示错误在mac其他电脑开始也出现了这个错误，但经过面向百度编程，删除pod，重新下载等等解决了问题让同事把和Pods文件夹压缩发来，放到我的电脑中（同样的代码），依旧无效真机可运行。
2023-08-07 18:34:36
549
原创 使用depp在小程序中子组件修改第三方ui库uview，样式不生效问题
在小程序中使用第三方的ui库，封装了一个功能，用到了里面的一个组件，个性化设置，方便复用。
2022-11-20 12:07:50
3199
原创 uni.setStorageSync 和 localStorage取值 区别？uniapp存值为：{“type“:“undefined“}
在公司迁移h5项目到uniapp时，之前有很多使用存取值的场景，迁移的过程中，导致某些地方没有替换成，在取值的时候使用了出现了状态值不对的bug。
2022-08-28 16:58:45
2181
1
原创 关于微信二次分享，自定义分享参数不生效问题
在a分享给b之后，然后a打开和b的聊天记录，然后点击刚刚分享的卡片，在去分享的时候，设置的分享参数信息就失效了，在项目的app文件中记录一下当前的url路径，存储到本地，然后判断是不是ios，如果是的话，取本地的缓存地址。，安卓无问题，（b打开刚刚分享的卡片一样不行，自定义的分享参数没生效，提示失败）👆上面的文章给了我很好的思路，于是排查自己的项目问题。...
2022-08-16 10:33:44
2216
原创 项目中执行 npm run xxx 的时候发生了什么？
运行 npm run xxx的时候，npm会先在当前目录的 node_modules/.bin查找要执行的程序，如果找到则运行；没有找到则从全局的 node_modules/.bin中查找，也就是npm i -g xxx就是安装到到全局目录；如果全局目录还是没找到相关命令，那么就从系统的环境变量中查找同名的可执行程序。...
2022-08-11 17:23:08
356
原创 JS模块化——CommonJS AMD CMD UMD ES6 Module 比较
是服务器模块的规范，Node.js采用了这个规范。根据 CommonJS 规范，一个单独的文件就是一个模块，每一个模块都是一个单独的作用域，在一个文件定义的变量（还包括函数和类），都是私有的，对其他文件是不可见的。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD = Asynchronous Module Definition，即 异步模块定义。AMD 规范加载模块是异步的，并允许函数回调，不必等到所有模块都加载完成，后续操作可以正常执行。AMD 中，使用 requi
2022-06-24 18:31:44
599
原创 怎么理解 IaaS、SaaS 和 PaaS 的区别？
自己开发网站如果你是一个网站站长，想要建立一个网站。不采用云服务，你所需要的投入大概是：买服务器，安装服务器软件，编写网站程序。现在你追随潮流，采用流行的云计算lasS （Infrastructure as a service – 基础设施即服务）如果你采用IaaS服务，那么意味着你就不用自己买服务器了，随便在哪家购买虚拟机，但是还是需要自己装服务器软件PaaS （Platform as a service – 平台即服务）而如果你采用PaaS的服务，那么意味着你既不需要买服务器，也不需要自己装服
2021-10-12 19:52:52
412
原创 Echarts 绘制自定义区域-实现蒙古东、西区域。geojson.io使用方法-处理无法编辑问题
使用Echarts自定义的地图-geojson.io背景有的电网公司需要把内蒙古在地图上显示蒙古西和蒙古东、默认地图不支持，使用geojson.io解决第一个用来下载原始的中国地图china.jsonhttp://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=4第二个用来取经纬度http://api.map.baidu.com/lbsapi/getpoi
2021-10-12 17:29:22
1449
5
原创 在vuex中更新state时，为什么将异步方法写在actions中，而不是mutations，这是为什么？
vuex中更新state的方法首页，在 vuex 中只有 mutations 可以更新statecommit 一个 mutation，mutation 负责更改 statedispatch 一个 action，在 action 中 commit 一个 mutation所以按照上述使用方法，我们在使用时，如果不涉及异步操作，可以直接 commit 一个 mutation 去更改 state，如果有异步就需要将异步方法写在 dispatch 中，然后在 dispatch 中commit mutat
2021-07-19 18:32:17
2217
1
原创 使用canvas获取视频某一秒做封面，解决黑屏问题
实现上传视频后，截图视频的某一秒当封面主要技术要点，使用canvas的 drawImage 方法，在把获取到的资源使用toDataURL转成base64格式监听视频的 onerror 方法，解决了有些视频如果截取第一帧时，可能是黑屏问题<body> <h3>上传视频后截取视频图片</h3> <input id="videoUpload" type="file" accept="video/*" /></body>le
2021-06-22 16:54:57
2557
原创 基于antd-vue 中 select 做的远程联想搜索组件
背景后台管理系统crm中会经常用到联想组件，接口返回数据普遍的值都不是一样的，例子：返回 [{name:‘小米’,age:20}],但组件默认接受的字段为key和label，所有这个格式不是我们直接需要的为了避免写无用转换的代码和请求接口，封装此组件一、效果使用说明远程联想组件，只需要配置一个请求的方法 getList 和后台返回的数据格式 optGroupKeyLable=[‘id’,‘name’]，正常输入即可实现联想有的后台需要{key，value}的格式提交，比如{id：1，name
2021-05-26 15:59:57
1433
2
原创 使用qiankun（乾坤）搭建 微服务
微前端——qiankun（乾坤）实例背景一个WEB端管理系统包含好几个单独的模块，相互之间没有耦合，如果放到同一个项目里，同时好几个人去维护，不利于管理，单独子模块的上线会对整个项目全量上线风险比较大，并且容易代码冲突一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！二、为什么使用微前端技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主
2021-05-26 13:15:39
6804
2
原创 vue现有项目改造成微服务
注：qiankun 通过 fetch 加载子系统的资源，所以静态资源需要支持跨域，@aixuexi/axx-general-upload 的 type 设置为 qiniu。2、静态资源上传文件 pro.upload.js 改为从 使用 @aixuexi/micro-fe-sub 库上传。4、路由文件 src/router/index.js 使用 @aixuexi/micro-fe-sub 库生成。1、微前端工具 @aixuexi/tol-web-microfe。5、 main.js 配置。
2021-05-26 12:57:38
44
1
原创 vue 省市区三级联动 antd 级联组件 Cascader
需求 与 功能该功能实现了中国内的省市区的三级联动，基于 antd-vue 中的 Cascader 做的组件，支持原有的所有功能效果展示支持联想搜索支持显示部分省份例子（本例子是基于 antd 做的，在 element-ui，或者是 iview 中，同样适用）<template> <AreaCascader v-model="data1" /></template>API下面只列出了在本插件中二次封装添加的新字段，和部分原有 antd-v
2021-01-08 15:37:13
6407
10
原创 antd 文字溢出鼠标滑上显示，不溢出，鼠标滑上不显示tooltip
需求 与 功能该功能实现了文字过长时溢出裁切显示… 鼠标滑上使用 tooltip 显示全部内容文字少时，没有裁切，鼠标滑上不显示 tooltip在表格中使用效果展示在普通循环list中使用效果展示例子（本例子是基于antd做的，在element-ui，或者是iview中，同样适用）<template> <a-table :columns="columns" :data-source="data"> <a slot="name" slot-s
2021-01-05 18:01:33
2854
2
原创 ant-design-vue实现table序号递减和递增 排序
使用了template模板实现场景：一般在有table排序的时候出现 <!-- 序号 --> <template v-slot:num="record"> <div> <!-- 递减 --> <div v-if="data.postParams.sortOrder == 'descend'"> {{ data.total - record.index - (data.pages - 1) *
2020-12-17 16:18:04
1266
原创 npm包发布流程 正式包和测试包beta
注册一个npm账号注册地址：https://www.npmjs.com/初始化要封装的包1、选择一个文件夹，然后命令行cd进去npm init接下来就是一长串表单：name：填写你这个包的名字，默认是你这个文件夹的名字。不过这里要着重说一下，最好先去npm上找一下有没有同名的包。最好的测试方式就是，在命令行里面输入npm install 你要取的名字，如果报错，那么很好，npm上没有跟你同名的包，你可以放心大胆地把包发布出去。如果成功下载下来了。。。那么很不幸，改名字吧。。。version
2020-11-10 11:39:27
3611
原创 重写localStorage 添加过期时间
/** * 重写localStorage */ function rewriteLocalStorage () { if (!window.__rewrite__localStorage) { Object.assign(window, { __rewrite__localStorage: true, __localStorage__setItem: localStorage.setItem, __lo.
2020-11-10 10:56:34
462
原创 npm如何快速的切换镜像源----nrm
NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架。npm默认的仓库地址是在国外网站，速度较慢，建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具：nrm我们首先安装nrm，这里-g代表全局安装npm install nrm -g然后通过nrm ls命令查看npm的仓库列表,带*的就是当前选中的镜像仓库：通过nrm use taobao来指定要使用的镜像源：然后通过nrm test npm来测试速度：注意有教程推荐大家使用cnpm命令，但是
2020-11-10 10:55:20
895
原创 vue项目中使用webpack多页面开发和代码分割chunk
webpack的一些基本解释webpack是一个打包工具:什么是打包呢?打包就是把源代码经过一系列处理输出为最终代码的过程,webpack官网封面就解释的很好什么是chunk（1）chunk就是打包成的一个个的块我们以前用jquery之类的开发的时候,我们的js，css等文件都是单独引入的，比如下面的代码<link rel="stylesheet" href="./bootstrap.css"><link rel="stylesheet" href="./boot
2020-11-04 14:01:03
6457
8
原创 html2canvas生成图片模糊？----两种解决方法
项目需求：需要把当前整个页面的数据生成为一个图片，可以让用户长按图片保存到本地手机在网上查到生成图片的有一个插件，叫做 html2canvas 可以把你想要转变的元素变为图片，开始很顺利，但是生成后的图片，和实际的页面不符合，图片不清晰，模糊的情况，网上大部分的解决方案是通过把canvas容器扩大，再将和成的图片进行缩放。这一种可以达到效果，就是麻烦，还有一个方法直接就可以解决，推荐大家使用第...
2020-07-07 11:47:15
6945
7
原创 vsCode在window电脑中安装FiraCode字体（好看字体）
前言作为一个资深程序猿，个人认为vscode是最好用的，为了美观，可以修改一下编辑器的字体教程下载地址下载地址：https://github.com/tonsky/FiraCode/releases解压下载成功后解压到任意位置（安装完成后可删除），找到 ttf 目录，全选所有 .ttf 文件，点击右键进行安装，在你的电脑上安装完成后到vscode中去配置。安装全选点击鼠标右键 选择“安装”使用在VS code左下角点击设置按钮–>选择设置选项（或直接Ctrl+,）
2020-07-04 11:13:05
6310
原创 vue组件中的方法执行顺序是怎么样的？data和props执行顺序
比如props,methods,data,watch,computed等方法的顺序是怎么样的？在vue的源码中的initState初始化方法中就有执行的一个顺序见源码 https://github.com/vuejs/vue/blob/dev/src/core/instance/state.js#L48-L62Props -》 Methods -》 Data -》Computed -》 Watch...
2020-07-03 19:42:02
2727
原创 vue 项目中如何使用svga，使用setText替换文本和字体大小，incorrect header check错误
前言项目需求是 ui 动画设计师给出 svga 动画，开发人员去做相应的适配，动态的去替换文字和图片的显示效果由于 ui 图形是圆形，后台返回的 img 为方形，也涉及到了使用 canvas 剪切图片，在引入图片的时候发生了 incorrect header check 错误问题效果图什么是 SVGASVGA 是一种跨平台的开源动画格式，同时兼容 iOS / Android / Web。SVGA 除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升
2020-06-28 12:00:29
2657
1
原创 js简单时分秒倒计时
最近做浏览器界面倒计时，用js就实现，两种方式：一：设置时长，进行倒计时。比如考试时间等等代码如下：<html><head><meta charset="UTF-8"><title>简单时长倒计时</title><SCRIPT type="text/javascript"> var maxtime = 60 * 60; //一个小时，按秒计算，自己调整! function C
2020-06-16 15:03:57
1971
原创 使用js判断pc端是什么系统（windew，mac，window xp）
如题，直接上代码，可用export function downloadApp(){ var version = navigator.userAgent; if(version.indexOf("Windows NT 5")!=-1 || version.indexOf('Windows XP') != -1) { // xp location.href = 'http://www.baijiayun.com/default/home/liveclientDownload
2020-06-03 20:17:50
587
原创 pc前端js调起电脑本地应用程序(需要客户端配合 自定义URL Protocol 协议 )
由于做项目需要实现如题的一个功能，所以搜寻了相关资料。CSDN博文 自定义URL Protocol(客户端的配置)：http://blog.csdn.net/chinahaerbin/article/details/8783024项目地址：https://github.com/li1164267803/pc-call-up-client包含html和在vue中的使用方法如果觉得对您有用，不忘记了给个 star前端的工作<!DOCTYPE html><htm..
2020-06-01 22:54:31
8136
1
原创 微信原生小程序电商实战项目----附源码和分析
项目地址：https://github.com/sirfuao/wx-shop如果觉得对您有用，不忘记了给个 star顺便附上 vue电商实战项目的地址：https://blog.csdn.net/fuao/vue_shop最近公司准备做小程序的项目，技术选型定为使用原生去写小程序，于是，索性在家里系统的学了下，在这个项目中，我真的学到了很多东西，至少熟悉了整个小程序大致开发的流程，话不多说，项目主要分为四个大的模块: 首页、分类页，购物车，我的；首页##wx-shop欢迎各位有志之士的到..
2020-05-30 09:32:32
3719
2
原创 ElementUi el-autocomplete 使用clearable属性,点击清除重新输入提示不显示
点击清除按钮后，重新输入querySearchAsync有执行,也有返回值，但提示不显示。光标移到别处点击再回来有时又正常。文档中，clearable 是input的属性， Autocomplete没有，clear事件是否影响cb()方法执行？（没找到cb()方法的文档以及源码）处理方式：通过反复测试对比发现，点击清除重新输入时input没有失去焦点，这个问题会导致再次输入时没有聚焦，所以出现不显示的问题。通过查看源码发现点击输入时候会执行以下方法，主要原因是把 this.activated的值
2020-05-25 14:29:26
12876
原创 js 字符串replace正则匹配获取文件名前缀和后缀名
// 通过字符串的replace方法替换实现var suffix = item.url.replace(/.*\./, "");// 获取文件名，不带后缀的var file_name=file_path.replace(/(.*\/)*([^.]+).*/ig,"$2");// 获取文件后缀1.var FileExt=file_path.replace(/.+\./,"");2.var fileExtension = file_path.substring(file_path.l...
2020-05-18 15:38:23
3695
vue-devtools4.1.3-直接解压把chrome拖到浏览器.zip
2020-05-13
修改iview-ui tree树结构默认的小三角形源码
2019-06-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人