- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-image里面调用assets静态图片资源
注：require在vue3+vite中不支持。2.import引入，具体写法有两种。1. 使用require引入。
2024-02-22 10:39:26
729
原创 ts报错Property ‘zeroValue‘ has no initializer and is not definitely assigned in the constructor.
1.出现报错的几种原因（1）属性类型不对（2）没有初始化（3）undefined或null2.解决的方法（1）tsconfig.json中修改"compilerOptions": { "strictPropertyInitialization": false }（2）非空断言!:（3）?:（5）联合value | undefined | null...
2021-08-05 16:41:45
1104
原创 关于windows系统没有which命令的解决方案
1.which是什么命令？linux系统下可以查找命令的绝对路径2.windows系统下没有这个命令怎么办？可以用where代替
2021-07-11 15:00:43
1737
原创 nvm的安装及使用
1.什么是nvmnvm主要用于管理node版本2.安装https://github.com/coreybutler/nvm-windows/releases选择nvm-setup.zip下载并安装3.安装完确认打开cmd输入nvm4.nvm管理node（1）nvm list [available] 显示已安装的列表。可选参数available，显示...
2020-02-28 16:15:33
247
原创 input自动填入用户名和密码的解决方法
1.<form> <el-input type="text" autocomplete="off"></el-input> <el-input type="password" autocomplete="new-password"></el-input></form>
2020-02-25 17:13:35
1246
原创 vue中引入sass
1.配置(1)命令行：cnpm install node-sass --save-devcnpm install sass-loader --save-devcnpm install style-loader --save-dev（2）webpack.base.conf.js的module中加入{ test: /\.scss$/, loaders: ["st...
2020-02-25 15:00:50
171
原创 babel-loader 升版和降版
升版（最高版本）：npm install -D babel-loader @babel/core @babel/preset-env webpack降版：npm install -D babel-loader@7 babel-core babel-preset-env
2020-02-20 00:27:20
2410
原创 ajax请求
ajax是无需刷新页面就能从服务器取得数据的方法。chrome无法调试XHR对象open（'get','example.php', false）open（）不会发送真正的请求，只是启动一个请求以备发送若发送特定请求，要调用send（）方法如果不需要通过请求主体发送数据，则必须传入null。调用send()后，请求被分发到服务器。timeout：超时时间...
2019-11-27 10:34:53
107
原创 js类公有属性和私有属性
function Test(){ var name = 'test'//私有 this.age = 12//公有 this.getName = function(){ return name } this.getAge = function(){ return this.age }}var Test = new Test()print(Test.name)//unde...
2019-11-19 14:50:18
1404
1
原创 canvas学习笔记（八）---- 基本动画
1.用window.setInterVal()、window.setTimeOut（）和window.requestAnimationFrame()来定期执行一个指定函数setInterval（function，delay）setInterval（function，delay）requestAnimationFrame(callback)2.drawImage(img,sx,...
2019-11-09 17:44:56
320
原创 canvas学习笔记（七）----裁切路径
clip（）将当前的路径转换为裁剪路径只能用一次，后续再用，不起作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
2019-11-08 17:01:02
434
原创 canvas学习笔记（六）----变形
1.save（）保存画布的所有状态2.restore（）恢复状态3.translate（x，y）左右偏移量和上下偏移量4.rotate（angle）旋转的角度5.scale(scaleWidth,scaleHeight)缩放的长度和宽度(1=100%,0.5=50%)<!DOCTYPE html><html lang="en"><head&g...
2019-11-08 16:45:39
141
原创 canvas学习笔记（五）----图像
图片源：统一由CanvasImageSource类型引用1.HTMLImageElement ：由Image（）函数构造出来，或者任何的<img>元素2.HTMLVideoElement：用一个HTML的<video>元素作为图片源，可以从视频中抓取当前帧作为一个图像3.HTMLCanvasElement：可以使用另一个<canvas>元素作为图...
2019-11-08 12:25:36
265
原创 canvas学习笔记(四）----绘制文本
1.fillText（text,x,y[,maxWidth]）在指定的（x,y）位置填充指定的文本，绘制的最大宽度是可选的2.strokeText(text,x,y,[,maxWidth])在指定的（x,y）位置绘制文本边框，绘制的最大宽度是可选的3.font = value 文本的字体样式4.textAlign = value 文本对齐方式，start、end、left、right和...
2019-11-08 10:57:47
119
原创 canvas学习笔记（三）----使用样式和颜色
//颜色fillStyle = color;//设置图形的填充颜色 ctx.fillStylestrokeStyle = color;//设置图形轮廓的颜色 ctx.strokeStyleglobalAlpha = transparencyValue;//设置填充颜色或轮廓颜色的透明度 ctx.globalAlpha//线条样式lineWidth = value;//...
2019-11-08 10:31:23
411
原创 canvas学习笔记（二）----绘制路径
1.会使用的函数1）beginPath()新建一条路径，生成后，图形绘制命令被指向路径上生成路径2）closePath()闭合路径后图形绘制命令重新指向到上下文3）stroke()通过线条来绘制图形轮廓4）fill()通过填充路径的内容区域生成实心的图形5）arc(x,y,radius,startAngle,endAngle,anticlockwise)以（x，y）为圆心以ra...
2019-11-02 16:52:58
330
原创 canvas学习笔记（一）
<canvas id="tutorial" width="150" height="150"></canvas>1.canvas只有两个属性width和height，若没有设置这两个属性，则初始宽高为300px，150px，是利用DOM.properties设置的如果绘制的是扭曲的图形，要用width和height属性设置宽高，而不是css2.用getCont...
2019-11-01 17:42:43
213
原创 搭建一个特简单的webpack环境
1.创建一个文件夹2.进入该文件夹，npm init -y3.npm install webpack webpack-cli --save-dev4.创建配置文件 webpack.config.js'use strict'const path = require('path')module.exports = { mode: 'production', en...
2019-09-06 22:11:03
101
转载 js sort()函数的使用
arrayObject.sort(sortby) sortby是一个函数，用来作为排序的规则，一般用于数字排序sort函数是按照字典顺序对元素进行排序对数字排序的具体使用例子：1）升序function sortNum(a,b){ return a-b}var arr=new Array[1,3,90,15]console.log(arr.sort(sortN...
2019-07-10 15:02:08
766
转载 js代码规范
https://www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html
2019-07-02 09:34:15
590
转载 a==1&&a==2&&a==3为true的情况
第一种： const a={ i:1, toString:function(){ return a.i++; } } if(a==1&&a==2&&a==3){console.log("ok")}else{console.log("no")}第二种： var val=0;...
2019-04-12 10:33:11
608
原创 element组件 dialog 中form表单不能清除成功
用v-if的方法来渲染dialog子组件1.dialog绑一个close事件，点 x 按钮调close函数2.点取消调一次close函数3.点保存保存成功后调一次close函数父组件:<template> <div class="list"> <el-button @click="clickEdit">edit</el-b...
2019-03-26 13:42:16
1765
原创 JavaScript shell安装
1.http://ftp.mozilla.org/pub/firefox/nightly/latest-oak/下载需要的安装包并解压；2.将jsshell-win64如E:\software\jsshell-win64配置到系统的环境变量下，即可直接打开cmd运行js代码（打开cmd后输入js就可以进行运行了）。...
2019-02-27 10:46:19
1482
原创 express学习笔记(一)
一、路由路由是指应用程序的端点（URI）如何响应客户端请求。可使用express app对象的方法定义路由。/*创建express应用程序，该express（）函数是express模块导出的顶级函数*/var express=require('express');var app=express();/*该app对象通常表示express应用程序*/app.get('/',f...
2019-02-18 15:50:22
679
原创 CanvasRenderingContext2D提供的属性
1.fillStyle设置填充路径时所用的填充风格，该属性支持3种类型的值：1）符合颜色格式的字符串值，表明使用纯色填充2)CanvasGradient,表明使用渐变填充3）CanvasPattern，表明使用位图填充 2.strokeStyle设置绘制路径时所用的填充风格，该属性支持3种类型的值：1）符合颜色格式的字符串值，表明使用纯色填充2）CanvasGr...
2019-01-29 09:48:30
1217
原创 CanvasRenderingContext2D的API方法
1.向Canvas的当前路径上添加一段弧void arc（float x,float y,float radius,float startAngle,endAngle,boolean counterclockwise) 2.向Canvas的当前路径上添加一段弧，与前一个方法相比，只是定义弧的方式不同void arc （float x1,float y1,float x2,flo...
2019-01-28 16:16:25
1494
原创 浏览器混杂模式和标准模式笔记
扩展：1.DOCTYPE的作用：首先这个声明不是HTML标签，而是一种语法格式。DOCTYPE是定义浏览器使用什么样的文本类型定义（DTD）载入页面，也就是告诉浏览器使用什么样的HTML或者XHTML规范来解析html。一般情况下出现在html文档的开头 1.文档模式的意义：IE5.5引入了文档模式的概念，通过使用DOCTYPE实现模式切换，它的主要作用是告诉浏览器以哪种模式呈...
2019-01-10 17:55:12
795
原创 webstorm 怎么删除项目
1.ctrl+alt+s，打开settings面板2.点击删除要删除的项目3.确定删除4.最后一步，一定要记住：点击settings面板右下角的ok键
2018-11-15 22:25:02
7155
转载 placeholder中字体的设置
https://blog.csdn.net/water_v/article/details/78397559
2018-10-09 16:52:01
1250
原创 css --- font属性设置
1.可按顺序设置：font-style：font-variant：font-weight：font-size/line-height：font-family：line-height： 2.属性值：（1）font-style：字体样式normal：默认值。标准字体样式italic：斜体oblique：倾斜inherit：父元素继承（2）font...
2018-10-09 10:43:59
256
原创 node.js EventEmitter
1.EventEmitter是events模块类。EventEmitter的核心是事件触发和事件监听器功能的封装。2.EventEmitter提供了多个属性，如on和emit。on函数用于绑定事件函数，emit属性用于触发一个事件。 （1）方法1）add Listener（event，listener）为指定事件添加一个监听器到监听器数组的尾部。2）on（event，lis...
2018-09-14 17:52:11
167
原创 sass学习
sass和css基本一样，增加了一些继承和函数写法1.变量声明和引用$nav-color: #F90;nav { $width: 100px; width: $width; color: $nav-color;}2.嵌套css#content { article { h1 { color: #333 } p { margin-bottom:...
2018-09-05 16:25:31
138
原创 css样式
1.同级别中fixed的div想要铺满整个body页面，设置如下position：fixed；bottom：0；top：0；（高度铺满了），width：100%；若不行，设置如下也可（left：0；right：0；）。2.border设置为半透明border: 5px solid rgba(XXX, XXX, XXX, 0.5)...
2018-09-03 16:46:29
111
原创 vue单独页面body的css样式
做法：给最外层div加position：fixed；height：100%；使其脱离文档流，再加自己想要的样式。原因：app.vue中还设置了一层div，我们所加的并不是最外层的div。...
2018-08-28 16:10:44
8519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人