自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(81)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue3使用中踩过的坑

vue3使用中踩过的坑

2022-02-17 17:01:46 550

原创 javascript数组的使用

javascript 数组的一些常用方法整理

2022-02-09 18:29:27 377

转载 css画各种图形

css画图形

2022-02-08 12:01:48 390

原创 form表单

遍历表单for (const [controlName, control] of Object.entries(this.journalBookCreateForm.controls)) { if (controlName === 'receiptType' || controlName === 'receiptAmount' ) { control.patchValue([]); } }某个值不置空for (con..

2022-01-30 16:57:43 353

原创 js/html/css实现轮播图

js/html/css实现轮播图

2021-09-14 11:13:48 33

原创 Ant Design of Angular解决select数据量过大造成的卡顿

最近遇到select数据量过大,导致select的option显示、下拉选择都非常卡顿,为了解决这个问题,就让数据初始显示100条,加了下拉加载的功能。还要option的label内容过长,下拉框显示不完这个问题,需要使用nzCustomContent属性使option显示的内容是option标签中间定义的内容。一、解决select数据量过大造成的卡顿html代码:<nz-select style="width: 200px;" [(ngModel)]="modal.

2021-08-07 13:38:17 888

原创 Ant Design of Angular table

1、table不加分页时,[nzShowPagination]="false" 是否显示分页设为false,并且把是否分页设为[nzFrontPagination]="false",否则数据只显示默认的第一页数据,其他页数据不显示

2021-06-29 18:02:34 96

原创 Ant Design表单重置

resetForm(e: MouseEvent): void { e.preventDefault(); this.validateForm.reset(); for (const key in this.validateForm.controls) { this.validateForm.controls[key].markAsPristine(); this.validateForm.controls[key].updateValueAndValidity(); } }

2021-06-03 16:27:17 828

原创 angular中引入echarts

查了几个图表类的插件,发现还是echarts最好用,即免费又好看。

2021-05-29 11:25:57 295

原创 ant-design-vue checkbox checked不生效

ant-design-vue checkbox checked不生效https://segmentfault.com/q/1010000018981910基本用法

2021-05-17 10:56:22 5046

原创 ant-design-vue table相关

基本常规的一些用法都能在官网上查到:https://www.antdv.com/components/table-cn/以下是目前项目遇到的一些技能点,总结下记录下来1、基础用法:<template> <a-table :columns="columns" :data-source="data" :pagination="pagination" <!-- :pagination="false" 不分页 --> >

2021-04-27 16:46:11 172

原创 ant-design-vue a-radio 默认值与反显

基本用法:<template> <div> <a-radio-group v-model="value" @change="onChange"> <a-radio :value="1"> A </a-radio> <a-radio :value="2"> B </a-radio> <a-radio :value

2021-04-23 17:57:56 3497 3

原创 “export ‘SearchList‘ was not found in ‘../components/SearchList‘,vue导入组件报错错误

做vue项目时几个页面公用一个查询列表,就想写个公用组件,写完后通过import {SearchList}from'../components/SearchList';导入时,一直报错:importSearchListfrom'../components/SearchList';查下资料才发现引入组件时不需要加{},方法引用才需要加上它“{}”。...

2021-03-31 19:32:50 1388 2

原创 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can‘t find stylesheet

把angular项目从git拉去下拉后,通过npm install @angular/cli@9.1.12安装项目的node_module后,再通过ng serve启动项目时一直报错报错信息如下:ERROR in ./src/assets/custom-bootstrap-utilities.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node

2021-03-23 10:49:02 4906

原创 git命令和生成ssh

一、git命令1、从主分支切出新分支① git clone https://***.git (拉取代码到本地)② git checkout -b newbranch (创建一个新分支,并且切换到新的分支)③ git push origin newbranch (把本地分支push到远端)④ git branch --set-upstream-to=origin/newbranch(当前分支和本地分支进行关联)⑤ git pull(再次拉取,完成任务)2、上传代码...

2021-03-22 14:10:49 2238

原创 前端框架

一 JavaScriptJavaScript 简介JavaScript 是互联网上最流行的脚本语言,Web 的编程语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。所有现代的 HTML 页面都使用 JavaScript,可以用于改进设计、验证表单、检测浏览器、创建cookies等。JavaScript 非常容易学。Ja...

2021-01-07 17:24:47 61

原创 java基础梳理八:面向对象、类

面向对象:着重于对象,由对象完成功能对象:大千世界都是对象关注与对象的两块:特征 和 行为对象的特征:表征对象特点的描述,在Java中称为属性对象的行为:表征对象实现功能的途径,在Java中称为方法 类:(成语:物以类聚)定义:在面向对象的思想中,类是具有相同的属性和行为的一类物体的集合,具有抽象意味对象:定义:是类的具体表现形式,具体化的、实实在在的物体面向对象的三大特点:1、封装性:en...

2021-01-07 17:23:20 29

原创 Webservices

什么是Web Services?Web Services 是应用程序组件 Web Services 使用开放协议进行通信 Web Services 是独立的(self-contained)并可自我描述 Web Services 可通过使用UDDI来发现 Web Services 可被其他应用程序使用 XML 是 Web Services 的基础它如何工作?基础的 Web ...

2021-01-07 17:20:55 24

原创 web前端面试之vue

目录mvc与mvvmvue生命周期vue 的双向绑定的原理是什么vue组件通信vue服务器渲染vue性能优化ue-router 有哪几种导航钩子?vue-router如何做历史返回提示?vue-router如何做用户登录权限等?axios取消请求vuex原理mvc与mvvmmvcView:视图层 ui界面 controller:控制器 接受并处理用户请求通知Model改变,并将Model返回给 View Model:模型 数据MVVM分为..

2020-08-18 16:20:43 65

原创 web前端面试之其他

目录一、前端安全问题1、常见的网站漏洞有哪些?2、xss跨站脚本攻击(原理、如何进行的、防御手段是什么,要说清楚)3、CSRF跨站请求伪造(如何伪造法?怎么防御?等等都要说清楚)4、sql脚本注入(注入方式,防御方式)4、上传漏洞 (防御方式)二、跨域1、什么是跨域? 2、什么是同源策略?3、解决跨域的方法有哪些?4、localStorage和cookie的跨域解决方案三、性能优化1、你都用过那种性能优化的方法?2、CSS Sprite是什么,谈谈这.

2020-08-18 16:16:02 71

原创 web前端面试之http

目录http和https的区别Https工作原理:ssl加密url访问过程TCP连接,客户端和服务端通信过程HTTP请求信息由那3部分组成?http状态码URL和URI有什么区别?http和https的区别https协议需要到ca申请证书,一般免费证书很少,需要交费。 http是超文本传输协议,信息是明文传输,https 则是具有安全性的ssl加密传输协议。 http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。...

2020-08-18 16:14:13 95

原创 web前端面试之ajax

ajax请求时,如何解释json数据?使用eval方法解析的时候,eval():不会去判断该字符串是否合法,而且json对象里的js方法也会被执行,这是非常危险的;推荐使用JSON.parse(); JSON.parse():把字符串转化成json。readyState状态码readyState,是指运行Ajax所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为Ajax运行步骤,使用“ajax.readyState”获得。readyState是XMLHttpRequest对象

2020-08-18 15:47:24 88

原创 web前端面试之浏览器相关

目录cookie、localStorage、sessionStorage的区别和使用?如何实现浏览器多标签页之间的通信?cookie、localStorage、sessionStorage的区别和使用?名称 大小 网络请求 生命周期 cookie 4kb左右 每次都会携带在HTTP头中, 如果使用cookie保存过多数据会带来性能问题 默认是关闭浏览器后失效, 但是也可以设置过期时间 localstorage 5.

2020-08-17 21:46:37 85

原创 web前端面试之javaScript、ES6

JavaScript的typeof返回类型有哪些?Object(null和Array)、number、undefined、string、Boolean、function类型转换强制转换:parseInt();parseFloat();number();数组的方法1 、shift():删除数组的第一个元素,返回删除的值。这里是02 、unshift(3,4):把参数加载数组的前面,返回数组的长度。现在list:中是3,4,0,1,23、pop():删除数组的最后一个元素,返回删除的值

2020-08-17 21:46:10 104

原创 web前端面试之html(5)

目录html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?行内元素有哪些?块级元素有哪些?Doctype作用?标准模式与兼容模式各有什么区别? 你知道多少种Doctype文档类型doctype(文档类型) 的作用是什么?data-属性的作用是什么?说说你对语义化的理解?HTML和XHTML的区别是什么?页面导入样式时,使用link和@import有什么区别?iframe的优缺点?img中的alt与titl

2020-08-17 21:45:52 58

原创 web前端面试之css(3)

目录为什么要初始化CSS?CSS的盒模型?CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新增伪类有那些?CSS3新增伪类举例:CSS3有哪些新特性?解释盒模型宽高值得计算方式,边界塌陷,负值作用,box-sizing概念?1BFC(Block Formatting Context) 是什么?应用?讲讲 position float display 各有哪些取值,它们互相之间会如何影响?如何实现浏览器内多个标签页之间的通信?解释下浮动和它的工...

2020-08-17 21:45:31 164

原创 主流浏览器兼容性问题与解决方案

参考:https://blog.csdn.net/weixin_42884485/article/details/83991360目录一:不同浏览器的标签默认的外补丁和内补丁不同二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度四:行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug五:图片默认有间

2020-08-13 19:04:55 477

原创 主流浏览器内核、js引擎、渲染方式

目录一、总结:(1、五大浏览器、内核、js引擎;2、渲染方式)二、详解三、InternetExplorer:四、Safari五、Chrome/Chromium六、Opera七、Firefox其它js引擎:一、总结:1、主流浏览器内核及其js引擎浏览器 内核 js引擎 IE Trident内核 JScript Firefox(火狐) Gecko内核,俗称Firefox内核 FireFox3.0及其以下...

2020-08-13 16:41:13 1039

原创 ES6 数组

参考:https://es6.ruanyifeng.com/#docs/array一、扩展运算符1、含义扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, &

2020-08-12 21:24:26 193

原创 ES6 对象

一、对象字面量1、属性的简洁表示法1、属性简写ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"}//等同于 const person = {age: age, name: name}2、方法名简写const person = { sayHi(){ con

2020-08-12 20:49:17 58

原创 ES6 数值

一、数值的表示二进制表示法新写法: 前缀 0b 或 0B 。console.log(0b11 === 3); // trueconsole.log(0B11 === 3); // true八进制表示法新写法: 前缀 0o 或 0O 。console.log(0o11 === 9); // trueconsole.log(0O11 === 9); // true二、常量Number.EPSILONNumber.EPSILON属性表示 1 与大于 1 的最小浮点数之间的差.

2020-08-12 15:21:19 125

原创 ES6 字符串的拓展方法

一、子串的识别ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。includes():返回布尔值,判断是否找到参数字符串。 startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。 endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引。let string = "apple,banana,orange";string.includes(

2020-08-12 14:48:06 137

原创 ES6 Symbol

概述ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ,还新增了 Symbol 。基本用法Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。let s

2020-08-11 16:05:22 62

原创 ES6 解构赋值

一、概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。二、解构模型在解构中,有下面两部分参与:解构的源,解构赋值表达式的右边部分。 解构的目标,解构赋值表达式的左边部分。 如果匹配不成功变量的值就等于undefined三、用途:命名参数、交换变量的值 设置默认参数 从函数返回多个值 函数参数的定义 提取 JSON 数据 输入模块的指定方法

2020-08-11 15:52:32 58

原创 es6-let与const

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。一、letlet 声明的变量只在 let 命令所在的代码块内有效,不能重复声明。1、代码块内有效{ let a = 0; var b = 1; }a // ReferenceError: a is not definedb // 12、不能重复声明let a = 1; let a = 2;a // Identifier 'a' has already been declar

2020-08-11 15:21:14 53

原创 ES6新增特性和功能

1、简介ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。二、声明与表达式1、let与const2、结构赋值3、Symbol三、内置对象1、新增Map与Set2、proxy与reflect3、扩展:字符串、数值、对象、数组四、运算符与语句1、函数2、迭代器3、class类4、模块五、异步编程1、promose对象2、Genarator函数3、async函数...

2020-08-11 15:07:31 167

原创 css fonts(字体)

Property 描述 font 在一个声明中设置所有的字体属性 font-family 指定文本的字体系列 font-size 指定文本的字体大小 font-style 指定文本的字体样式 font-variant 以小型大写字体或者正常字体显示文本。 font-weight 指定字体的粗细。 1、fontfont简写属性在一个声明中设置所有字体属性。可设置的属性是(按顺序): "font-style font-variant.

2020-08-10 12:39:20 92

原创 css文本(text)

css文本属性属性 描述 color 设置文本颜色; direction 设置文本方向;默认值:ltr(从左到右);rtl(从右到左) | inherit(从父元素继承 direction 属性的值) letter-spacing 设置字符间距;默认值:normal(没有额外的空间);length(定义字符间的固定空间,允许使用负值) |inherit line-height 设置行高;默认值:normal;number(设置数字,此数字会与当前..

2020-08-06 19:58:57 239

原创 CSS-background

CSS 背景属性用于定义HTML元素的背景。值 说明 CSS background-color 指定要使用的背景颜色;十六进制:"#ff0000",RGB :"rgb(255,0,0)",颜色名称:"red" 1 background-position 设置背景图像的起始位置;默认值:0% 0%;可取值:left top...;x% y%;0px 0px;inherit(父元素继承) 1 background-size 指定背景图片的大小;.

2020-08-06 19:28:15 31

原创 VUE指令

VUE指令(direcrive)vue的指令是带有特殊前缀”v-“的html的特性,它绑定一个表达式,并将一些特性应用到dom上。vue中常用的v-指令:v-pre:跳过这个元素和它的子元素的编译过程。一些静态的内容不需要编辑加这个指令可以加快编辑。<span v-pre>{{msg}}</span> 即使data里面定义了msg这里仍然是显示的 {{msg}}v-cloak:设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移...

2020-08-05 17:42:08 99

isom-bardon

isom-bardon

2022-07-03

jewerly.rar

VUE

2021-04-27

空空如也

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

TA关注的人

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