- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【踩坑】static heartbeatInterval = 1000
构建项目初期测试本地服务的时候报错:clean-webpack-plugin: options.output.path not defined. Plugin disabled…[webpack-cli] C:\Users\CB_CaBbage\Desktop\TypeScript\node_modules\webpack-dev-server\lib\servers\WebsocketServer.js:10static heartbeatInterval = 1000;^测试环境依赖:“d
2022-03-29 16:16:55
1583
原创 nodejs版本管理gnvm使用教程
nodejs版本管理教程如果忘记nodejs安装目录,可以先使用where node查找nodejs根目录然后将gnvm放入nodejs根目录中在nodejs根目录输入gnvm version查看gnvm版本(显示版本即为成功)开始使用,先尝试安装低版本nodejsgnvm install 8.11.4(或安装自己需要的版本)我已经安装过8.11.4版本,所以这里显示已安装安装完成后,当前版本并未切换(可以查看版本为原有版本),需要使用gnvm use来切换版本此时查看nodejs
2021-10-11 11:56:39
744
原创 iview简单导入
iview简单使用(按需导入&全部导入)开发环境为: vue + iview + node + npm先安装包npm i --save view-design在项目的配置文件bable.config.js中添加下列代码:"plugins": [["import", { "libraryName": "view-design", "libraryDirectory": "src/components" }]]在项目的src/main.js中添加下列代码
2021-05-17 22:02:39
517
转载 MySQL的limit用法和分页查询的性能分析及优化
一、limit用法在我们使用查询语句的时候，经常要返回前几条或者中间某几行数据，这个时候怎么办呢？不用担心，mysql已经为我们提供了这样一个功能。SELECT * FROM table LIMIT [offset,] rows | `rows OFFSET offset ` (LIMIT offset, `length`)SELECT*FROM tablewhere condition1 = 0and condition2 = 0and condition3 = -1and condi
2021-05-08 14:09:14
349
转载 JavaScript的Iterator认识
遍历器（Iterator）遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator 的作用有三个：为各种数据结构，提供一个统一的、简便的访问接口；使得数据结构的成员能够按某种次序排列；ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of消费。遍历过程：创建一个指针对象，指向当前数据结构的起始位置。也就是说
2021-05-08 14:05:41
154
转载 如何开启MySQL远程连接
MySql-Server 出于安全方面考虑只允许本机(localhost, 127.0.0.1)来连接访问，这对于 Web-Server 与 MySql-Server 都在同一台服务器上的网站架构来说是没有问题的。但随着网站流量的增加，后期服务器架构可能会将 Web-Server 与 MySql-Server 分别放在独立的服务器上，以便得到更大性能的提升，此时 MySql-Server 就要修改成允许 Web-Server 进行远程连接。开启了远程连接，数据库的后期管理运维也不用每次都登到服务器，只要
2021-05-08 14:02:22
294
转载 基于token的登陆验证机制
session简介做过Web开发的程序员应该对Session都比较熟悉，Session是一块保存在服务器端的内存空间，一般用于保存用户的会话信息。用户通过用户名和密码登陆成功之后，服务器端程序会在服务器端开辟一块Session内存空间并将用户的信息存入这块空间，同时服务器会在cookie中写入一个Session_id的值，这个值用于标识这个内存空间。下次用户再来访问的话会带着这个cookie中的session_id，服务器拿着这个id去寻找对应的session，如果session中已经有了这个用户
2021-05-08 13:58:18
532
1
转载 js构造函数中this的指向问题？
JS里没有类.构造函数是个函数,this指向的是个对象,this蒙上眼睛指也指不到构造函数去.构造函数的this指向创建的实例对象无疑. 要明白这一点,要先弄明白,用new操作符调用构造函数的时候都发生了什么.造函数其实和普通函数本质上并无区别，唯一的区别有两个：函数首字母大写，这个区别只是约定俗成的，便于区分。你实在要小写定义构造函数也完全没问题，所以这个区别可以忽略。构造函数的调用需要用new操作符，而普通函数的调用又分很多种，但是都不会用到new操作符。所以，构造函数和普通函数的区别就在这个
2021-05-08 13:52:01
841
转载 谷歌浏览器不兼容history.back()返回上一页并刷新问题
老项目中发现的一个小bug，表单提交后跳转的jsp是通过history.back()方法返回上一页，因为项目极老，当时只兼容ie，所以在测试的时候都没有发现这个问题。今天用chrome测试发现，在返回的时候填写的表单还保存着，只需要重新填写验证码即可。于是想要解决这个bug。度娘一波发现对于history.go()和history.back()怎么说的都有，但经实测，不论是history.go(-1)或是history.back(-1)以及history.go()都只能返回上一页，但无法刷新。多方探查之
2021-05-08 13:42:49
1973
转载 Element-UI级联选择组件的默认值回显问题
这篇文章主要向大家介绍Element-UI级联选择组件的默认值回显问题,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。Element-UI级联选择器Cascader，经过v-model保存选择项的值，数据类型为数组，数组元素为所选不一样级别选项的值。Vue示例代码以下：htmlhtml部分：<el-cascader v-model="editForm.goods_cat" :options="cateList" :props="props" @change="handleC
2021-05-08 13:41:13
1538
转载 PowerShell：因为在此系统上禁止运行脚本，解决方法
在自己编PowerShell脚本的时候突然遇到这个问题：无法加载文件 C:\Users\DH\Desktop\cs\rename.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。+ CategoryInfo : SecurityError: (:) []，ParentContainsErrorRecordException+ FullyQual
2021-05-08 13:39:08
579
转载 执行nrm报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)；
执行nrm报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string’, value);C:\WINDOWS\system32>nrminternal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^[TypeError [ERR_INVALID_ARG_TYPE]: The "path"
2021-05-08 13:35:33
222
原创 [自学第二十天] 笔记小结
1. JSONJSON(JavaScript Object Notation JS对象简谱) 是一种轻量级的数据交换格式.JSON是ECMA指定的一个数据表示规范,是ECMAScript的一个子集.采用独立于编程语言的文本格式来存储和表示数据.表示数据结构清晰、简洁、易于阅读和解析.逐渐取代了XML数据格式.JSON是一个序列化的对象或数组,或对象中含有数组,或数组中含有对象.2. JSON的表示方式 1)对象表示 var obj = { id
2021-05-07 15:46:03
70
原创 [自学第十九天] 笔记小结
Jquery1. 尺寸相关 1）获取和设置元素的尺寸 $(dom).width()/height() 获取元素的宽度/高度 $(dom).innerWidth()/innerHeight() 获取包括padding的宽度/高度 $(dom).outerWidth()/outerHeight() 获取包括padding和border的宽度/高度 $(dom).o
2021-05-07 15:28:36
79
原创 [自学第十八天] 笔记小结
JQuery1. 认识JQueryJQ是JS库,是对JavaScript的一个封装,也即是说JQ提供了大量的API,在开发时,以最少的代码实现最多的功能于2006年开源,现在已经发展成为集JS、CSS、DOM、Ajax于一体的强大的框架体系.2. 学习文档中文文档 : https://www.jquery123.com/API学习或查询 : https://jquery.cuishifeng.cn/3. JQ功能控制页面样式访问和操作DOM事件处理提供了大量的插件与Ajax技术的封
2021-05-07 15:23:00
89
原创 [自学第十七天] 笔记小结
1. JSONJSON(JavaScript Object Notation: JS对象表示法) 是一种轻量级的数据交换格式.用独立的编程语言的文本格式来存储和表示数据. 1)优点: 易于阅读和编写,同时也易于浏览器解析和生成,并有效地提升网络传输效率. 2)与XML比较: JSON书写或解析时是一个对象,更容易解析,而XML是由用户自定义标签来存储数据的,对于前端来说,不容易书写且解析起来比较困难. 3)JSON文件内容 它可以是
2021-05-07 15:10:33
163
原创 [自学第十六天] 笔记小结
1. 内置对象 1)global对象 在JS中没有global对象,Web浏览器将Global对象视为window对象的一部分加以实现. 方法: a.encodeURIComponent():对unicode进行编码处理 b.decodeURIComponent():对unicode编码进行解码处理 c.eval():具有字符串解析器的作用(慎用!因为它的性能较差,且比较危险) 2
2021-05-07 14:00:03
67
原创 [自学第十五天] 笔记小结
1. 函数函数就是将具有一定功能的一段js代码的封装.可以在程序的多个地方被反复调用. 1)定义函数 格式一: function 函数名 ([形参列表]) { 函数体: [return [<表达式>];] } 格式二: var 变量名 = function ([形参列表]){ 函数体:
2021-05-07 10:54:40
66
原创 [自学第十四天] 笔记小结
1. JS是运行在客户端的一种解释型编程语言,它是一种弱类型的语言.2. JS的作用:用来完成前后端交互、增加用户体验的一些逻辑实现.3. 一个网页是三部分组成:结构(HTML/HTML5)、表现(CSS/CSS3)和行为(JavaScript)4. 前端开发的核心是:JavaScript.5. JavaScript的组成:ECMAScript (标准: ECMA-262) : 基础语言部分(基础、面向对象等)DOM (标准: W3C) : 节点操作BOM (无标准) : 浏览器操作6
2021-05-07 10:24:07
73
原创 [自学第十一天] 静态项目实战_纽曼官网(用时三天)
1.需求分析2.创建项目目录样式分为index.css 首页内容样式public.css 公共样式reset.css 页面样式初始化3.完成首页的结构与样式首页结构展示初始化样式部分展示4.最终效果展示(静态)5.总结第一次自己写静态网页,思路不是很清晰,结构调整了很久.样式也敲了很久才符合需求图.多敲多练速度应该能加快很多....
2021-05-07 10:11:52
312
原创 [自学第十天] 笔记小结
1. Photoshop由美国Adobe开发的一款用来处理图像的软件.Adobe开发另外一款软件Illustrator(AI),它是用来作图的,它主要跟加拿大开发的CorelDRAW抢占市场.PS是用来处理位图的,而AI是用来处理矢量图的.2. 位图位图是由像素点组成的,文件较大,放大会失真,一般用来表示人物、风景等;矢量图是由线条组成的,文件较小,放大后不会失真,一般用来表示工程图等,是由若干个几何图形拼合而成.3. 分辨率又叫解析度、解像度.可分为显示分辨率、图像分辨率、打印分辨率和扫描
2021-05-07 09:27:18
113
原创 [自学第九天] 笔记小结
1.多列(分栏) 1)column-count 规定元素应该被分隔的列数(栏数) column-count:number|auto; 2)column-gap 设置栏间距. column-gap:length|normal(默认值); 3)column-rule 设置栏间分隔线. column-rule-style:设置线型. none 没有分隔线 hidden 隐藏线
2021-05-07 09:16:28
87
原创 [自学第八天] 笔记小结
变形(transform)translate(x,y) 定义2D转换,沿着X和Y轴移动元素. 位移效果translateX(n) 定义2D转换,沿着X轴移动元素.translateY(n) 定义2D转换,沿着Y轴移动元素.scale(x,y) 定义2D缩放转换,改变元素的宽度和高度. 缩放效果scaleX(n) 定义2D缩放转换,改变元素的宽度.scaleY(n) 定义2D缩放转换,改变元素的高度.rotate(angle) 定义2D旋转,在参数中规定角度.(-360deg,360de..
2021-05-06 21:22:05
76
原创 [自学第七天] 笔记小结
CSS3是CSS2.1的一个升级.它是对CSS的一个扩展.CSS3的主要新特性:选择器阴影形状转换(2D<->3D)变形动画(过渡动画、帧动画)边框多重背景反射文字颜色(rgba/hsl/hsla)滤镜(filter)弹性布局多列布局盒模型Web字体媒体查询CSS3不是所有浏览器或同一浏览器的不同版本都支持,所以需要做兼容处理.通常的做法就是加厂商前缀.主流浏览器内核(面试点)a) Trident:IE内核b) Webkit:Chrome和Sa.
2021-05-06 20:49:29
68
原创 [自学第六天] 笔记小结
HTML5由W3C和WHAT组织机构共同研发出来的,于2014年正式发布.HTML5成为了新一代网页开发标准.HTML5新特性(面试)增加了audio和video音频视频播放,抛弃了Flash新增了canvas画布(绘画,制作动画(如小游戏开发等))地理定位增加了离线缓存硬件加速Web Socket(全双工通信)增加了本地存储新增了一些语义化标签网页布局标签header:页首nav:导航栏aside:侧边栏main:主体section:区块article:文章fo.
2021-05-06 20:15:11
62
原创 [自学第三天] 笔记小结
CSS:层叠样式表,用来美化网页的.做到结构(HTML)和表现(CSS)分离.基本语法:选择器 { 属性: 属性值; }css引用方式:行间样式、内部样式、外部样式、导入外部样式行间样式:直接在标签上书写样式.内部样式:在文件的内部书写样式.外部样式: (1)先创建一个CSS文件;(2)再用link标签引入这个文件.导入外部样式:(1)先创建一个CSS文件;(2)在style标签中用import导入这个文件.以上四种CSS引用方式的区别:行间样式只作用于当前标签;而内部样式作用..
2021-05-06 19:35:21
65
原创 [自学第二天] 笔记小结
标签由标签名、标签属性和文本内容三部分组成(注意:单标签没有文本内容);标签属性是对标签的一种描述方式;标签属性分通用属性、自由属性和自定义属性;通用属性:所有标签都具有的属性(除<br />标签外);通用属性有:id:用来给标签取一个唯一的名称;id名称在一个网页必须是唯一的.class:用来给标签取一个类名;style:用来设置该标签的行内样式;title:当鼠标移到该标签,所显示的提示内容;自定义标签属性:通常用来传值或用于图片的懒加载等方面.格式:data-*&.
2021-05-06 19:19:38
64
原创 [自学第一天] 笔记小结
HTML是一种超文本标记语言,不属于编程语言.HTML5是2014年后退出的,是公认的下一代web语言,是重要的网络推手.HTML具有简易性,可扩展性,平台无关性和通用性等特点.网页分为静态和动态两种.五大主流浏览器: IE(Edge),FireFox,Chrome,Opera,safari浏览器内核由渲染引擎和JS引擎两部分组成 内核:Trident(IE),gECKO(FireFox),Webkit(safari/chro..
2021-05-06 19:02:39
65
原创 [emmet] 快速构建HTML结构
emmet快速构建结构1.html初始结构 输入 ! 后直接按 tab 即可快速生成基础html结构2.class.,id# 标签名后直接跟.或# :3.子节点>，兄弟节点+，上级节点^ 直接在标签中间插入指令 :4.重复个数* 标签后跟指令加数字表示
2021-05-06 18:48:26
871
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人