- 博客(15)
- 收藏
- 关注
原创 es6到es11新增javascript新特性总结
基本上,ES6的class可以只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。迭代器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。(二)函数调用是一个迭代器对象,需要用next方法执行,也可以用for...of遍历。(五)对于数组和对象的元素修改,不算做对常量的修改,不会报错。a)创建一个指针对象,指向当前数据结构的起始位置。
2022-11-05 13:07:43 591
原创 用vue2来进行前后端websocket连接,实现简易聊天室
localstorage -> username / message / id / 消息时间 -> 后端socket服务。接收 -> 消息数据 -> 广播给所有连接到socket服务的客户端。message 接收客户端发送的消息数据 -> 广播。列表 / 消息输入框 / 发送按钮。用户名输入 / 进入聊天室的按钮。message 接收广播来的数据。
2022-08-21 20:05:05 1336
原创 在vue组件中样式style添加scoped时会存在的问题
为了让样式只在组件内起作用,可以在sty标签中添加scoped<style scoped></style>但是会有一个问题是,里面的引入子组件是不会被该父组件中的样式影响//父组件中的内容<template> <div class="home"> <h3>我是父组件</h3> <HelloWorld/> </div></template>.
2022-05-05 13:45:01 1034 1
原创 Animate.css在vue中的简易使用
官网:Animate.css的大致作用:在vue中引入后,可以通过简单的添加类名使元素有生动的效果1.Animate.css的安装npm安装npm install animate.css在main.js引入和使用import animate from "animate.css";2.简单应用给标签添加类名后便有动画效果<div class="animate__animated animate__fadeIn">内容部分&
2022-04-09 10:16:37 4201 2
原创 css中opacity属性错用导致子元素颜色异常
1.opacity的用法总结作用:设置元素的透明背景取值:(1) 取值范围0~1(2) 0表示完全透明,1表示完全不透明2.误用导致子元素颜色问题.father { width:100px; height:100px; background-color: #fff; opacity:0.5; padding: 10px;}.son { width:30px; height:30px; back..
2022-03-30 14:14:15 490
原创 脚手架学习小总结
1.全局安装脚手架npm install -g @vue/cli(脚手架三)在三基础上拉一个模板就可以用二vue init webpack my-project(脚手架二初始化)vue create my-project(脚手架三初始化)脚手架二1.
2022-01-28 21:25:31 1193
原创 vue学习小总结
ES6箭头函数1.一种定义函数的方式const 函数名 = (参数列表)=> {} (如果只有一个参数,括号可以去掉)2.函数代码块中只有一行代码 // const mul = (num1, num2) => { // return num1 + num2 // } const mul = (num1, num2) => num1 * num2 console.log(mul(20, 30));3.箭头函...
2022-01-28 21:25:16 1855
原创 vue学习小总结
1.导入和导出组件化导入的方式(1)全部导出export { flag, sum}(2)export定义变量导出(ES6的导出方式)export var num1 = 1000;export var height = 1.88(3)导出一个函数/类export function mul(num1, num2) { return num1 * num2}export class Person { run() { console.log('
2022-01-23 20:30:00 502
原创 vue学习总结(一)
回忆总结:const 定义常量let 定义变量splice增删插sort排序reverst反转组件化巩固1.动态绑定属性(v-bind)(1)两种绑定方式:对象和数组动态绑定class动态绑定style(2)语法糖 v-bind:src :src 2.指令(1)v-html 阅读html标签(2)v-once 只渲染一次(3)v-text 替换文本,不常用...
2022-01-21 19:13:39 554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人