- 博客(74)
- 收藏
- 关注
原创 移动端布局REM
我们在开发移动端的过程中,针对不同设备需要做响应式布局,这里最常用的布局单位便是REM。一般情况设计给到的设计稿宽度为750px,此时我们需要进行PX与REM的转换,转换方法分为两种,一种是手动转换,另一种直接使用插件转换。
2023-05-06 00:41:09
396
原创 vue + vant国际化
如果涉及到接口请求返回不同语言直接使用页面刷新是最便捷的,但是缺点就是页面会闪动。需要注意的是页面更新不了可以结合computed属性来更新视图。vue项目做国际化需要使用。
2023-04-18 18:21:28
733
原创 unplugin-auto-import使用步骤
我们在使用vue3时经常需要将第三方库api手动导入,相同的代码在每个组件中都要再写一遍,费时费力。配置文件vue.config.js和vite.config.js的写法都是一样的。使用vite或者vue cli创建项目两者在导入方式上有一些区别。.eslintrc-auto-import.json配置参考。将这些api自动导入。
2023-04-18 17:28:29
1309
原创 element plus解决单文件上传后无法替换问题
但是用户在上传单个文件后发现自己想替换之前上传的文件, 此时你会发现此时重新点击上传组件并没有触发任何事件,哪怕你设置了。在使用 element plus 框架 el-upload 组件时,如果想上传单个文件可能会设置。, 虽然此时会每次上传都会产生一个文件, 我们只需要对多出的文件进行数组操作即可。的限制发现是可以调用。进行操作, 代码如下。
2023-03-28 14:20:23
1552
原创 CSS overscroll-behavior让滚动嵌套时父滚动不触发
一个滚动的body中有个容器,而且这个容器也是可以滚动的,当容器滚动到开始位置或者结束位置时,继续滑动鼠标会影响到body的滚动,其实一个css属性即可解决,详情请见张大神博客。
2022-08-29 19:51:37
489
原创 后台传blob前端下载
get请求downloadFile () { this.$http({ method: 'get', url: '请求地址', params: '请求参数', responseType: 'blob' }).then(res => { if (window.navigator && window.navigator.msSaveOrOpenBlob) { win
2022-05-25 10:00:37
501
原创 阿里云配置https
阿里云配置的https到期了导致网站没法使用,今天把修复的方法总结一下:购买SSL证书首先购买SSL证书,阿里云里面有免费的证书可以使用,如果找不到购买的地址可以直接致电阿里云95187-1验证域名购买好SSL证书之后我们在证书列表中直接配置,因为我的域名和服务器都在阿里云,所以这一步配置基本属于傻瓜式的操作,这里就不再赘述。安装证书到网站我的网站使用的nginx代理,nginx文件夹中有一个cert文件夹,将下载的证书文件(pem和key)拷贝进去,重启nginx即可。OSS中证书修改如果
2020-09-11 17:29:46
1018
转载 网站性能测试工具2019:十个免费实用的网站性能分析工具
GTmetrix (网速测试工具)GTmetrix: 用于测试网站的完全加载速度 (Fully Loaded Time),网页大小 (Total Page Size),加载时的请求数目 (Requests),同时提供PageSpeed和YSlow两项决定网站加载速度的重要指标,同时,GTmetrix可以提供网站耗时分析,为后面的网站加速提供理论依据。您可以查看视频【如何使用网站测速工具GTMetrix和Pingdom?】了解完整的使用步骤。Pingdom (网速测试工具)Pingdom: ..
2020-05-22 18:18:01
1627
原创 Idea踩坑——Idea无法打开问题解决
当我们的idea无法启动的时候该怎么办?当idea无法启动的时候,一般是内部报错,我们只要找到这个报错说明并解决这个错误便可以重新启动了。查看报错的步骤:应用程序 --> Idea --> 显示包内容 --> Contents --> MacOS --> idea 启动可以看到报错内容。通过报错我们可以看到这里路径有这个jar包,实际上我将这个jar包删除了,...
2020-04-26 13:26:23
2339
原创 Java入门——maven项目中mybatis环境搭建
Mybatis简介mybatis是一款流行的,优秀的,基于Java的持久层框架,它内部封装了JDBC,使开发者只需要关注 sql 语句本身,而不需要花费精力去处理加载驱动、创建连接、创建 statement 等繁杂的过程。mybatis 通过 xml 或注解的方式将要执行的各种 statement 配置起来,并通过 java 对象和 statement 中sql 的动态参数进行映射生成最终执行...
2020-04-19 17:46:29
559
原创 docker安装MySQL后Navicat无法连接问题解决
在docker中直接安装MySQL,使用命令行可以直接访问MySQL,但是通过Navicat无法连接,出现这样的报错,2003 - Can't connect to MySQL server on '127.0.0.1' (61 "Connection refused")尝试修改密码后依旧无法连接,实际上这是因为Navicat承载的是docker的端口,使用命令:docker ps -a 查...
2020-04-07 00:28:12
2312
原创 “~”在JS中的妙用
“~”的官方解释为:对每一个比特位执行非(NOT)操作。NOT a 结果为 a 的反转(即反码)。这里简单解释一下:假设有一个 int 类型的数,值为5,那么,我们知道它在计算机中表示为: (因为java中int 是4个字节,所以高位需要补0,占够32位)00000000 00000000 00000000 00000101在计算机中,负数以原码的补码形式表达10000000 000...
2020-02-03 13:49:04
2024
原创 css属性改变整体页面色调
一个简单的css属性就可以实现:在<html>标签中添加style="filter: grayscale(100%)"
2019-12-14 14:19:11
1288
原创 我是如何一步步从ThinkPad阵营转向MacBook阵营的
这段时间打算入手一款轻薄的笔记本,之前在公司用过ThinkPad X280,感觉轻薄好用,于是准备入手一款,目前有一款X390作为X280的升级款,便准备从X390下手.作为一名前端开发,准备从ThinkPad官网自己定制一款适合自己的笔记本.因为"蓉蓉"(Chrome)和vscode基本上啃掉8G大半内存,首先内存定位在16G,平时没什么大型文件存储,256固态基本上够用,系统方面平时需要用到...
2019-10-31 23:35:07
897
原创 mongodb一对多表设计
mongoDB研究不多, 直接放链接了参考文章 https://www.cnblogs.com/WeiGe/p/4903850.html
2019-08-15 11:51:46
1086
原创 express搭建网站使用gulp优化
express搭建网站的时候需要优化资源加载速度,减少服务器资源消耗 例如:样式使用less分模块编写,最后我们需要将less编译成css, 并且合并编译后的文件.虽然express有插件可以编译less,但是这样会占用服务端资源,每次访问的时候需要先编译. 这些静态资源我希望直接引用. 使用express编译后还有一个问题是less文件虽然被编译成css, 但是后缀名依旧为.less, 这对有...
2019-08-14 16:30:48
396
原创 限制中文输入是英文输入长度的一半
在限制输入长度的时候可能会有这样的一个需求:输入的中文长度得是英文长度的一半。也就是说一个输入框你可以输入20个英文字符,但是只能输入10个中文汉字或其他字符。之前的思路是利用正则判断汉字的Unicode编码[\u4e00-\u9fa5],首先正则的性能不是很好,其次如果是emoji表情,长度是按照英文字符还是中文字符判断呢?偶然的机会看到一个方法使用charCodeAt()判断Unicode...
2019-07-12 14:55:28
443
原创 windows安装scrapy
我们直接pip install scrapy安装scrapy时会出现问题error: Microsoft Visual C++ 14.0 is required.这里说需要c++ 14.0, 由于安装包太大,直接安装c++ 14.0几乎没有人使用这里也不赘述,此处使用Twisted(an event-driven networking engine.) 安装下载地址: https://www...
2019-06-22 13:46:13
220
原创 git常用命令
git分支有关命令git branch -a 查看所有分支(本地分支和远程分支)git branch -d 分支名称 删除本地分支git branch -D 分支名称 删除本地未合并的分支git push origin -d 分支名称 删除远程分支git remote prune origin 删除远程分支引用(远程分支已经被删除,本地编辑器依旧存在已删除远程分支的引用)...
2019-06-21 09:28:13
108
转载 Vue框架Element的事件传递broadcast和dispatch方法分析
作者:小小沧海出处:http://www.cnblogs.com/xxcanghai/本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。正文部分前言最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了broadcast和dispatch方法,而Element使用的是Vue2.0版本,众...
2019-06-18 14:47:35
800
原创 ant-design-vue页面刷新
当侧边栏两个菜单引用同一个组件的时候,这时路由切换组件是不会重新渲染的,生命周期函数也不会执行,此时就需要将页面刷新。页面刷新有两种方法:一种在路由后面加上参数;另外一种是页面重定向到一个页面,然后再重定向回来。在vue-element-admin中花裤衩大神使用重定向的方法实现了页面的刷新,但是ant-design-vue-pro中就需要我们自己动手了,当然思路也是参考vue-element-a...
2019-05-25 00:25:42
13645
2
原创 过滤百度广告+搜索热点+adblock规则快速入门
经常用百度的人知道,百度的搜索热门特别干扰工作效率,有时候搜索热点的标题太吸引人了,其实内容的真是性我们我从考证,把那些新闻当小说看就好.那么我们怎样才能解决这些干扰呢?标题不要太吸引人个人推荐浏览器使用Chrome,Chrome的插件不要太强大,当然自己得会弄梯子,这里推荐一个小技巧:大家到GitHub上搜索lant…这里我就不打名称的全拼了,怕被屏,后面星星最多的便是了.现在解决了Ch...
2019-05-23 23:22:33
4525
1
原创 关于angular表单编辑返回必填有值无法验证问题记录
使用的时间组件是ng-zorro的时间组件nz-date-picker在项目中遇到一个问题,编辑表单时返回的时间有值,但是必填验证无法验证通过,这是因为后台返回的时间格式不是常规的'yyyy-MM-dd'格式后台返回的值Thu Apr 04 00:00:00 CST 2019<nz-date-picker *ngSwitchCase="'prePublication'" (ngMo...
2019-04-04 15:07:22
678
原创 linux安装nodejs
系统: centos7虚拟机: VirtualBox传输工具: WinSCP首先安装centos7,具体安装参考:https://www.cnblogs.com/hihtml5/p/8217062.html因为作为服务器使用直接下载minimal版本就好:http://isoredirect.centos.org/centos/7/isos/x86_64/CentO...
2019-04-01 23:30:12
167
原创 ExpressionChangedAfterItHasBeenCheckedError报错--项目中遇到的问题
关于 `ExpressionChangedAfterItHasBeenCheckedError` 错误你所需要知道的事情
2019-03-28 09:49:44
7278
原创 关于npm安装的一些问题记录
使用nvm管理node版本每次安装都会遇到一些坑,今天似乎找到坑的规律了,so记录一下首先安装nvm下载安装nvm-setup.zip https://github.com/coreybutler/nvm-windows/releases安装不同版本nodenvm install 8.11.3 (我的常用版本)nvm install 10.15.3nvm use &amp;amp;lt;版本号&amp;amp;gt;...
2019-03-17 00:11:10
326
转载 安装nvm node版本管理工具
下载安装与使用Github: Download nvm-windows — nvm-setup.zip安装nvm时可以自定义文件夹,此处文件夹(nodejs文件夹)建议和nvm文件夹平级程序安装过程中,在 Set Node.js Symlink 这一步目录设置,是待会 nvm use 存放你的 nodejs 程序的目录 [C:\DevTools\nodejs]。nvm v // 查看...
2019-03-17 00:06:57
636
原创 vue学习——计算属性缓存 vs 方法
归纳就一句话,计算属性与方法结果相同,性能不同文档中这样描述:计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。通过一个demo可以很方便的理解// html<div id="app"> <div v-for="item in [1,2,3,4]"> <div> {{message}} </d...
2019-02-18 17:55:59
620
原创 Unable to preventDefault inside passive event listener due to target being treated as passive.
解决方法两种,亲测可行方法一:这种方法的好处是不用管touchmove方法写在哪,直接全局css设置*{touch-action: none | pan-y}方法二:设置touchmove方法增加参数{passive: true },因为touchmove方法可能定义在第三方框架中,不容易修改wnidow.addEventListener('touchmove', func) ↓...
2019-02-18 11:10:07
619
原创 gulp入门学习问题记录1
今天开始入门gulp,一开始就遇到了一个问题Task function must be specified经查阅资料发现cli版本与local版本不同造成,始终运行不了gulp命令,将本地版本改成与cli版本相同可以解决此问题gulp -v==>[15:59:30] CLI version 3.9.1[15:59:30] Local version 4.0.0发现一个入门教程...
2019-02-12 16:08:38
249
原创 关于类数组调用Array.from与call性能对比
今天看视频见到别人遍历类数组使用Array.from(likeArray)方法,于是想起了Array.prototype.forEach.call();这两者在项目中选择肯定是性能哪个好选择哪个;我们写一段测试代码var linkArr = {0:'a',1:'b',2:'c', length:3};console.time('global');for(var i=0;i<1000...
2019-01-06 15:43:45
505
原创 angular时间格式化
angular在格式化时间时不需要自己写方法,内置的管道可以直接使用在组件中直接使用{{date | date:'yyyy-MM-dd HH:mm:ss'}}在class中使用引入 DatePipe import { DatePipe } from '@angular/common';注入 constructor中,constructor(private datePipe: DatePi...
2018-12-26 20:59:05
11894
2
原创 微信小程序点击元素居中
先看一下效果我们希望点击不居中的元素时可以自动居中,下面看一下实现的思路:获取屏幕宽度的一半获取点击元素距离屏幕左边的距离获取点击元素的宽度一半获取已经滚动的距离计算距离的变化:点击元素与屏幕左边的距离-屏幕的一半+点击元素宽度的一半计算最终需要滚动的距离:原先滚动距离+变化距离在往下看之前先大致了解一下各变量代表的含义// 大多数计算用到的参数,都在moveParams对...
2018-11-27 20:14:38
4520
7
转载 可视区域加载动画
作者:lMadman链接:https://www.jianshu.com/p/c165f2e06a44來源:简书有一些需求,是当我们去浏览时才会去加载,譬如一些动画,和一些图片,那么这些是怎样实现的呢?先来看一下下面的一段小代码:<!DOCTYPE html><html lang="en"><head> <meta charset="...
2018-11-22 19:03:46
856
原创 express实现单图,多图,ajax上传图片到oss
这段时间没啥事,自己研究了一下express上传图片的操作,这样就摆脱了后台语言使用java的局限,也能对上传的整体流程有更深的理解.当然在继续往下看的前提是大家对express要有简单的认识.最快的方法是看MDN中的图书管理DEMO,这个网址打开需要靠人品:有时候架"梯子"也不好使.在开始码代码之前我们得先开通阿里云并且需要OSS对象存储,准备好这些我们就开始吧.前端上传页面,我使用的是ar...
2018-11-21 16:36:40
1023
原创 两个数组对象属性判断
判断一个数组对象中是否存在另一个数组对象的某个属性,如果存在那么删除一个数组对象中存在这个属性的对象,使用了双层遍历,如果大家有好的方法欢迎留言rlt.data.data.forEach(itemData => { arr.forEach((itemArr, index) => { if (itemData.id === itemArr.id) { arr.sp...
2018-09-30 17:11:28
2232
转载 由于CredSSP加密Oracle修正 无法远程
转载于:汽水少年 https://blog.csdn.net/xzx__/article/details/80385297官方解决办法:修改策略组https://support.microsoft.com/zh-cn/help/4093492/credssp-updates-for-cve-2018-0886-march-13-2018win10家庭版没有策略组只能修改注册表。我...
2018-09-13 17:05:43
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人