- 博客(43)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 将vue项目打包为桌面应用程序（electron + vue-cli3）
打包vue项目为桌面应用程序（vue-cli3+electron）
2022-01-11 15:22:46
1663
2
原创 Vue-cli3.0 + Vue 3.0基础使用
Vue 3.0初体验，学习笔记起手式安装vue-clinpm install -g @vue/cli创建项目npm create 项目名创建项目时选择 Manually select features ，在选择项目时勾选vue 3.0选项基础使用父组件<template> <div class="about"> <h1>Vue 3 入门</h1> <vueCom :childValue="parentVlaue"
2021-12-30 16:37:13
1147
转载 npm install --save 和 --save-dev 区别，到底什么时候用
1. npm install 包名将包安装到 node_modules 目录中运行npm install 时不会下载模块不会修改 package.json 文件2. npm install -g 包名全局安装，不会在 node_modules 目录中保存运行 npm install 时不会下载模块不会修改 package.json 文件3. npm install --save 包名将包安装到 node_modules 目录中运行npm install 会下载模块运行npm
2021-12-15 09:40:23
1161
原创 Blob对象、FormData对象
Blob对象Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream 来用于数据操作构造函数Blob() 构造函数返回一个新的 Blob 对象。 blob的内容由参数数组中给出的值的串联组成。语法：var aBlob = new Blob( array, options )array —— 一个由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ，或
2021-12-14 15:42:10
1996
原创 canvas常见问题
问题：canvas画笔颜色和其他标签的css颜色都设置为"white"，显示出来的颜色差距很大，如下图：解决方案：设置画笔的宽度为2及其以上ctx.lineWidth = 2（具体原因不清楚）效果：
2021-05-20 09:54:07
785
1
原创 前端导出pdf、excel方法记录
导出pdf1、html2canvas+jspdfdownloadPDF (ele, pdfName) { const eleW = ele.offsetWidth // 获得该容器的宽 const eleH = ele.offsetHeight // 获得该容器的高 this.tempTop = document.documentElement.scrollTop document.documentElement.scrollTop = 0 // 防止在对
2020-11-04 13:23:17
539
原创 javascript中对象Object的常用方法
感觉好久没写博客了，记录一下js中编程常用的方法ObjectObject.keys(obj) 方法的参数是一个对象，返回一个数组。该数组的成员都是该对象自身的（而不是继承的）所有属性名。Object.getOwnPropertyNames(obj) 方法与Object.keys类似，也是接受一个对象作为参数，返回一个数组，包含了该对象自身的所有属性名(包括不可枚举(继承的属性))。...
2020-10-19 17:29:20
421
原创 g2plot图表库1.x版本折线图踩坑记录
1.折线图显示为直线解决办法：将xAxis、yAxis的type属性设置为linearyAxis: { title: { visible: true, text: this.formData.yAxis.label }, type: 'linear' }, xAxis: { // 坐标轴标题 title: { visible: true, text: this.formData.xAxis.label }, type:
2020-10-19 17:24:06
1325
原创 基于Vue+Element+nodejs+Express+mongoDB社区综合治理管理系统
该系统是博主的大四毕业设计的最后成品，基本实现了一个社区综合治理管理系统的基本功能，能实现社区工作人员对社区的高效管理与治理。所有系统用户均能共享系统数据，并且能对网格员完成任务的质量进行有效的监管。该社区管理系统分前端和后端两个部分进行实现，实现了前后端分离。该项目已经放到了github上，需要的可以自行拉取。前端代码github地址：https://github.com/saberla/communityManage后端代码github地址：https://github.com/saberla/c
2020-07-02 16:36:48
4317
26
原创 mongodb初学记录
最近正在写毕业设计，用到nodejs和mongodb数据库，记录一下相关操作，方便忘记的时候查看关于连接数据库和创建model就不一一赘述啦，也比较简单查询$or 或关系$nor 或关系取反$gt 大于$gte 大于等于$lt 小于$lte 小于等于$ne 不等于$in 在多个值范围内$nin 不在多个值范围内$all 匹配数组中多个值$regex 正则，用于模糊查询...
2020-03-19 22:24:27
147
原创 数据结构相关
记录一下数据结构的一些东西，方便复习应用二叉树结点的度：结点拥有的子树的数目叶子结点：度为0的结点分支结点：度不为0的结点树的度：树中结点的最大的度层次：根结点的层次为1，其余结点的层次等于该结点的双亲结点的层次加1树的高度：树中结点的最大层次森林：0个或多个不相交的树组成。对森林加上一个根，森林即成为树；删去根，树即成为森林。满二叉树定义：高度为h，并且由2h-1个结点组...
2020-03-02 14:48:28
172
原创 vue组件库 element-ui常见问题总结
ps: 以下改变element-ui默认的样式时都不能加scoped，可以加一个唯一前缀避免污染全局样式改变默认样式都可以通过打开控制台查看层级和类名进行更改el-table相关1. 改变hover时表格的背景颜色 .el-table .el-table__body-wrapper .el-table__body tr.el-table__row:hover > td{ ...
2019-10-24 10:43:36
796
原创 css Grid布局记录
网格布局（Grid）是最强大的 CSS 布局方案。基本概念采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）。ex:<div class="gridContainer"> <div class="fir"><span>fir</span></div> &l...
2019-10-18 14:58:53
219
原创 vue组件传值 父传子、子传父(3种)、非父子传值
父组件向子组件传值直接在子组件中通过props来接收父组件：<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png" /> <HelloWorld :obj1="obj" :mes1="mes"></HelloWorld>...
2019-10-08 16:43:53
1340
原创 AJAX axios JSONP简单实现
AJAX AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术完整教程实现： <div class="container" style="text-align: center"> <button id="btn">请求数据</button> <div id="text"></...
2019-09-16 14:36:49
1807
原创 js中let,const,var命令区别浅析
let,const,var都是用来声明变量的命令，其中let和const都是ES6新添加的命令，要理解他们，首先得引入块级作用域这个概念。块级作用域在ES5中，还只有全局作用域和函数作用域两个作用域，这会导致很多不合理的地方，具体请看阮一峰大神的讲解在ES6中引入了块级作用域的概念，用大括号{}来表示，本人对其的理解就是新生成一个独立的块，这其中let和const命令声明的变量和外面的块是互...
2019-08-30 10:14:33
412
原创 正则表达式表单验证(姓名、性别、电话、邮箱、密码)及知识点总结
正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本。本人在学习之后写了一个表单验证demo，话不多说，上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...
2019-08-23 20:07:22
37583
5
原创 js中的arguments对象用法用途
定义由于 JavaScript 允许函数有不定数目的参数，所以需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来。（个人理解为调用时可以传入任意数量的参数而不是定义时的参数个数，所以需要arguments）虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同,arguments对象包含了函数运行时的所有参数，arguments[0...
2019-08-17 12:02:05
519
原创 Vue-cli3.0+Vuex基础使用入门详解
学习Vue的时候，Vuex是其中必不可缺的一个知识点，在学习之后，发现Vuex其实也挺简单很容易上手，接下来就讲解一下如何在Vue-cli3.0中使用Vuex:本示例的代码博主已经上传到github,如果有需要可以拉下来：...
2019-08-12 18:03:00
8491
2
原创 原生html+css+javascript仿写的静态华为商城网页
由于博主是将文件分开存放，代码也很多，所以就不粘贴代码啦，附上代码获取地址项目github地址https://github.com/saberla/imitate-HUAWEI-mall效果预览 https://saberla.github.io/imitate-HUAWEI-mall/html/HUAWEI.html网页截图：由于这个项目是博主很久之前所写，所以细节问题暂不总...
2019-07-30 22:01:25
9500
45
原创 挂在github上的网页变形
今天挂了一个新的项目到github上面，然后过一会儿github发了一封邮件过来，说npm run build错误，点进去发现好多人都是这个问题，马上去自己的github看下是不是出什么问题啦，然后现在和之前挂在上面的网页全变样啦，简直不能看，如图：出问题之前 出问题后有哪位大神知道这是为什么嘛？目前正在等回复...
2019-07-30 21:50:03
182
原创 初学vue-cli3.0+webpack+vue-router+elementUI后简单响应式静态页面的编写
博主之前出去耍了几天，回来为了复习巩固前一段时间所学的ps切图以及vue的知识，所以去网上找了几个psd文件，用vue实现了一个简单的静态单页网页界面。...
2019-07-30 21:00:20
2588
原创 vue-router(路由)快速入门 浅析（适合vue小白）
首先，由于博主学到vue的路由时是基于vue-cli3.0和webpack打包器进行开发的，所以，菜鸟教程和一些官方教程的案例好像并不适合(可能是自己刚学皮毛理解不够深)，所以，博主进行了各种查阅，总算写出一个小案例，总结出如下知识点：Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表...
2019-07-24 12:06:20
1566
原创 vue中router-link和传统a链接的区别
Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过实现跳转，这和传统的何其相似！但它们到底有什么具体的区别呢？官方中给出的解释是这样的：<router-link> 比起写死的 <a href="..."> 会好一些，理由如下：无论是 HTML5...
2019-07-24 12:05:43
15601
5
原创 vue 生命周期钩子测试小Demo(通俗易懂)
记得博主第一次看生命周期钩子官方API时，第一印象是，讲的非常详细、条理清晰，但是博主还是没完全搞懂，于是经过自己的学习之后通俗易懂的总结一下：首先，先上一张官方生命周期图示 博主写了一个小demo，通过这个例子来进行讲解会比较易懂helloWorld.vue<template> <div class="hello"> <...
2019-07-22 16:32:33
770
原创 初学vue 一些入门基础及问题记录
本篇文章博主用来记录学习中的知识点、问题，以免遗忘，方便复习，持续更新，如有问题或补充欢迎联系博主更新，感谢 v-if v-showv-if 指令用于条件性地渲染一块内容，如果想切换多个元素呢？此时可以把一个template元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含 template 元素。v-show 另一个用于根据条件展示元素的指令。区别...
2019-07-21 10:21:14
689
原创 css外边距折叠塌陷
博主对外边距折叠问题的总结 外边距折叠，指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距。其中所说的 margin 毗邻，可以归结为以下两点：这两个或多个外边距没有被非空内容、padding、border 或 clear 分隔开。这些 margin 都处于普通流中。发生折叠的情况两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠。...
2019-07-19 15:28:01
274
原创 更新博客遇到的问题
博主今天在学习过程中新发现了一些问题，于是跑去更新之前自己已经发布成功的一篇博客 点击编辑 添加新遇到的问题 再次发布 然后回到自己的博客刷新一看 这篇博文没有啦 网络的问题？ 再刷新一次 还是没有 心脏骤停 这可是一个字一个字打上去的啊 没有备份 去个人中心看了下 等等 怎么有个审核 点进去一看 这篇博文就在这 待审核 重新发布还是待审核 为什么啊，之前...
2019-07-19 10:25:00
148
原创 前端PS切片 常用不同格式图片区别
最近博主在学习切片工具的使用，经过浏览几个教学视频和其他大神的切图经验后，也是小有收获，现来总结以便复习。 为什么要学习切片因为博主准备从事前端方向（虽然现在还是一个大菜鸟），而现在前端会使用切片工具基本是必要的啦，因为现在交到我们手上的基本都是psd设计文稿，我们必须把其中的一些图片、logo、文字给切出来才能拿到网页中使用，所以学会切图工具是必要的。不仅如此正确的切片会给网站...
2019-07-18 21:17:36
853
原创 HTTP协议及常用HTTP状态码
记录一下HTTP的状态码 ，以便复习1XX：通知（服务器收到请求，需要请求者继续执行操作）2XX ：成功（操作被成功接收并处理）3XX：跳转，重定向（需要进一步的操作以完成请求）4XX：客户端出错（请求包含语法错误或无法完成请求）5XX：服务端出错（服务器在处理请求的过程中发生了错误）常见状态码100：继续 客户端应当继续发送请求。客户端应当继续发送请求的剩余部分，或者如果请求...
2019-07-13 18:54:24
323
原创 HTTP方法 get post请求方法区别
博主之前看了一些面经 大多数都问到了关于 get post两种请求方法的区别，所以博主也去各种渠道了解了下并加以总结，以便复习。以下为博主了解到的基础的知识，较为浅显，如有错误，还请联系博主改正。最简单的一些区别：GET在浏览器回退时是无害的，而POST会再次提交请求（浏览器应该告知用户数据会被重新提交）。GET一般用于获取/查询资源信息，而POST一般用于更新资源信息(具体解释请...
2019-07-13 18:24:48
291
原创 初学Bootstrap+JQuery后的响应式静态网页编写以及过程中遇到的一些问题
学习bootstrap时练习仿写了一个自适应页面遇到的问题导航栏( navbar-nav)对齐方法不能在ul中添加justify-content-* 应该在其外层div上添加才能生效 并且在设置对齐方法以后 外边距等属性失效 不能同时设置设置滚动监听事件使用data-spy="scroll"的元素需要将其position属性设置为relative才能起作用设置a...
2019-07-12 16:40:15
621
原创 JSON小demo及知识点
博主学习时练习的静态json小demo,有静态判断登录、对象字符串相互转换三个小功能JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
2019-07-12 15:59:00
213
原创 css浮动 BFC(块级格式化上下文)
float:left设置之后元素可能会浮出容器脱离文档流 内容便不会撑开父容器 此时需要清除浮动才能恢复解决方法1.额外标签法： clear:left、right、both 注:在子元素后添加(不推荐使用)例<div class=huaweiapp></div>清除浮动 在div关闭前加上<div style="clear:both"></...
2019-07-04 21:48:19
140
原创 css position属性
position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。absolute 生成绝对定位的元素脱离文档流生成绝对定位 相对于static定位外的第一个父元素(有定位的父元素，否则一直找到html进行定位)进行定位fixed 生成绝对定位的元素脱离文档流的绝对定位 相对于浏览器窗口进行定位relative 生成相对定位的元素相对...
2019-07-04 21:07:56
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人