自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大佐

网站前端

  • 博客(75)
  • 资源 (1)
  • 收藏
  • 关注

原创 elementui表格在safari浏览器样式错乱的问题

elementUI兼容性问题

2023-03-27 16:46:03 379

原创 elementplus表格合并

表格数据有层级嵌套,for循环遍历渲染的,导致直接调用表格行合并方法会有问题。

2022-11-18 17:28:05 829

原创 关于pdfobject.js在不同浏览器显示问题

记录下此pdfobject.js插件在开发过程中遇到的问题。隐藏菜单栏和目录

2022-11-18 17:19:20 758 2

原创 小程序下载和预览相关功能封装

微信小程序开发文件预览下载

2022-06-15 14:47:01 494

原创 You have not concluded your merge (MERGE_HEAD exists).

用git拉取代码的时候报错解决办法1.git merge --abort2.git reset --merge然后在拉取代码原因:远程和你本地都改了这个文件产生了冲突,然后更新代码自动合并失败导致

2020-06-24 16:41:07 379

原创 vue项目中常用方法

1.字符串转数组split();2.数组转字符串toString();join();toLocalstring();String()3.去重unique(str) { let arr = str.split(','); return Array.from(new Set(arr)).toString(); // 利用Array.from将Set结构转换成数组 },4.删除多余逗号delateDouhao(str1, str2) { let arr1 = str1.spl

2020-06-19 17:08:16 655

原创 vue项目常见问题之二--------------------------子组件的值在ie中显示不出来解决方法

问题描述:表单中写的单选按钮组件,是以子组件的形式引入,在传参的时候通过settimeout方法先取到子组件,然后进行赋值,google中显示正常,ie11没有值解决方法:把settimeout方法换成this.nexttick()方法解决settimeout和this.nexttick()方法解决settimeout和this.nexttick()方法解决settimeout和this.nexttick()方法都可以解决获取不到子组件的值的问题...

2020-06-19 16:47:18 467

原创 vue项目常见问题一--------------获取不到子组件的值以及解决方法

1.在父组件打印this.$refs子组件的值,然后报错undefined!在页面加载完成打印第二个子组件,报错,因为第二部分没有加载所以写的时候加个判断控制,赋值的时候也加上条件控制,就不会报错了下图参考然后tab切换的时候v-if的值对应改变。...

2020-06-19 16:38:21 3439

原创 git 从指定分支拉取代码比如dev

git协作开发1.建立本地dev分支并切换到本地dev分支git checkout -b dev2.从远程dev分支上拉取git clone -b dev ssh地址

2020-05-27 19:53:51 7004

原创 Avoid mutating a prop directly since the value will be overwritten whenever

vue项目子组件里的某个方法调用的时候报上述错误1.父组件2.子组件<template> <div> <div> <ep-model title="关联单证" v-model="model1" width="1000px" :wrap-close="false"...

2020-04-08 17:19:19 8501

原创 vscode配置常用的插件

1.插件2.setting{“workbench.colorTheme”: “Horla”,“editor.fontSize”: 18,“editor.fontWeight”: “300”,“workbench.iconTheme”: “vscode-icons”,“editor.tokenColorCustomizations”: {“comments”: “#0400ff...

2020-04-02 16:17:32 4173

原创 MongoDB服务启动不了,错误代码100

这个原因是我把另一台电脑上的mongodb的数据移植到另一台电脑上的mongodb数据库,听别人说,data这个文件夹直接复制过来然后代替就可以了。然后这种操作导致上面的错误代码。最后两种方法:1.把mongodb的整个文件夹复制过来替换,然后没有报错,正常运行2.从新爬取你的数据,安装完不要动里面的东西了。这样也是没有问题的。...

2019-11-04 09:38:35 1328

原创 taro安装成功后,taro init 显示报错的解决办法

用taro创建小程序先全局安装了taronpm install -g @tarojs/cli(值得一提的是,如果安装过程出现sass相关的安装错误,请在安装mirror-config-china后重试。npm install -g mirror-config-china)然后taro init myApp报错...

2019-11-04 09:30:40 3482

原创 安装nodejs与git以及环境配置

有人问到电脑重装后,安装nodejs和git管理,以及配置问题,今天来解决一下:1.安装nodejs找好自己电脑对应的版本下载地址:http://nodejs.cn/download/然后默认安装安装完,设置淘宝镜像npm是nodejs的管理工具,安装完nodejs后npm也安装完成了。npm config set registry https://registry.npm.tao...

2019-10-23 22:19:48 3548

原创 umi框架创建项目报错的解决办法A complete log of this run can be fund in: C\Users\Administrator\AppData\Roaming\npm

场景在umi创建项目时,遇到报错,报错如下A complete log of this run can be fund in: C\Users\Administrator\AppData\Roaming\npm-cache_logs\看了网上的教程,开始把npm又重新安装,npm install npm -g 又重新设置了下淘宝镜像,这又出现了一个问题,就是下面这个命令npm c...

2019-10-18 10:56:12 1257

原创 Vue项目部署到服务器

1.首先创建一个用户然后给管理员权限,因为超级管理员root,权限最高,操作有风险登录云服务器1)远程主机添加用户adduser web 2)配置文件给权限打开编辑文件sudo vim /etc/sudoers按i编辑,然后复制下面代码,按esc,按住shift+:,然后输入wq,保存并退出web ALL=(ALL:ALL) ALL2.本地建立连接,后续更新...

2019-10-07 12:12:59 2729

原创 前端常考面试题之——css篇

1.常用浏览器和内核,兼容性2.h5语义化标签以及优点3.不知高度,实现垂直居中4.360极速模式和兼容模式的区别5.走马灯marquee6.颜色哪几种表示方法 (四种)7.常见定位方式,及区别8.视口viewport,9.适配媒体查询法,meta标签10.响应式,bootstrap的栅格系统11.清除浮动12.web性能优化13.单行溢出显示省略号14.多行显示省略号...

2019-10-07 12:02:25 207

原创 Git强制推送本地的版本和覆盖本地的版本

1.Git强制推远程在用git协作项目的时候,出现了一种情况:远程版本库的最新版本是你改错了,然后更新了。这个时候,你的同事拉下来的都是这个错误版本,唯一需要的是你当前分支的上个版本或者更早的版本。eg:错误版本(远程库最新的)A,你本地当前(和远程库一样)A,你需要的版本是B。下面正常流程git reset --hard B回退版本git add . 、 git commit -m "回...

2019-10-07 09:47:13 1826

原创 SEO是什么?以及怎么实现SEO优化

什么是SEO优化?Search Engine Optimization即搜索引擎优化,简写为SEO。原理:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。为什么要做SEO?1.网购规模巨大2.网购最重要渠道3.提高排名,获得流量就目前来说,SEO比起其他的推广方法,是...

2019-09-09 22:38:41 972

原创 js中的cookie基础封装和ajax的cookie完整封装以及实现7天免登陆效果

免登陆效果,主要是浏览器中cookie的作用,可以设置保存数据到本地,从而实现记住密码,免登陆1.cookie的基础封装,面试经常考这个。function setCookie(key,value,n){//cookie添加函数 var oDate = new Date(); oDate.setDate(oDate.getDate()+n); //value = encodeURIComp...

2019-08-16 21:41:04 743

原创 原生js实现瀑布流

瀑布流效果主要步骤分为1.排好第一行2.找出最小高度,往下排3.最小高度更新4.数据后续添加,找到最小值,加载数据js代码如下:<script type="text/javascript"> var data = ["img2/1.jpg","img2/5.jpg","img2/9.jpg","img2/1.jpg","img2/5.jpg","img2/9.jpg"...

2019-08-16 21:33:02 141

原创 原生js实现星星评分效果

注意图片路径问题代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul,li,body{padding: 0;margin: 0;} ...

2019-08-16 21:29:26 797

原创 原生js实现放大镜效果

下面是用到的图片下面是html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*body{padding: 0;margin: 0;}*/ i...

2019-08-16 21:26:34 229

原创 js用类的方法写萤火虫和组合创建的方法写萤火虫

上面两张为素材图方法一:类的方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html{ height: 100%; } body...

2019-08-16 20:37:47 242

原创 js写一个烟花效果

调用一个startMove的js文件,这个封装用的原生js,包括获取样式,高度,宽度和透明度等。引用js地址如下https://blog.csdn.net/weixin_40196539/article/details/98477850如有错误,欢迎指正,不胜感激!烟花完整代码如下:<!DOCTYPE html><html> <head> <...

2019-08-16 20:32:55 560

原创 js写一个简单的工厂模式

工厂模式:把所有的属性和方法写在一起<script type="text/javascript"> //总体的类型 工厂模式把所有的属性和方法写在一块 function createObject(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj....

2019-08-16 20:27:26 369

原创 js封装的运动函数适用于获取样式和样式变化(宽,高,透明度等)

封装的js函数 startMove.js//获取样式的函数function getStyle(obj,attr){ if(window.getComputedStyle){ return getComputedStyle(obj,null)[attr]; } return obj.currentStyle[attr];}/* 参数 * domobj要改变的dom对象 ...

2019-08-05 09:08:46 303 1

原创 js拖拽实现动态评分以及九宫格的实现

拖拽实现动态评分效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,i,em{padding: 0;margin: 0;} i,em{fon...

2019-08-02 20:42:54 450

原创 js实现图片时间,京东倒计时案例

html代码<div id="pic"> <img src="img/0.png" alt="" /> <img src="img/0.png" alt="" /> <span>时</span> <img src="img/0.png" alt="" /> <...

2019-07-20 22:09:00 781

原创 js表格添加与删除操作

html代码<input type="text" id="txt1" /> <input type="text" id="txt1" /> <input type="text" id="txt1" /> <input type="button" id="btn" value="添加" /> <table>&l...

2019-07-20 22:02:28 496

原创 js自动登录提示信息和进度条显示

自动登录css样式<style type="text/css"> div{ width: 200px; height: 200px; background: aqua; display: none; } </style>js<script type="text/javascript"> var oL...

2019-07-20 22:00:40 327

原创 js密码的字母大小写加数字为高强度,任意两种为中,一种为弱

<script type="text/javascript"> //密码的字母大小写加数字为高强度,任意两种为中,一种为弱 btn.onclick = function(){//鼠标点击函数 //三种类型判断 var flag1 = 0; var flag2 = 0; var flag3 = 0; var str = txt1...

2019-07-17 22:52:53 444

原创 js数字和大写字母混合验证码

方法一var str1 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//列出所有值 var str2 = "";//空数组存放随机数的值 function random(str){ for(var i = 0;i < 4;i++){//四位数 var randomIndex = parseInt(Math.random()...

2019-07-17 22:51:56 571

原创 js编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F)

<script type="text/javascript"> //编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F) var str = "0123456789ABCDEF";//随机数取值范围 var str1 = "";//空字符串来存放产生的随机数 function random(str){ for(var i = 0;i ...

2019-07-17 22:49:32 2414

原创 js随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么

<script type="text/javascript"> //随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么 var num = parseInt(Math.random()*10000);//生成四位的随机数 var str = ""+num;//然后变为字符串 var len = str.length; document.wri...

2019-07-16 22:35:56 1218

原创 js有一个从小到大排好序的数组。现输入一个数,要求按原来的规律将它插入数组中。(两种方法)

方法一:插入之后比较var arr = [1,3,5,6,7,9]; /*function input(arr,n){ for(var i = 0;i < arr.length;i++){//遍历数组 if(arr[i]>=n){ arr.splice(i,0,n);//插入数字 break; } } if(n...

2019-07-16 22:32:54 5308

原创 js两种排序:冒泡排序和选择排序

冒泡排序//数组中的元素两两进行比较,如果第一个数比第二个数大,交换位置,第一轮结束后,最大值排在最后边//进行第二轮的两两比较,第二大的值也能拍出来//以此类推var arr = [2,4,1,6,9,8];//声明一个无序数组 function bubbleSort(arr){ for(var i = 0;i < arr.length-1;i++){//比较的轮数,...

2019-07-16 22:28:33 122

原创 js编写函数norepeat(arr) 将数组的重复元素去掉,并返回新的数组,四种方法

//方法一:数组遍历去重var arr = [1,1,1,2,3,4,1,3,6,7,3,5];//声明一个含有重复值得数组 function norepeat(arr){//创建norepeat函数 for(var i = 0;i < arr.length;i++){//遍历数组 for(var j = i + 1;j < arr.length;j++){/...

2019-07-16 22:25:55 7674

原创 js,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /*某个公司采用公用电话传递数据,数...

2019-07-13 15:11:19 4135

原创 js1)编写任意个数字的求和、差、积、商的函数 2)计算两个文本框的加减乘除

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //编写任意个数字的求和、差、积、商...

2019-07-13 15:00:07 6207

google的FE扩展.rar

在看某些接口返回的数据或者爬取某些数据的时候,展示出来的都是毫无条理可言,少个括号找的头皮发麻,这个工具可以更好的查看数据,条理清晰,结构明显,测试接口看数据非常nice,前端浏览器利器

2020-06-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除