前端
文章平均质量分 72
琳琳在哪
前端小菜鸟
展开
-
TS2339: Property ‘toggleRowSelection‘ does not exist on type ‘unknown‘.
Vue + TypeScript 的项目里,原因可能在于vue组件和表格的渲染顺序问题。如:代码执行的时候页面渲染还未完成。为了让 TypeScript 知道组件的类型,你需要使用类型断言或者通过泛型参数来指定类型。这个错误是 TypeScript 的类型检查报告的,它告诉你尝试在一个未知类型的对象上调用。要解决这个问题,你需要告诉 TypeScript 该对象的类型。方法,因此 TypeScript 不知道该方法是否存在,因此会抛出该错误。但是在打包的时候,还是会报。来访问组件的引用,但是。原创 2023-07-29 09:12:33 · 631 阅读 · 0 评论 -
Node.js学习笔记
模块化是指解决一个复杂问题时,自上向下逐层把系统划分为若干模块的过程,对于整个系统来说,模块是可组合、分解和更换的单元。提高了代码的复用性提高了代码的可维护性可以实现按需加载node.js中的第三方模块又叫做包使用 require() 加载自定义模块时,必须指定以 ./ 或 …/ 开头的路径标识符。在加载自定义模块时,如果没有指定 ./ 或 …/ 这样的路径标识符,则 node 会把它当作内置模块或第三方模块进行加载。按照确切的文件名进行加载补全 .js 扩展名进行加载。原创 2022-10-08 16:50:37 · 413 阅读 · 1 评论 -
Vue学习总结1
1.中文官网:https://cn.vuejs.org/2.英文官网:https://vuejs.org/1.动态构建用户界面的渐进式JavaScript框架2.作者:尤雨溪1.遵循MVVM模式2.编码简洁,体积小,运行效率高,适合移动/PC端开发3.它本身只关注UI,也可以引入第三方库开发项目1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象2.root容器里的代码依然符合HTML规范,不过混入了一些特殊的Vue语法3.root容器里的代码被称为Vue模板4.Vue实例和容器是原创 2022-06-24 21:01:47 · 218 阅读 · 0 评论 -
数据库学习总结4
一、约束对表中的数据进行限定,保证数据的正确性、有效性和完整性1.主键约束:primary key2.非空约束:not null(1)创建表时添加约束某列名 NOT NULL;CREATE TABLE stufent( id INT, NAME VARCHAR(20) NOT NULL );(2)创建表后添加约束ALTER TABLE stufent MODIFY NAME VARCHAR(20) NOT NULL;(3)删除name的非空约束A原创 2022-05-17 20:22:41 · 186 阅读 · 0 评论 -
数据库学习总结3
一、DML:增删改表中数据1.添加数据insert into 表名(列名1,列名2,...,列名n) values(值1,值2,...,值n);2.删除数据3.修改数据原创 2022-05-15 17:50:06 · 160 阅读 · 0 评论 -
数据库学习总结2
一、SQL1.什么是SQL结构化查询语言(Structured Query Language) 简称SQL,定义了操作所有关系型数据库的规则SQL语句就是对数据库进行操作的一种语言2.SQL作用通过SQL语句我们可以方便地操作数据库中的数据、表、数据库。SQL是数据管理系统都需要遵循的规范。不同的数据库生产厂商都支持SQL语句,但都有特有内容。3.SQL通用语法(1)SQL语句可以单行或多行书写,以分号结尾;(2)可使用空格和缩进来增强语句的可读性;(3)MySQL数原创 2022-05-09 23:43:06 · 180 阅读 · 0 评论 -
数据库学习总结1
一、数据库基本概念1.数据库:DataBase 简称DB2.什么是数据库?用于存储和管理数据的仓库。3.数据库的特点:(1)持久化存储数据。其实数据库就是一个文件系统;(2)方便存储和管理数据(3)使用了统一的方式去操作数据库——SQL;4.常见的数据库软件MYSQL:开源免费的数据库,小型数据库(MySQL6.x开始收费) Oracle:收费的大型数据库,收购了MySQL; DB2:IBM公司的数据库产品,收费,常用于银行系统; SQLServer:微软公司收原创 2022-05-08 23:39:04 · 538 阅读 · 0 评论 -
JSONP解决跨域
一、同源政策1.什么是同源如果两个页面拥有相同的协议、域名和端口,那么这两个页面就属于同一个源,其中只要有一个不同,就是不同源2.同源政策的目的同源政策是为了保证用户信息的安全,防止恶意的网站窃取数据。最初的同源政策是指A网站在客户端设置的Cookie,B网站是不能访问的随着互联网的发展,同源政策也越来越严格,在不同源的情况下,其中有一项规定就是无法向非同源地址发送Ajax请求,如果请求,浏览器就会报错。...原创 2022-05-06 21:56:04 · 1736 阅读 · 0 评论 -
Ajax学习总结1
一、原生Ajax1.AJAX简介:AJAX全称为Asynchronous JavaScript And XML,就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。AJAX不是新的编程语言,而是一种将现有标准组合在一起使用的新方式。2.XML简介:XML 可扩展标记语言XML被设计用来传输和存储数据XML和HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据例如:原创 2022-05-02 08:35:46 · 104 阅读 · 0 评论 -
4.23考核总结
1.关于模板字符串,下列说法不正确的是A.使用反引号标识正确;ES6引入新的声明字符串的方式 反引号` `B.插入变量的时候使用${ }正确;在es6中可以用${}来实现变量拼接C.所有空格和锁紧都会保留在输出中正确;如果使用模版字符串表示多行字符串,空格、缩进和换行都会被保留D.${ }中表达式不能是函数的调用错误;模版字符串还可以调用函数function fn() {return "Hello World";}`foo ${fn(..原创 2022-04-25 10:32:40 · 570 阅读 · 0 评论 -
ES9新特性、ES10新特性
一、rest参数与spread扩展运算符rest参数与spread扩展运算符在es6中已经引入,不过es6中只针对于数组,在es9中为对象提供了像数组一样的rest参数和扩展运算符1.rest参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&原创 2022-04-20 22:00:15 · 233 阅读 · 0 评论 -
ES7、ES8新特性
ES7一、Array.prototype.includesIncludes方法用来判断数组中是否包含某元素,返回布尔类型值;语法:arr.includes(元素值);<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2022-04-17 08:27:18 · 382 阅读 · 2 评论 -
ES6 学习总结6
一、数值扩展Number.EPSILON:是JavaScript的最小精度ESPSILON属性的值接近于2.2204460492503130808472633361816E-16;1.二进制和八进制ES6提供了二进制和八进制数值的新写法,分别用0b和0o表示//二进制和八进制 let a = 0b1010; let b = 0o777; let c = 100; let d = 0xff; console.原创 2022-04-13 21:54:24 · 129 阅读 · 0 评论 -
ES6 学习总结5
一、set集合ES6 提供了新的数据结构 Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。set集合的属性和方法:size 返回集合的元素个数; add 增加一个新元素,返回当前集合; delete 删除元素,返回 boolean 值; has 检测集合中是否包含某个元素,返回 boolean 值; clear 清空集合,返回 undefined;<!DOCTYPE html>原创 2022-04-12 20:46:02 · 140 阅读 · 0 评论 -
ES6 学习总结4
一、迭代器迭代器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作。(1)ES6创造了一种新的命令 for...of... 循环,Iterator 接口主要供for...of消费(2)原生具备iterator接口的数据(可用for...of遍历)Array,Arguments,Set,Map,String,TypeArray,NodeList//声明一个数组 const TNT = ['马原创 2022-04-08 22:36:56 · 245 阅读 · 0 评论 -
ES6 学习总结3
一、扩展运算符『...』 扩展运算符能将『数组』转换为逗号分隔的『参数序列』//声明一个数组const TFBOYS = ['王俊凯','王源','易烊千玺'];//=>'王俊凯','王源','易烊千玺'//声明一个函数function chuancan(){ console.log(arguments);}chuancan(...TFBOYS);二、扩展运算符的应用1.数组的合并 concat()const TFBOYS = ['王俊凯','王源'.原创 2022-04-03 15:43:55 · 1155 阅读 · 0 评论 -
ES6 学习总结2
一、ES6箭头(=>)函数//声明一个函数let fn = (a,b) => { return a+b;}//调用函数let result = fn(1 + 2);console.log(result);1.this是静态的,this始终指向函数声明时所在作用域下的this的值function getName(){ console.log(this.name);}let getName2 = () => { console.log.原创 2022-04-02 09:15:00 · 138 阅读 · 0 评论 -
ES6 学习总结1
一、声明变量 let1.变量不能重复声明let star = "宋亚轩";let star = "芽芽";//这样是会报错的2.块级作用域 全局,函数,eval什么是块级作用域?块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。{ let boy = '宋亚轩';}//这就是一个块级作用域console.log(girl);3.不存在变量提升,必须先声明再使用console.log(song);let song..原创 2022-04-01 19:52:37 · 235 阅读 · 0 评论 -
jQuery学习总结3
一、jQuery事件机制JavaScript中已经学习了事件,jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大地增强了事件的处理能力。二、jQuery注册事件的发展历程1.简单事件绑定 click()不支持同时注册,也不支持动态注册。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&原创 2022-03-25 20:03:35 · 1017 阅读 · 0 评论 -
jQuery学习总结2
一、jQuery特性隐式迭代 链式编程(在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法出来二、Class类操作1.添加类 addClass(类名);(1)添加单个类$('选择元素').addClass('类名');(2)添加多个类$('选择元素').addClass('类名1 类名2 ... 类名n');2.移除类 removeClass('类名');(1)移除单个类$('选择元素').removeClass..原创 2022-03-23 22:00:40 · 340 阅读 · 0 评论 -
jQuery学习总结1
一、原生js与jq的区别1.原生js的缺点不能添加多个入口函数(后边的会覆盖前面的); 原生js的api名字不好记; 原生js有时候代码冗余; 原生js中有些属性或者 方法有浏览器兼容问题; 原生js容错率较低,前面代码出问题,后面代码执行不了。2.jQuery的优势可以写多个入口函数 名字容易记忆 代码简洁(隐式迭代) 解决了浏览器兼容问题 容错率较高,前面代码出错,后面代码不受影响二、jQuery简单使用1.(1)引入jQuery文件(2)写一个入口函数.原创 2022-03-18 22:40:02 · 1110 阅读 · 0 评论 -
css多媒体查询
css多媒体查询rem适配原创 2021-12-11 14:50:25 · 400 阅读 · 0 评论 -
携程网首页移动端制作
访问地址:m.ctrip.com1.技术选型方案:采取单独制作移动页面方案技术:布局采用flex布局2.设置视口标签以及引入初始化样式 <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-原创 2021-12-05 22:07:58 · 396 阅读 · 0 评论 -
简单了解视口
视口(viewport)就是浏览器显示页面内容的区域,视口可分为布局视口、视觉视口和理想视口。1.布局视口 layout viewport一般移动设备的浏览器都默认设置了一个视口,用于解决早期的PC端页面在手机上显示的问题。iOS/Android基本上都将这个视口分辨率设置为980px,所以PC上的网页大多都能在手机上呈现,只不过元素看上去很小,一般可以默认通过手动缩放网页。2.布局视口 visual viewport字面意思,它是用户正在看到的网站区域。我们可以通过缩放去操作视觉视原创 2021-11-27 17:50:11 · 404 阅读 · 0 评论 -
浏览器的私有前缀
浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无须添加。1.私有前缀:-moz-:代表firefox浏览器的私有属性;-ms-:代表IE浏览器的私有前缀;-webkit-:代表safari、chrome私有属性;-o-:代表Opera私有属性;2.提倡写法:在属性前加私有前缀,例如:-mox-border-radius:10px;-webkit-border-radius:10px;-webkit-border-radius:10px;...原创 2021-11-27 17:29:38 · 596 阅读 · 0 评论 -
CSS实现简单动画
1.css2D转换(1)translate() 设置元素的移动;①transform:translate(100px,200px); ②transform:translateX(100px); transform:translateY(200px);表示把元素沿x轴移动100px,沿y轴移动200px;(单位为像素px;)(2)rotate() 设置元素的旋转;transform:rotate(90deg);(可以设置旋转的中心点 transform:...原创 2021-11-13 17:10:42 · 328 阅读 · 0 评论 -
2021-11-06小结
1.在一个版心盒子里放多个盒子时,一定要切记把里边的盒子加上浮动,否则,一个漏加,后边的盒子将会进入下一行。2.在做页面时,如果有一个版心盒子为了方便以后添加内容而没有设置高度,但里面的一些元素设置了浮动,这个时候父盒子的高度为零,在做下一个版心盒子时,盒子会紧贴上一个父盒子,呈现的效果就是下边的这个盒子上移,在上一个父盒子里边的元素下边呈现,解决的办法就是,把上一个盒子清除浮动就好了。(先把盒子命名,然后用下边的clear来清除浮动).clearfix:before,.clearfix:afte原创 2021-11-06 16:19:32 · 53 阅读 · 0 评论 -
初次学习心得
前言抱着对计算机的热爱来到科院,又经过面试成功加入学习小组,让我看到了自己以后的一些希望的曙光。感受经过这一个多星期的学习,感觉到非常充实,再次感受到了计算机的魅力,原来一些看着高深奥妙的东西,经过学习,原来我自己也可以做出来,对这个行业的热爱又加一分。当初次开始学习前端,也是抱着高兴又忐忑的心情,高兴的是终于接触到了自己喜欢的东西,又忐忑怕自己学不好,幸好,在这个过程中有学长学姐们的帮助,为我答疑解惑,帮我指明道路,使我的学习之路更加顺畅。例子在这一个多星期的学习过程中,也遇到了一原创 2021-10-29 21:05:33 · 135 阅读 · 0 评论