- 博客(81)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
434
原创 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
1622
原创 Ant Design of Angular table
1、table不加分页时，[nzShowPagination]="false" 是否显示分页设为false，并且把是否分页设为[nzFrontPagination]="false"，否则数据只显示默认的第一页数据，其他页数据不显示
2021-06-29 18:02:34
188
原创 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
1107
原创 ant-design-vue checkbox checked不生效
ant-design-vue checkbox checked不生效https://segmentfault.com/q/1010000018981910基本用法
2021-05-17 10:56:22
8114
2
原创 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
406
原创 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
7820
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
1811
2
原创 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can‘t find stylesheet
把angular项目从git拉去下拉后，通过npm install @angular/[email protected]安装项目的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
8322
原创 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
2751
原创 前端框架
一 JavaScriptJavaScript 简介JavaScript 是互联网上最流行的脚本语言,Web 的编程语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。所有现代的 HTML 页面都使用 JavaScript，可以用于改进设计、验证表单、检测浏览器、创建cookies等。JavaScript 非常容易学。Ja...
2021-01-07 17:24:47
149
原创 java基础梳理八：面向对象、类
面向对象：着重于对象，由对象完成功能对象：大千世界都是对象关注与对象的两块：特征 和 行为对象的特征：表征对象特点的描述，在Java中称为属性对象的行为：表征对象实现功能的途径，在Java中称为方法 类：（成语：物以类聚）定义：在面向对象的思想中，类是具有相同的属性和行为的一类物体的集合，具有抽象意味对象：定义：是类的具体表现形式，具体化的、实实在在的物体面向对象的三大特点：1、封装性：en...
2021-01-07 17:23:20
63
原创 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
68
原创 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
109
原创 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
141
原创 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
156
原创 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
139
原创 web前端面试之浏览器相关
目录cookie、localStorage、sessionStorage的区别和使用？如何实现浏览器多标签页之间的通信？cookie、localStorage、sessionStorage的区别和使用？名称 大小 网络请求 生命周期 cookie 4kb左右 每次都会携带在HTTP头中， 如果使用cookie保存过多数据会带来性能问题 默认是关闭浏览器后失效, 但是也可以设置过期时间 localstorage 5.
2020-08-17 21:46:37
145
原创 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
222
原创 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
95
原创 web前端面试之css（3）
目录为什么要初始化CSS?CSS的盒模型？CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？CSS3新增伪类举例：CSS3有哪些新特性？解释盒模型宽高值得计算方式，边界塌陷，负值作用，box-sizing概念？1BFC（Block Formatting Context） 是什么？应用？讲讲 position float display 各有哪些取值，它们互相之间会如何影响？如何实现浏览器内多个标签页之间的通信?解释下浮动和它的工...
2020-08-17 21:45:31
230
原创 主流浏览器兼容性问题与解决方案
参考：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
586
原创 主流浏览器内核、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
1367
原创 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
271
原创 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
95
原创 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
180
原创 ES6 字符串的拓展方法
一、子串的识别ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。let string = "apple,banana,orange";string.includes(
2020-08-12 14:48:06
380
原创 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
93
原创 ES6 解构赋值
一、概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。二、解构模型在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 如果匹配不成功变量的值就等于undefined三、用途：命名参数、交换变量的值 设置默认参数 从函数返回多个值 函数参数的定义 提取 JSON 数据 输入模块的指定方法
2020-08-11 15:52:32
96
原创 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
94
原创 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
211
原创 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
136
原创 css文本（text）
css文本属性属性 描述 color 设置文本颜色； direction 设置文本方向；默认值：ltr(从左到右)；rtl(从右到左) | inherit(从父元素继承 direction 属性的值) letter-spacing 设置字符间距；默认值：normal(没有额外的空间)；length(定义字符间的固定空间，允许使用负值) |inherit line-height 设置行高；默认值：normal；number(设置数字，此数字会与当前..
2020-08-06 19:58:57
320
原创 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
67
原创 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
149
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人