- 博客(28)
- 收藏
- 关注
RSS订阅
原创 使用P5.js仿chorm浏览器几枝波浪waves效果
效果： <script> let xspacing = 8; // 每个水平位置的距离 let waveHeight; // 用数组保存波的高度（不完全需要） let maxwaves = 10; // 相加的波的总数 let theta = 10; // x 的增量值，根据周期和水平位置距离来计算 let dx = new Array(maxwaves); // 4个空值 le
2021-02-18 18:22:43
766
原创 git下载vue-element-admin，npm报错syscall spawn git
vue-element-admin下载地址https://github.com/PanJiaChen/vue-element-admin报错：3656 error code ENOENT3657 error syscall spawn git3658 error path git3659 error errno ENOENT3660 error enoent Error while e...
2020-04-01 10:48:14
6039
原创 Chrome本地跨域 origin-null-is-not-allowed或者Blocked a frame with origin “null“ from accessing 解决方案（适用于前端）
本地直接打开项目地址报错，地址栏里的地址：file:///C:/Users/Administrator/Desktop/HZ/register.html谷歌不允许这样打开项目，所以产生了跨域问题。解决办法：本地要起一个类似客户端运行的环境，我用的是vscode中的Live Server然后打开需要运行的html页面，点击如图所示的位置即可运行起来在浏览器打开的地址一般是：http:/...
2019-07-13 10:53:52
8934
4
原创 flex弹性布局的应用三 之flex-warp属性
关于flex-warp属性的使用1、使用方式display: flex; //弹性盒子，默认弹性盒元素的方向是横向flex-wrap: wrap; //在必要时换行align-content: stretch; //堆栈排列，控制wrap换行2、使用方式display: flex;justify-content: space-between;align-items: cente...
2019-06-14 21:06:48
7113
5
原创 Javascript算法实现PDF批量加盖不同宽度骑缝章，vue加持。
思路获取文件的页数pageNum，章宽width，按照页数使用裁剪组件把章裁剪成pageNum份，每一份骑缝章Math.random()宽度不同，但加起来的宽度等于width。1、获取电子纸张数量pageNum、获取完整章的宽度w，随机设置章宽，但是不要差w/pageNum太多，否则章可能宽度差异太大。2、使用裁剪工具cropper.js裁剪一枚完整章为pageNum个章。需求电子交易合同、电子文件需要加盖骑缝章，骑缝章的宽度并且是随机的。可盖1-2个骑缝章。3、页面上放好dom，vue自动渲染章。....
2022-07-28 23:18:06
1847
1
原创 vue点击路由列表某一菜单报错
我的是安装的vue-router版本问题，其他人的版本是3.1.5没有报错，我的版本是3.0.x报错。把版本升级到3.1.5不再报错。npm install vue-router@3.1.5 --save
2020-07-27 09:52:55
204
1
原创 如何用不确定深度的json数据做出n行n列的table表格
有时候我们不得不使用table写一些东西，但是不知道数据的深度，就无法确定数据每一行有几列，就无法进行colspan和rowspan。那我们使用什么去获取每一行的深度呢，使用递归！写的时候要格外注意不要写成死循环！否则电脑很容易卡机。仅作参照，需要前后端都对数据进行一些处理。let getData = [ { "position": 1, "name": "1", "depth": 0, "child": [{ "position": 2, "name"
2020-05-28 22:33:43
265
原创 使用vue-admin-template基础模板开发后台管理系统必会技能
1、必会一 ：vue-clivue-admin-template的使用建立在vue-cli（脚手架）基础上。官网2、必会二 ： vue-router路由是个很重要的角色，可以管控登录权限，负责页面间的参数传递和跳转官网3、必会三：vue-element-adminvue-admin-template是基础模板，既然要使用vue-admin-template开发，肯定要会使用v...
2020-04-18 19:22:28
2649
原创 本地代理Apache Hbuilder开发App
卸载Apache1、管理员身份运行cmd,如图2、定位到apache安装目录的bin下，输入 sc delete xx (xx是安装的apache的名字，在第3步找)，如图 删除成功3、win10 开始菜单-右键-计算机管理，打开如图所示，选中的是apache的名字安装apache详细参考：https://www.php.cn/apache/427457.html1、解压安装包文...
2020-02-17 16:07:31
485
原创 split与join ，splice移除，slice截取字符串
split（用什么分割） 字符串转数组join （一般是逗号）数组转字符串，splice（位置，个数）从数组末尾移除，slice（开始位置，结束位置不包括本身）截取字符串...
2019-12-17 17:38:49
223
原创 如何运行Python文件，以及如何使用cmd运行Python（Windows）
一、使用转换器1、使用Python转换器，下载地址：http://www.python.org。下载完成后，默认安装2、 安装完成后，在开始菜单找到Python，打开编码环境（IDLE），如图：3、从file菜单中打开自己后缀为.py的文件，在菜单栏依次点击run-run model，即可运行起来Python文件4、运行成功，如图二、cmd运行1、配置；我的电脑-右键属性，接下来如...
2019-10-15 10:53:24
3469
原创 css之height
别看height简单，但是用错了会造成内容区域的乱套，说说自己遇到的两种情况1、根据750x1334设计的图，去做页面，给了整体一个height:100%，然后在写内容的时候，发现上边写的内容被下边的给“顶”了，然后看到上边的内容不全了，这是因为内容区的高度大于100%，不得不覆盖一部分以实现整体的100%。2、pc端页面。某一个div设置了450px的高度，但是div内容有一部分缺少了，还跟...
2019-07-11 11:26:16
126
原创 vue-cli脚手架 之 短信验证码倒计时60s
1. 首页引入计时器和清除定时器的函数import { setTimeout, setInterval, clearInterval } from 'timers';**2.**定义一个为null的变量interval，和一个负责循环的变量ivar interval=nullvar i=60**3.**在methods对象中定义点击获取验证码的方法。必须判断interval是否为nu...
2019-07-09 09:14:52
407
原创 关于vuejs移动端组件vant，和remjs
有赞 vant：https://youzan.github.io/vant/#/zh-CN/quickstartremjs匹配机型兼容代码如下。浏览器默认font-size:16px; 在自己写项目的时候需要除以100，以下js代码有说明。举例，width：200px，换算成自己实际需要的rem，width：2rem.((designWidth, maxWidth) => { // ...
2019-07-03 10:48:12
888
原创 flex弹性布局的应用四 之flex属性
flex属性可理解为 ：子元素的长度主要代码html <div class="content"> <div class="c-1">1</div> <div class="c-1">2</div> <div class="c-1">3</div> <div class="c-1">...
2019-06-14 21:18:03
204
原创 flex弹性布局的应用二之属性组合
这四种属性的组合方式是经常用到的。主要以 flex-direction: column为例一、组合方式1 display: flex; //弹性布局，伸缩布局 flex-direction: column; //弹性盒元素的方向，列，即垂直方向 justify-content: space-around; //主轴（水平）方向的对齐方式 align-items: center; //侧...
2019-06-14 20:25:06
179
原创 flex弹性布局的应用一之属性组合
这四种属性由不同的属性值进行组合，会产生不同的变化，很是奇妙，学会如何运用会有很大帮助。我写的是我经常用的几种组合方式，供大家借鉴。flex-direction的属性值：https://www.runoob.com/cssref/css3-pr-flex-direction.htmljustify-content的属性值：https://www.runoob.com/cssref/css3-p...
2019-06-14 20:04:01
399
原创 关于display:flex的使用
未使用display:flex<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-05-27 13:29:26
367
2
原创 vue中使用TcPlayer，自动播放视频，以及下一个视频
前提是已经知道怎么使用TcPlayer。一、自动播放视频。方案：在activated中使用定时器（setTimeout()）例：setTimeout(function(){ $this.playBtn(0); },0);二、自动切换下一个方案：看new TcPlayer()返回的都有哪些参数，在这些参数里找需要的东西。this.tenObj = new ...
2019-05-23 13:39:31
17954
5
原创 vue 点击div，实现对input的全选，取消全选
不全选，开发中下面讲下全选和不全选，主要是通过操控checked属性，根据布尔值true和false、取反等操作来实现全选和全不选。全不选效果：全选效果：全不选，复选框checkbox全部未选中，全选的div边框和字色为黑色。全选，复选框checkbox全部被选中，全选的div边框和字色为红色。上代码HTML代码 //通过input的checked的属性，真为选中，假不选中，来...
2019-05-08 18:48:09
2674
原创 vue 多项收藏、取消收藏
html代码 <span class="iconfont c-fs40 c-fc-gray books-6" :class="[!item.collect ? star : '']" @click="toggle(index,item.collect)" ></span>js代码let tools=[ {name:'用户即媒介，人就是节...
2019-05-07 19:09:16
4867
1
原创 image居中、div嵌套div上下左右居中
1、如何让图片居中放在div中，设置div：margin:0 auto;，这样div左右居中，包含在里面的图片也会随之居中。 <head> <meta charset="utf-8"> <title>居中</title> <style type="text/css"> div{ wid...
2019-04-30 23:01:47
3810
原创 Position定位（fixed，absolute，relative），Float
position有3个属性是我们平常用的最多的，即fixed，absolute，relative。1、absolute，绝对定位，是相当于父元素（或者父父元素）的定位，不遵循文档流；也不占据空间。后来者居上，后边的元素会被顶到它使用绝对定位之前的位置。2、relative，相对定位，是相当于定位之前自身的位置，遵循文档流，定位之前的区域不会被顶替，还在原来占据着位置。定位之后的区域，不占据任何...
2019-04-30 21:23:16
2751
原创 如何使用Git bash提交代码
前提是已经安装好了Git工具，并已经配置好Git提交的地址，并配置了账号和密码。我的代码是放到码云上面的。并且配好了地址、账户名、密码。接下来会用到账户名和密码。1、进入自己的项目目录 cd E:\2、查看状态git status3、如果本地项目新加了文件，需要先add，否则直接进入第4项 git add -A4、commit 提交git commit -m "记录改变"5、pus...
2019-04-29 18:21:45
263
原创 后台模板vue-admin-template的安装
1、安装Git，vue-element-admin基础教程廖雪峰老师：Git安装和使用2、使用Git工具克隆项目创建项目步骤：# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git（1） 进入项目目录cd vue-element-admin（2） 安装依赖npm install#（3） 建...
2019-04-26 09:01:29
2395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人