- 博客(18)
- 收藏
- 关注
原创 Angular Material mat-error 组件第一次输入时不校验解决方法
问题:mat-form-field的input第一次输入时不校验失去焦点后才会校验。解决办法:<mat-form-field appearance="outline" fxFlex="100"> <mat-icon matPrefix>search</mat-icon> <input matInput [formControl]="macControl"> <
2021-12-07 13:50:41
421
原创 dva创建的react项目配置路由及组建通信
1、在src下新建pages文件夹,新建测试文件Test1、Test2Test1.tsximport * as React from 'react'import { connect } from 'dva';interface IAppProps { dispatch?: any; name?: any; history?: any;}interface IAppState {}class App extends React.Component<IAppProps, IAp
2021-07-09 16:43:56
428
原创 dva+typescript搭建react项目
一、创建dva应用步骤1、通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。$ npm install dva-cli -g$ dva -vdva-cli version 0.9.12、创建新应用dva new dva-quickstart3、运行应用$ cd dva-quickstart$ npm start二、安装typescript1、执行命令$ npm i typescript -g$ cnpm i link typescript$ cnpm i
2021-07-09 16:17:45
593
原创 angular6表单中禁用disabled设置
1、 配置表单时使用this.myForm = this.fb.group({ roleName:[{ value:null,disabled:true}] });2、方法内使用1)单项使用 this.myForm.get("roleName").disable(); 2)整个表格使用 this.myForm.disable();
2021-04-23 18:04:34
2518
1
原创 angular使用代理解决跨域问题
1、新建proxy.conf.json文件{ "/site": { "target": "http://170.1.10.230:9015", "secure": false, "changeOrigin": true, "pathRewrite": { "^/site": "/" } }}2、在package.json中添加–proxy-config proxy.conf.json3、通过npm sta
2021-04-12 09:09:02
274
原创 前端部分排序方式及代码
1、冒泡排序 function bubbleSort(arr) { var len=arr.length; for(var i = 0 ; i < len-1 ; i++){ for(var j=0;j<len-i;j++){ if(arr[j]>arr[j+1]){ var tem = arr[j]; arr[j]=a
2021-04-06 13:31:35
289
原创 基本的两列自适应布局、三列自适应布局
1、两列自适应,左定右适应#div1{ width: 100px; display: inline-block; background-color: black; height: 300px;}#div2{ display: inline-block; position: absolute; left: 100px; right: 0px; background-color: red; height: 300px;}或者#div1{ width: 100px; floa
2021-04-06 11:10:26
259
原创 什么是闭包?
闭包:实现一个暴露内部变量,而且外部可以访问修改的函数;闭包的作用:匿名自执行函数、缓存、实现封装(主要作用)、实现面向对象中的对象;var person = function(){ //变量作用域为函数内部,外部无法访问 var name = "default"; return { getName : function(){ return name; },
2021-04-06 10:54:16
186
原创 让IE11兼容bootstrap
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge" />
2021-02-01 14:21:07
355
原创 Uploadify在ie11下出现“SCRIPT5007: 缺少对象 “
起因:升级了IE11之后部分页面刷新时会出现"SCRIPT5007: 缺少对象 "的报错,查看之后发现是Uploadify目前不支持IE11。查询到修改源码以及在插件初始化前try catch调用释放插件对象的方法,但是依然会出现报错。后来在stackoverflow上查询到可以在页面头部添加<meta http-equiv="X-UA-Compatible" content="IE=edge" > 通过在meta中设置X-UA-Compatible的值,指定IE8/9及以后的版
2021-01-22 17:07:56
746
原创 js string 转 number 类型,number 转 string 类型
1、string 转 number 类型:(1)parseInt()、parseFloat()(2)Number()区别:parseInt()、parseFloat() 转换第一个无效字符之前的字符串,例如parseInt(1.2.3)为1,parseFloat(1.2.3)为1.2;Number()如果是不能转换的字符串则输出NaN,例如Number(1.2.3)为NaN,如果字符串能被转换成number类型,则Number()函数将判断调用parseInt()还是parseFloat()函数转换
2021-01-04 15:20:34
753
原创 动态修改video.js的src
动态修改video.js的src <video id="videoid" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" poster=""> <source src="" type="application/x-mpegURL"> </video> <script>
2020-11-23 16:19:57
5528
原创 vue中,在vscode中显示非彩色代码
1.在vscode中显示非彩色代码解决方法:安装插件vetur2.‘’vue-cli-service’ 不是内部或外部命令,也不是可运行解决方法:删除node_modules,‘npm install’
2020-08-03 10:16:21
2316
转载 axios和ajax区别
1.区别axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。2.优缺点:ajax:本身是针对MVC的编程,不符合现在前端MVVM的浪潮基于原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案...
2020-04-14 17:15:06
223
原创 vue引用axios
cnpm install --save axios vue-axiosmain.js引用import axios from ‘axios’import VueAxios from ‘vue-axios’Vue.use(VueAxios,axios);Vue.prototype.axios=axios;请求方式this.axios = axios;请求方式 this.axios=axi...
2020-04-14 17:10:05
142
原创 通过Vue-cli进行webpack打包
将项目/config下的index.js下的build的assetsPublicPath变成’./’,变成相对路径cd vue-demonpm run dev //运行程序npm run bulid //webpack打包
2020-04-12 14:03:45
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅