- 博客(31)
- 问答 (2)
- 收藏
- 关注
原创 cdw2: TypeScript
①实际开发中只有进行类型推导时, 可能会自动推导出来是never类型, 但是很少使用它。要求必须进行类型的校验(缩小), 才能根据缩小之后的类型, 进行对应的操作。函数指定返回值是void,允许return undefined,并不会报错。unknown类型默认情况下在上面进行任意的操作都是非法的。二进制:ob开头,八进制:0o开头,十六进制:0x开头。匿名函数的参数最好不要指定参数类型,会根据上下文推导出。匿名函数的参数不需要写类型注解,ts会自动推导。是个语法糖,必须显示的写上修饰符。
2025-04-08 22:41:06
254
原创 cdw3: vue3+typescript后台管理系统实战
由于这三个地方都要用到登录信息的数据类型,所以我们选择在src/types/下定义文件类型,在index.d.ts中统一导出定义接口的地方使用store中使用用el-config-provider组件把router-view包起来。
2025-03-16 12:15:35
1082
2
原创 禹神:一小时彻底搞懂跨域&解决方案
1. 浏览器的同源策略2. 跨域会受到哪些限制4. CORS 解决 Ajax 跨域问题5. JSONP 解决跨域问题6. 配置代理解决跨域
2024-09-16 12:41:14
299
原创 禹神3小时快速上手typescript
TypeScript 由微软开发,是基于 JavaScript 的⼀个扩展语⾔。TypeScript 包含了 JavaScript 的所有内容,即: TypeScript 是 JavaScript 的超集。TypeScript 增加了:静态类型检查、接⼝、 泛型等很多现代开发特性,更适合⼤型项⽬的开发。TypeScript 需要编译为 JavaScript ,然后交给浏览器或其他 JavaScript 运⾏环境执⾏。
2024-09-16 10:29:22
996
原创 vue3+TypeScript项目实战硅谷甄选
在vue框架中事件分为两种:一种是原生的DOM事件,另外一种自定义事件。原生DOM事件可以让用户与网页进行交互,比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件<template><div><h1>我是子组件2</h1>
2024-09-12 14:56:12
919
转载 学会JS的this这一篇就够了,根本不用记
转自:http://www.imooc.com/article/1758以前看某本书上讲:掌握了JS中this的用法才算真正的跨过了JS的门槛我深以为是!但是JS的this却并不是那么简单的内容,许多同学都很困惑,也肯定有同学像我曾经一样查阅各种资料想知道How to understand this of javascript。很幸运的是,网上有非常非常多的文章
2024-04-13 17:43:38
59
1
原创 JS第二天、原型、原型链、正则
构造函数的prototype 就是原型 专门保存所有子对象共有属性和方法的对象一个对象的原型就是它的构造函数的prototype属性的值。prototype是哪来的?所有的函数都有一个prototype属性当函数被创建的时候,prototype属性会自动创建和初始化构造函数的prototype属性的默认值是一个对象,这个对象只带有一个属性,constructor。对象在被创建的时候,原型就定下来了,那么其原型链也就确定下来了原型链对象有原型对象,原型对象也是对象,所以,
2024-02-04 15:56:49
1244
原创 JS第一天、数据类型检测、内存释放
console.log(typeof new Object);console.log(typeof new Array());console.log(typeof new Date());console.log(typeof new RegExp());console.log(typeof new String());console.log(typeof new Number());console.log(typeof new Boolean());console.log(typeof Mat
2024-02-04 11:01:38
1013
原创 vuecli4.x(vue2)搭建项目架构
这两年一直使用公司现成的项目架构,最近一次自己搭建还是两年前了,闲来无事再重头搭一把。1. 使用cli创建项目npm install -g @vue/clinpm create vue-demo选择第三个选中如下让babel处理ES6的转换,TS处理TS类型注解等转换sass在之前用的node-sass编译器,后来做了一个功能和性能更好的纯js的dart-sass,这里选dart-sass2. 加入git仓库这些其实在创建远程仓库之后都有提示了3 项目目录结构
2021-08-07 21:32:48
230
转载 Vue v2.4中新增的$attrs及$listeners属性使用
原文地址:https://www.jb51.net/article/132371.htm多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。如果仅仅是传递数据,而不做中间处理,使用 vuex 处理,未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法,使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中,通常配合 interitAttrs 选项一起使用。之所以要提到这两个属性,是因为两者的出现使得组件之间跨组件的通信在不依赖 vuex 和事件总线的.
2020-08-29 15:41:42
940
2
转载 使用插件的方式引入elementui
原文链接https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/83381622
2019-12-14 12:58:31
662
原创 vue 报错:Refused to load the image because it violates the following Content Security
vue项目,npm install结束,但是报了一个错,如下按照网上的指示,执行了 npm install autoconf,最后执行npm run dev, 浏览器中报错如下而且vscode终端中报了很多错,都是图片找不见,按网上搜的,尝试修改config/index.js中的 assetsPublicPath值为 ‘/’,并不管用,最后删除node_modules和package-lo...
2019-12-13 11:25:29
2408
转载 关于vue.extend和vue.component的区别浅析
关于vue.extend和vue.component的区别浅析 转载 2017-08-16 投稿:daisy 我要评论 最近工作中遇到了vue.extend,vue.component,但二者之间的区别与联系是什么呢?下面这篇文章主要给大家介绍了关于vue.extend和vue.component区别的相关资料,需要的朋友
2018-02-06 16:44:39
17202
3
转载 (为主)采用BEM进行CSS类进行命名
【译】前端BEM命名方法论之一:BEM 官方简介文档【译】前端BEM命名方法论之二:BEM中的重要概念使用 BEM entity(BEM 实体)开发需要了解它们的命名规范。这个命名惯例的主要理念是使 CSS 选择器的命名 尽可能地富含信息和明确。这有助于令代码开发和调试(debugging)更加容易,同时利于解决web开发者面临的一些问题。比如说,我们有一个命名为menuitemvisi
2018-02-05 18:34:31
427
转载 提升CSS文件的可维护性--采用BEM进行CSS类进行命名
BEM(Block–Element-Modifier)是什么?BEM是由Yandex公司推出的一套CSS命名规范,官方是这么描述它的:BEM — Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end develo
2018-02-05 16:22:06
334
转载 CSS命名规范——BEM思想
特别声明:此篇文章由David根据csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://csswizardry.com/2013/01/mindbemding-getting-your
2018-02-05 15:21:06
195
转载 npm install node-sass死活安装不上,最后终于搞定
今天在windows上安装 node-sass 折腾了三个小时,各种百度都不行,cnpm也不想,最后再一条评论里看见了解决办法,终于成功了,具体如下:在项目内添加一个 .npmrc 文件:phantomjs_cdnurl=http://cnpmjs.org/downloadssass_binary_site=https://npm.taobao.org/mirrors/node
2017-06-02 16:36:16
52027
5
原创 ionic start myApp 报错
今天回来在家 ionic start myApp 报错: Installing npm packages… Error with start undefined Error Initializing app: There was an error with the spawned command: npminstall There was an error with the spawned
2017-05-24 22:49:15
452
原创 首次使用mongoVue出现错误:..未将对象引用设置到对象的实例..
第一次使用mongoVue 注意第二步 用户名密码数据库 都不要填,否则会出现“未将对象引用设置到对象的实例”的错误; 我今天使用的时候还有个错误,就是在命令行新增或者删除数据,在Vue中刷新却没反应,解决办法是:重新启动MongoDB服务器。启动命令是: mongod –storageEngine mmapv1 –dbpath XXXXX, 其中XXXXX是你的数据库存储路径。这样启动之后,再使
2017-05-09 18:21:11
2477
转载 it is not safe to rely on the system
PHP调试的时候出现了警告: It is not safe to rely on the system解决方法,其实就是时区设置不正确造成的,本文提供了3种方法来解决这个问题。 实际上,从PHP 5.1.0开始当对使用date()等函数时,如果timezone设置不正确,在每一次调用时间函数时,都会产生E_NOTICE 或者 E_WARNING 信息,而又在php中,date.timezone这
2017-04-24 16:02:09
236
转载 80端口被系统占用,关闭后,iis启动不了解决方法
原文地址:https://www.douban.com/note/558154122/?type=rec 80端口被系统占用,关闭后,iis启动不了解决方法 RGG RGG 2016-05-17 15:37:47 setup_xampp.bat win10 不排除本地防火墙拦截关闭服务net stop httpsc config http start= disabled后iis无法启动以管理
2017-04-21 12:48:42
3864
转载 git 分支管理
Git如何进行分支管理? 1、创建分支 创建分支很简单:git branch 2、切换分支 git checkout 该语句和上一个语句可以和起来用一个语句表示:git checkout -b 3、分支合并 比如,如果要将开发中的分支(develop),合并到稳定分支(master), 首先切换的
2017-02-28 21:44:36
216
转载 sublime 修改tab缩进为空格
sublime 默认是tab 缩进,修改成4个空格缩进 "首选项" --->"设置--更多" --->'"特定的语法--用户" 添加如下内容{ "tab_size": 4, "translate_tabs_to_spaces": true
2017-02-26 17:05:23
2938
转载 Windows下80端口被进程System&PID=4占用的解决方法
原文地址:http://m.2cto.com/os/201505/399603.html我的占用原因是 SQL Server Reporting Services,停止掉这个服务并设置其为手动启动即可 如果你并没有安装 SQL Server,请参考下文解决 =============================================================
2017-02-25 10:39:10
11475
2
转载 关于javascript中的this
转自:http://www.imooc.com/article/1758 以前看某本书上讲: 掌握了JS中this的用法才算真正的跨过了JS的门槛 我深以为是!但是JS的this却并不是那么简单的内容,许多同学都很困惑,也肯定有同学像我曾经一样查阅各种资料想知道How to understand this of javascript。很幸运的是,网上有非常非常多的文章关于this的,简直就是琳
2017-02-16 21:15:03
262
转载 Ajax实现异步请求的整个过程
var xhr; xhr = new XMLHttpRequest(); //创建一个异步对象 xhr.open("Get", "test.ashx", true); //Get方式括号中的三个参数分别为:1.发送请求的方式 2.样请求的页面 3.是否异步 //xhr.open("post","test.ashx",true); //xhr.setR
2016-08-09 10:00:55
3389
转载 AJax面试题
1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识)什么是ajax:AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术:基于web标准(standards-basedpresentation)XHTML+CSS的表示;使用 DOM(Document ObjectM
2016-08-09 08:51:57
491
空空如也
想实现两次点击同一个按钮分别触发两个函数
2017-05-17
addEventListener的第三个参数,在哪些事件中要用true呢
2017-03-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人