ES6-ES11 ES9正则扩展-命名捕获分组
摘要:视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正则扩展-命
阅读全文
posted @
2023-03-29 13:00
垂序葎草
阅读(10)
推荐(0) 编辑
Vue.js 路由的params参数
摘要:视频 6.路由的params参数 配置路由,声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:
阅读全文
posted @
2023-03-29 12:34
垂序葎草
阅读(385)
推荐(0) 编辑
Vue.js 命名路由
摘要:视频 5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:'
阅读全文
posted @
2023-03-29 12:20
垂序葎草
阅读(35)
推荐(0) 编辑
Vue.js 路由的query参数
摘要:视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数,to的对象写法
阅读全文
posted @
2023-03-29 12:10
垂序葎草
阅读(168)
推荐(0) 编辑
Vue.js 嵌套(多级)路由
摘要:视频 3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa
阅读全文
posted @
2023-03-29 03:58
垂序葎草
阅读(162)
推荐(0) 编辑
Vue.js 路由几个注意点
摘要:视频 2.几个注意点 路由组件通常存放在pages文件夹,一般组件通常存放在components文件夹。 通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。 每个组件都有自己的$route属性,里面存储着自己的路由信息。 整个应用只有一个router,可以通过组件的$router
阅读全文
posted @
2023-03-29 03:52
垂序葎草
阅读(16)
推荐(0) 编辑
Vue.js 路由的基本使用
摘要:npm i router@3 1.基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou
阅读全文
posted @
2023-03-29 03:39
垂序葎草
阅读(23)
推荐(0) 编辑
百度2020校招Web前端工程师笔试卷(第三批)(大题21~23)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body, ul, li,select { margin: 0; padding: 0; box-sizing: border-box; } ul,li {list-style:
阅读全文
posted @
2023-03-27 17:32
垂序葎草
阅读(16)
推荐(0) 编辑
百度2020校招Web前端工程师笔试卷(第二批)(20~23)
摘要:21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0;
阅读全文
posted @
2023-03-26 18:42
垂序葎草
阅读(16)
推荐(0) 编辑
html 原生dom创建添加移除元素
摘要:创建添加 <body> <input type="text" id="txt1"> <input type="button" id="btn1" value="创建"> <ul id="ul1"> </ul> <script> window.onload = function () { var oU
阅读全文
posted @
2023-03-25 17:08
垂序葎草
阅读(33)
推荐(1) 编辑
百度2020校招Web前端工程师笔试卷(第一批)大题部分(21~23)
摘要:非大题在本地pdf中有详解 #21.异或 题解 #include <iostream> using namespace std; long long change(long long x){ if(x % 4 == 0){ return x; }else if(x % 4 == 1){ return
阅读全文
posted @
2023-03-25 16:59
垂序葎草
阅读(27)
推荐(0) 编辑
Vue.js 路由简介
摘要:路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。
阅读全文
posted @
2023-03-24 11:29
垂序葎草
阅读(12)
推荐(0) 编辑
Vue.js Vuex模块化
摘要:Count组件视频115 Person组件视频116 7.模块化+命名空间 目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }
阅读全文
posted @
2023-03-24 11:08
垂序葎草
阅读(57)
推荐(0) 编辑
LeetCode 169. 多数元素(/hash sort 随机化 分治 Boyer-Moore 投票算法)
摘要:原题解 ###题目 约束 ###题解 ####方法一:哈希表 class Solution { public: int majorityElement(vector<int>& nums) { unordered_map<int, int> counts; int majority = 0, cnt
阅读全文
posted @
2023-03-24 03:08
垂序葎草
阅读(21)
推荐(0) 编辑
Vue.js 多组件共享数据
摘要:视频 #components ##Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <h3>当前求和放大10倍为:{{bigSum}}</h3> <h3>我在{{school}},学习{{subject}}</h3> <h3 style="color
阅读全文
posted @
2023-03-24 02:40
垂序葎草
阅读(30)
推荐(0) 编辑
Vue.js 求和案例-mapActions和mapMutations
摘要:视频 mapActions方法:用于帮助我们生成与actions对话的方法,即:包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成:incrementOdd、incrementWait(对象形式) ...mapActions({incrementO
阅读全文
posted @
2023-03-24 02:34
垂序葎草
阅读(89)
推荐(0) 编辑
Vue.js 求和案例-mapState和mapGetters
摘要:视频 6.四个map方法的使用 mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState({sum:'sum',school:'school',subje
阅读全文
posted @
2023-03-24 01:33
垂序葎草
阅读(134)
推荐(0) 编辑
Vue.js 求和案例-getter配置项
摘要:视频 逻辑复杂且跨组件使用 5.getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10
阅读全文
posted @
2023-03-24 01:13
垂序葎草
阅读(36)
推荐(0) 编辑
Vue.js Vuex开发者工具的使用&Vuex写法一些疑问
摘要:视频 4.基本使用 初始化数据、配置actions、配置mutations,操作文件store.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //引用Vuex Vue.use(Vuex) const acti
阅读全文
posted @
2023-03-24 00:52
垂序葎草
阅读(50)
推荐(0) 编辑
Vue.js 求和案例-Vuex实现
摘要:视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为:{{$store.state.sum}}</h1> <select v-model.number="n"> <option v
阅读全文
posted @
2023-03-23 22:52
垂序葎草
阅读(51)
推荐(0) 编辑
Vue.js 搭建Vuex环境
摘要:视频 npm i vuex@3 3.搭建vuex环境 创建文件:src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备acti
阅读全文
posted @
2023-03-23 22:35
垂序葎草
阅读(51)
推荐(0) 编辑
Vue,js Vuex工作原理图
摘要:Vuex原理解析视频107 传参带数据允许走这条线 store管理
阅读全文
posted @
2023-03-23 22:01
垂序葎草
阅读(69)
推荐(0) 编辑
Vue.js 求和案例-纯Vue实现
摘要:纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型, v-model.number="n"强
阅读全文
posted @
2023-03-23 22:01
垂序葎草
阅读(140)
推荐(0) 编辑
Vue.js 作用域插槽
摘要:视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa
阅读全文
posted @
2023-03-23 10:23
垂序葎草
阅读(17)
推荐(0) 编辑
Vue.js 具名插槽
摘要:视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用
阅读全文
posted @
2023-03-22 21:34
垂序葎草
阅读(20)
推荐(0) 编辑
Vue.js 默认插槽
摘要:默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时
阅读全文
posted @
2023-03-22 21:26
垂序葎草
阅读(26)
推荐(0) 编辑
LeetCode 160. 相交链表()
摘要:20230321 顺利通过 20230411 顺利通过 原题解 ###题目 约束 ###题解 ####方法一 class Solution { public: ListNode *getIntersectionNode(ListNode *headA, ListNode *headB) { unor
阅读全文
posted @
2023-03-21 02:29
垂序葎草
阅读(9)
推荐(0) 编辑
Vue.js vue-resource(vue1.0使用多,axios已替代)
摘要:视频 用的不多插件得了解,对xhr的封装,xhr和fecth同级 main.js Search.vue修改,和前一章用法一模一样 #components ##List.vue <template> <div class="row"> <!-- 展示用户列表 --> <div v-show="info
阅读全文
posted @
2023-03-21 02:13
垂序葎草
阅读(39)
推荐(0) 编辑
Vue.js github案例(p98~p100)
摘要:视频98 视频99 视频100 #components ##List.vue <template> <div class="row"> <!-- 展示用户列表 --> <div v-show="info.users.length" class="card" v-for="user in info.u
阅读全文
posted @
2023-03-21 02:03
垂序葎草
阅读(27)
推荐(0) 编辑
Vue.js 配置代理vue-cli
摘要:视频96 视频97 三次握手四次挥手 vue.config.js中写 vue脚手架配置代理 方法一 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 说明: 优点:配置简单,请求资源时直接发给前端(8080)即可
阅读全文
posted @
2023-03-21 01:31
垂序葎草
阅读(124)
推荐(0) 编辑
Vue.js TodoList动画
摘要:视频95 MyItem.vue 改过又改到MyList.vue上面去了 #components ##MyFooter.vue <template> <div class="todo-footer" v-show="total"> <label> <!-- <input type="checkbox"
阅读全文
posted @
2023-03-21 00:29
垂序葎草
阅读(17)
推荐(0) 编辑
Vue.js 动画效果(p91~p94)
摘要:视频91 视频92 视频93 集成第三方动画视频94 animate.css Vue封装的过度与动画 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 图示: 写法: 准备好样式: 元素进入的样式: v-enter:进入的起点 v-enter-active:进入过程中 v-e
阅读全文
posted @
2023-03-21 00:02
垂序葎草
阅读(31)
推荐(0) 编辑
Vue.js TodoList案例-编辑& $nextTick
摘要:编辑部分功能视频 $nextTick视频 本节遗留问题, 点击input框才有焦点,写逻辑的时候是绑定在blur上面的。如果不点击input再点击其他地方,不能触发input框转换到文字的逻辑。 MyItem.vue App.vue修改 nextTick 语法:this.$nextTick(回调函数
阅读全文
posted @
2023-03-20 18:19
垂序葎草
阅读(24)
推荐(0) 编辑
Vue.js TodoList案例pubsub
摘要:视频 MyItem.vue App.vue修改 #components ##MyFooter.vue <template> <div class="todo-footer" v-show="total"> <label> <!-- <input type="checkbox" :checked="i
阅读全文
posted @
2023-03-20 17:42
垂序葎草
阅读(14)
推荐(0) 编辑
Vue.js 消息订阅与发布
摘要:视频 npm i pubsub-js 该技术在vue中被事件总线完全替代 消息订阅与发布(pubsub) 一种组件间通信的方式,适用于任意组件间通信。 使用步骤: 安装pubsub:npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据:A组件
阅读全文
posted @
2023-03-20 17:35
垂序葎草
阅读(35)
推荐(0) 编辑
Vue.js TodoList事件总线
摘要:视频 Myitem.vue App.vue修改 #components ##MyFooter.vue <template> <div class="todo-footer" v-show="total"> <label> <!-- <input type="checkbox" :checked="i
阅读全文
posted @
2023-03-20 11:06
垂序葎草
阅读(6)
推荐(0) 编辑
Vue.js 全局事件总线(任意组件间通信)
摘要:视频84 视频85 现有东西整合的东西 全局事件总线(GlobalEventBus) 一种组件间通信的方式,适用于任意组件间通信。 安装全局事件总线: new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线,$bu
阅读全文
posted @
2023-03-20 10:42
垂序葎草
阅读(79)
推荐(0) 编辑
LeetCode 142. 环形链表 II()
摘要:20230320 顺利通过 20230410 和前一题没啥区别 原题解 ###题目 约束 ###题解 ####解法一 class Solution { public: ListNode *detectCycle(ListNode *head) { unordered_set<ListNode *>
阅读全文
posted @
2023-03-19 03:03
垂序葎草
阅读(57)
推荐(0) 编辑
LeetCode 141. 环形链表(/)
摘要:20230319 顺利通过 20230410 毫无思路 原题解 ###题目 约束 ###题解 ####方法一 class Solution { public: bool hasCycle(ListNode *head) { unordered_set<ListNode*> seen; while (
阅读全文
posted @
2023-03-19 02:55
垂序葎草
阅读(295)
推荐(0) 编辑
Vue.js TodoList自定义事件
摘要:视频 MyFooter MyHeader App.vue均有改变 #components ##MyFooter <template> <div class="todo-footer" v-show="total"> <label> <!-- <input type="checkbox" :check
阅读全文
posted @
2023-03-19 02:53
垂序葎草
阅读(10)
推荐(0) 编辑
Vue.js 组件自定义事件
摘要:绑定组件视频80 解绑组件视频81 总结视频 组件的自定义事件 一种组件间通信的方式,适用于:子组件 > 父组件 使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。 绑定自定义事件: 第一种方式,在父组件中:<Demo @atguigu="tes
阅读全文
posted @
2023-03-19 02:44
垂序葎草
阅读(56)
推荐(0) 编辑
Vue.js TodoList本地存储
摘要:视频 App.vue中有所改变 #components ##MyFooter.vue <template> <div class="todo-footer" v-show="total"> <label> <!-- <input type="checkbox" :checked="isAll" @c
阅读全文
posted @
2023-03-19 02:01
垂序葎草
阅读(13)
推荐(0) 编辑
Vue.js 浏览器本地存储
摘要:视频 webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API: xxxxxStorage.setItem('key', 'value')
阅读全文
posted @
2023-03-19 01:50
垂序葎草
阅读(88)
推荐(0) 编辑
Vue.js TodoList案例
摘要:静态组件视频70 展示动态数据视频71 添加todo视频72 nanoid--> npm i nanoid todo前勾选视频73 删除todo功能视频74 底部统计功能视频75 底部交互功能视频76 总结视频 总结TodoList案例 组件化编码流程: (1).拆分静态组件:组件要按照功能点拆
阅读全文
posted @
2023-03-19 01:31
垂序葎草
阅读(106)
推荐(0) 编辑
Vue.js scoped样式
摘要:视频 scoped样式 作用:让样式在局部生效,防止冲突。 写法:<style scoped> #components ##School.vue <template> <div class="demo"> <h2 class="title">学校名称:{{name}}</h2> <h2>学校地址:{
阅读全文
posted @
2023-03-18 16:30
垂序葎草
阅读(20)
推荐(0) 编辑
Vue.js 插件
摘要:视频 插件 功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件: 对象.install = function (Vue, options) { // 1. 添加全局过滤器 Vue.filter(....
阅读全文
posted @
2023-03-18 16:18
垂序葎草
阅读(28)
推荐(0) 编辑
Vue.js mixin混入
摘要:视频 mixin(混入) 功能:可以把多个组件共用的配置提取成一个混入对象 使用方式: 第一步定义混合: { data(){....}, methods:{....} .... } 第二步使用混入: 全局混入:Vue.mixin(xxx) 局部混入:mixins:['xxx'] #compo
阅读全文
posted @
2023-03-18 16:03
垂序葎草
阅读(21)
推荐(0) 编辑
Vue.js props配置(微信收款确认流程)
摘要:视频 直接修改外来数据props会产生警告 props配置项 1. 功能:让组件接收外部传过来的数据 2. 传递数据:```<Demo name="xxx"/>``` 3. 接收数据: 1. 第一种方式(只接收):```props:['name'] ``` 2. 第二种方式(限制类型):```pro
阅读全文
posted @
2023-03-18 15:48
垂序葎草
阅读(31)
推荐(0) 编辑
Vue.js ref属性(类比id)
摘要:视频 1. 被用来给元素或子组件注册引用信息(id的替代者) 2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 3. 使用方式: 1. 打标识:```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx"></Sc
阅读全文
posted @
2023-03-18 15:26
垂序葎草
阅读(94)
推荐(0) 编辑
Vue.js 修改默认配置(main.js改变,vue.config.js改变)
摘要:视频 使用vue inspect > output.js可以查看到Vue脚手架的默认配置。 使用vue.config.js可以对脚手架进行个性化定制,详情见:https://cli.vuejs.org/zh main.js改变对应的下列中的entry后面的main.js也要改变 ###vue.con
阅读全文
posted @
2023-03-18 15:24
垂序葎草
阅读(312)
推荐(0) 编辑
Vue.js 创建脚手架&模板项目的结构&render函数(p61~p63)
摘要:视频61 视频62 ES6->ES5 babel 视频63 eslint语法检查 #结构 #vue components ###School.vue <template> <div class="demo"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{address}}</
阅读全文
posted @
2023-03-18 02:59
垂序葎草
阅读(22)
推荐(0) 编辑
Vue.js 单文件组件
摘要:视频 安装vetur vue代码高亮 没安装脚手架的时候,浏览器不认ES6标准 #HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <!-- 准
阅读全文
posted @
2023-03-17 21:05
垂序葎草
阅读(16)
推荐(0) 编辑
Vue.js 非单文件组件-一个重要的内置关系
摘要:视频58 视频59 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>一个重要的内置关系</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue
阅读全文
posted @
2023-03-17 20:34
垂序葎草
阅读(19)
推荐(0) 编辑
Vue.js 非单文件组件-VueComponent构造函数
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>VueComponent</title> <script type="text/javascript" src="../js/vue.js"></script> </he
阅读全文
posted @
2023-03-17 20:00
垂序葎草
阅读(13)
推荐(0) 编辑
Vue.js 非单文件组件-组件的嵌套
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>组件的嵌套</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scri
阅读全文
posted @
2023-03-17 19:45
垂序葎草
阅读(13)
推荐(0) 编辑
Vue.js 非单文件组件-几个注意点
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>几个注意点</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bo
阅读全文
posted @
2023-03-17 19:37
垂序葎草
阅读(9)
推荐(0) 编辑
Vue.js 非单文件组件-基本使用
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>基本使用</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod
阅读全文
posted @
2023-03-17 18:17
垂序葎草
阅读(25)
推荐(0) 编辑
Vue.js 生命周期-总结生命周期
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>引出生命周期</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scr
阅读全文
posted @
2023-03-17 17:31
垂序葎草
阅读(24)
推荐(0) 编辑
Vue.js 生命周期-分析生命周期
摘要:[挂载流程视频49](https://www.bilibili.com/video/BV1Zy4y1K7SH?p=49&spm_id_from=pageDriver&vd_source=009479c86159d637f652d9b02ff7815d) [更新流程视频50](https://www.
阅读全文
posted @
2023-03-17 16:44
垂序葎草
阅读(11)
推荐(0) 编辑
Vue.js 生命周期-引出生命周期
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>引出生命周期</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scr
阅读全文
posted @
2023-03-17 15:57
垂序葎草
阅读(17)
推荐(0) 编辑
Vue.js 自定义指令 函数式&对象式
摘要:视频45 视频46 视频47 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>自定义指令</title> <script type="text/javascript" src="../js/vue.js"></script>
阅读全文
posted @
2023-03-17 15:43
垂序葎草
阅读(20)
推荐(0) 编辑
Vue.js 内置指令 v-pre指令
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-pre指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></sc
阅读全文
posted @
2023-03-17 15:39
垂序葎草
阅读(42)
推荐(0) 编辑
Vue.js 内置指令 v-once指令
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-once指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></s
阅读全文
posted @
2023-03-17 15:04
垂序葎草
阅读(26)
推荐(0) 编辑
LeetCode 139. 单词拆分(/dp)
摘要:20230317 顺利通过 20230319 顺利通过 20230408 思路没记住 原题解 ###题目 约束 ###题解 class Solution { public: bool wordBreak(string s, vector<string>& wordDict) { auto wordD
阅读全文
posted @
2023-03-17 02:29
垂序葎草
阅读(15)
推荐(0) 编辑
LeetCode 136. 只出现一次的数字(/思维 异或)
摘要:20230317 顺利通过 20230319 顺利通过 20230406 顺利通过 原题解 ###题目 约束 ###题解 class Solution { public: int singleNumber(vector<int>& nums) { int ret = 0; for (auto e:
阅读全文
posted @
2023-03-17 02:25
垂序葎草
阅读(14)
推荐(0) 编辑
Vue.js 内置指令 v-cloak指令
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-cloak指令</title> <style> [v-cloak]{ display:none; } </style> <!-- 引入Vue --> </head>
阅读全文
posted @
2023-03-17 02:16
垂序葎草
阅读(42)
推荐(0) 编辑
Vue.js 内置指令 v-html指令&安全性问题cookie
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-html指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></s
阅读全文
posted @
2023-03-17 02:04
垂序葎草
阅读(320)
推荐(0) 编辑
Vue.js 内置指令 v-text指令
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-text指令</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></s
阅读全文
posted @
2023-03-17 01:46
垂序葎草
阅读(30)
推荐(0) 编辑
Vue.js 过滤器
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>过滤器</title> <script type="text/javascript" src="../js/vue.js"></script> <script type=
阅读全文
posted @
2023-03-17 01:02
垂序葎草
阅读(14)
推荐(0) 编辑
Vue.js 收集表单数据
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <b
阅读全文
posted @
2023-03-16 23:29
垂序葎草
阅读(18)
推荐(0) 编辑
Vue.js 总结Vue监视数据
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>总结数据监视</title> <style> button{ margin-top: 10px; } </style> <!-- 引入Vue --> <script ty
阅读全文
posted @
2023-03-16 22:01
垂序葎草
阅读(27)
推荐(0) 编辑
Vue.js Vue.set响应式添加数据&Vue监测数据改变的原理_数组(p35~p36)
摘要:视频35 视频36 ##Vue.set响应式添加数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Vue监测数据改变的原理</title> <!-- 引入Vue --> <script type="text/javasc
阅读全文
posted @
2023-03-16 21:31
垂序葎草
阅读(17)
推荐(0) 编辑
Vue.js 更新时的一个问题&Vue监测数据改变的原理(p33~p34)
摘要:视频33 视频34 更新时的一个问题 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>更新时的一个问题</title> <script type="text/javascript" src="../js/vue.js"></
阅读全文
posted @
2023-03-16 21:02
垂序葎草
阅读(16)
推荐(0) 编辑
Vue.js 列表渲染-列表排序
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>列表排序</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod
阅读全文
posted @
2023-03-16 20:31
垂序葎草
阅读(45)
推荐(0) 编辑
Vue.js 列表渲染-列表过滤
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>列表过滤</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod
阅读全文
posted @
2023-03-16 19:05
垂序葎草
阅读(19)
推荐(0) 编辑
Vue.js 列表渲染-key的作用与原理
摘要:视频 虚拟DOM对比算法diff <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>key的原理</title> <script type="text/javascript" src="../js/vue.js"></scri
阅读全文
posted @
2023-03-16 18:35
垂序葎草
阅读(61)
推荐(0) 编辑
Vue.js 列表渲染-基本列表
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>基本列表</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod
阅读全文
posted @
2023-03-16 18:17
垂序葎草
阅读(12)
推荐(0) 编辑
Vue.js 条件渲染
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod
阅读全文
posted @
2023-03-16 18:04
垂序葎草
阅读(16)
推荐(0) 编辑
Vue.js 绑定class样式(p26~p27)
摘要:视频26 视频27 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic{ width: 400px; height: 100px; border: 1px solid bl
阅读全文
posted @
2023-03-16 11:42
垂序葎草
阅读(36)
推荐(0) 编辑
Vue.js 监视属性(p21~p25)
摘要:视频21 视频22 视频23 视频24 视频25 天气案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>天气案例</title> <!-- 引入Vue --> <script type="text/javascript"
阅读全文
posted @
2023-03-16 11:23
垂序葎草
阅读(12)
推荐(0) 编辑
LeetCode 128. 最长连续序列(/)
摘要:20230317 顺利通过 20230319 顺利通过 20230403 if(!hashset.count(h - 1)) 原题解 ###题目 约束 ###题解 class Solution { public: int longestConsecutive(vector<int>& nums) {
阅读全文
posted @
2023-03-16 02:47
垂序葎草
阅读(190)
推荐(0) 编辑
LeetCode 124. 二叉树中的最大路径和(/)
摘要:20230317 顺利通过 20230319 顺利通过 20230403 ans = max(ans, left + right + root->val); return max(left, right) + root->val; ans = -0x3f3f3f3f; 原题解 ###题目 约束 ##
阅读全文
posted @
2023-03-16 02:24
垂序葎草
阅读(189)
推荐(0) 编辑
LeetCode 121. 买卖股票的最佳时机(/)
摘要:20230316 顺利通过 20230317 顺利通过 20230319 顺利通过 20230403 顺利通过 原题解 ###题目 约束 ###题解 ####方法一 class Solution { public: int maxProfit(vector<int>& prices) { int n
阅读全文
posted @
2023-03-16 02:11
垂序葎草
阅读(10)
推荐(0) 编辑
LeetCode 114. 二叉树展开为链表(/)
摘要:20230317 顺利通过 20230319 顺利通过 20230403 顺利通过 原题解 ###题目 约束 ###题解 ####方法一 递归 class Solution { public: void flatten(TreeNode* root) { vector<TreeNode*> l; p
阅读全文
posted @
2023-03-15 21:56
垂序葎草
阅读(251)
推荐(0) 编辑
Vue.js 计算属性(p18~p20)
摘要:视频18 视频19 视频20 ##姓名案例_插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>姓名案例_插值语法实现</title> <!-- 引入Vue --> <script type="text/javas
阅读全文
posted @
2023-03-15 21:48
垂序葎草
阅读(11)
推荐(0) 编辑
Vue.js 事件处理-键盘事件
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>键盘事件</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scrip
阅读全文
posted @
2023-03-15 21:16
垂序葎草
阅读(76)
推荐(0) 编辑
Vue.js 事件处理-事件修饰符
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>事件修饰符</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scri
阅读全文
posted @
2023-03-15 21:02
垂序葎草
阅读(55)
推荐(0) 编辑
Vue.js 事件处理-事件的基本使用v-on传参
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>事件的基本使用</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></sc
阅读全文
posted @
2023-03-15 20:47
垂序葎草
阅读(49)
推荐(0) 编辑
Vue.js 数据代理-回顾Object.defineProperty方法&数据代理理解
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script type="text/javascript" > let
阅读全文
posted @
2023-03-15 19:39
垂序葎草
阅读(17)
推荐(0) 编辑
Vue.js 理解MVVM
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>理解MVVM</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scr
阅读全文
posted @
2023-03-15 19:01
垂序葎草
阅读(58)
推荐(0) 编辑
Vue.js el与data的两种写法
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>el与data的两种写法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"
阅读全文
posted @
2023-03-15 18:53
垂序葎草
阅读(16)
推荐(0) 编辑
Vue.js 数据绑定
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>数据绑定</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scrip
阅读全文
posted @
2023-03-15 18:45
垂序葎草
阅读(47)
推荐(0) 编辑
Vue.js 模板语法
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>模板语法</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scrip
阅读全文
posted @
2023-03-15 18:38
垂序葎草
阅读(28)
推荐(0) 编辑
Vue.js 搭建Vue开发环境(p4~p6)
摘要:视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></scri
阅读全文
posted @
2023-03-15 18:27
垂序葎草
阅读(25)
推荐(0) 编辑
ES6-ES11 ES11绝对全局对象globalThis
摘要:原视频 忽略变量环境,引用全局变量 #html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
阅读全文
posted @
2023-03-11 16:19
垂序葎草
阅读(33)
推荐(0) 编辑
ES6-ES11目录
摘要:第四十八天 ##ES6-ES11 let变量声明以及声明特性 ##ES6-ES11 let实践案例 ##ES6-ES11 const声明常量以及特点 ##ES6-ES11 变量的解构赋值 ##ES6-ES11 模板字符串 ##ES6-ES11 对象的简化写法 ##ES6-ES11 箭头函数以及声明特
阅读全文
posted @
2023-03-11 16:19
垂序葎草
阅读(15)
推荐(0) 编辑
ES6-ES11 ES11 BigInt
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BigIn
阅读全文
posted @
2023-03-11 16:15
垂序葎草
阅读(15)
推荐(0) 编辑
ES6-ES11 ES11 动态import
摘要:原视频 #html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
posted @
2023-03-11 16:12
垂序葎草
阅读(37)
推荐(0) 编辑
ES6-ES11 ES11可选链操作符
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>可选链操作
阅读全文
posted @
2023-03-11 16:08
垂序葎草
阅读(24)
推荐(0) 编辑
ES6-ES11 ES11String.prototype.matchAll
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Strin
阅读全文
posted @
2023-03-11 16:05
垂序葎草
阅读(11)
推荐(0) 编辑
ES6-ES11 ES11Promise.allSettled
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Promi
阅读全文
posted @
2023-03-10 21:22
垂序葎草
阅读(8)
推荐(0) 编辑
ES6-ES11 ES11私有属性
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>私有属性<
阅读全文
posted @
2023-03-10 21:20
垂序葎草
阅读(26)
推荐(0) 编辑
ES6-ES11 ES10-Symbol.prototype.description
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Symbo
阅读全文
posted @
2023-03-10 19:27
垂序葎草
阅读(8)
推荐(0) 编辑
ES6-ES11 ES10数组方法扩展-flat与flatMap
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flat
阅读全文
posted @
2023-03-10 19:13
垂序葎草
阅读(33)
推荐(0) 编辑
ES6-ES11 ES10字符串方法扩展-trimStart-trimEnd
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>trimS
阅读全文
posted @
2023-03-10 19:09
垂序葎草
阅读(22)
推荐(0) 编辑
ES6-ES11 ES10对象扩展方法Object.fromEntries
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Objec
阅读全文
posted @
2023-03-10 19:06
垂序葎草
阅读(19)
推荐(0) 编辑
ES6-ES11 正则扩展-dotAll模式
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正则扩展-
阅读全文
posted @
2023-03-10 00:09
垂序葎草
阅读(25)
推荐(0) 编辑
ES6-ES11 正则扩展-反向断言
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正则扩展-
阅读全文
posted @
2023-03-09 21:34
垂序葎草
阅读(16)
推荐(0) 编辑
ES6-ES11 ES9扩展运算符与rest参数
摘要:视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对象展开</
阅读全文
posted @
2023-03-09 11:18
垂序葎草
阅读(14)
推荐(0) 编辑
ES6-ES11 ES8对象方法扩展
摘要:视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ES8 对象
阅读全文
posted @
2023-03-09 11:13
垂序葎草
阅读(11)
推荐(0) 编辑
ES6-ES11 async与await结合发送AJAX请求
摘要:视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>发送 AJA
阅读全文
posted @
2023-03-09 11:08
垂序葎草
阅读(86)
推荐(0) 编辑
ES6-ES11 async与await结合读取文件内容
摘要:原视频 //1. 引入 fs 模块 const fs = require("fs"); //读取『为学』 function readWeiXue() { return new Promise((resolve, reject) => { fs.readFile("./resources/为学.md"
阅读全文
posted @
2023-03-09 11:02
垂序葎草
阅读(27)
推荐(0) 编辑
ES6-ES11 ES8 async函数 & await表达式
摘要:原视频 async <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
posted @
2023-03-09 10:57
垂序葎草
阅读(15)
推荐(0) 编辑
ES6-ES11 ES7新特性 数值includes & 幂运算
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ES7 新
阅读全文
posted @
2023-03-09 10:46
垂序葎草
阅读(19)
推荐(0) 编辑
ES6-ES11 ES6模块化引入NPM包
摘要:安装jQuery包 npm i jquery app.js //入口文件 //模块引入 import * as m1 from "./m1.js"; import * as m2 from "./m2.js"; import * as m3 from "./m3.js"; // console.lo
阅读全文
posted @
2023-03-09 10:40
垂序葎草
阅读(73)
推荐(0) 编辑
ES6-ES11 bable对ES6模块化代码的转换(已过时,仅了解)
摘要:原视频 让ES新特性以ES5形式展现 #home.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia
阅读全文
posted @
2023-03-09 10:36
垂序葎草
阅读(45)
推荐(0) 编辑
ES6-ES11 ES6模块 暴露数据 & 引入模块数据 语法汇总
摘要:#index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
posted @
2023-03-09 10:32
垂序葎草
阅读(48)
推荐(0) 编辑
ES6-ES11 对象方法扩展
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对象方法扩展</t
阅读全文
posted @
2023-03-08 23:01
垂序葎草
阅读(7)
推荐(0) 编辑
ES6-ES11 ES6的数值扩展
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数值扩展</tit
阅读全文
posted @
2023-03-08 22:56
垂序葎草
阅读(11)
推荐(0) 编辑
ES6-ES11 class中getter和setter设置
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>get 和 set
阅读全文
posted @
2023-03-08 19:57
垂序葎草
阅读(38)
推荐(0) 编辑
ES6-ES11 class的类的继承&子类对父类方法的重写
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>类继承-2</ti
阅读全文
posted @
2023-03-08 19:52
垂序葎草
阅读(38)
推荐(0) 编辑
ES6-ES11 ES5构造函数继承
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对象继承</tit
阅读全文
posted @
2023-03-08 19:48
垂序葎草
阅读(6)
推荐(0) 编辑
ES6-ES11 class静态成员
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>静态成员</tit
阅读全文
posted @
2023-03-08 19:40
垂序葎草
阅读(12)
推荐(0) 编辑
ES6-ES11 Class的介绍与初体验
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>类声明</titl
阅读全文
posted @
2023-03-08 19:32
垂序葎草
阅读(13)
推荐(0) 编辑
ES6-ES11 Map的介绍与API
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Map</titl
阅读全文
posted @
2023-03-08 19:28
垂序葎草
阅读(13)
推荐(0) 编辑
LeetCode 105. 从前序与中序遍历序列构造二叉树
摘要:20230315 顺利通过 20230321 p_left + 1, index[inorder[i]] = i; if(p_left > p_right){ return nullptr; } TreeNode* root = new TreeNode(preorder[p_root]); 202
阅读全文
posted @
2023-03-08 19:23
垂序葎草
阅读(20)
推荐(0) 编辑
LeetCode 104. 二叉树的最大深度(/dfs)
摘要:20230312 顺利通过 20230315 顺利通过 20230403 顺利通过 原题解 ###题目 约束 ###题解 ####解法一 class Solution { public: int maxDepth(TreeNode* root) { if (root == nullptr) retu
阅读全文
posted @
2023-03-08 19:22
垂序葎草
阅读(12)
推荐(0) 编辑
LeetCode 102. 二叉树的层序遍历(/bfs)
摘要:20230403 !root ans.back() 原题解 题目 约束 ###题解 class Solution { public: vector<vector<int>> levelOrder(TreeNode* root) { vector <vector <int>> ret; if (!ro
阅读全文
posted @
2023-03-08 00:21
垂序葎草
阅读(16)
推荐(0) 编辑
queue
摘要:来自我以前找的整理在doc上面的知识,来源已经不可考究了。 queue 和 stack 有一些成员函数相似,但在一些情况下,工作方式有些不同: front():返回 queue 中第一个元素的引用。如果 queue 是常量,就返回一个常引用;如果 queue 为空,返回值是未定义的。 back():
阅读全文
posted @
2023-03-08 00:16
垂序葎草
阅读(160)
推荐(0) 编辑
JavaScrpit 冒泡
摘要:``` 我是box1 我是span ``` ``` ```
阅读全文
posted @
2023-03-08 00:05
垂序葎草
阅读(5)
推荐(0) 编辑
JavaScript 不同浏览器的滚动条
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red
阅读全文
posted @
2023-03-08 00:03
垂序葎草
阅读(26)
推荐(0) 编辑
JavaScript 获取鼠标垂直水平坐标
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c
阅读全文
posted @
2023-03-08 00:00
垂序葎草
阅读(28)
推荐(0) 编辑
JavaScript 滚动条下拉
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #info{ width: 300px; height: 500px; background-color: #bf
阅读全文
posted @
2023-03-07 23:56
垂序葎草
阅读(58)
推荐(0) 编辑
JavaScript 其他样式操作的属性
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red
阅读全文
posted @
2023-03-07 11:32
垂序葎草
阅读(11)
推荐(0) 编辑
JavaScript 读取元素的样式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: yel
阅读全文
posted @
2023-03-07 11:30
垂序葎草
阅读(59)
推荐(0) 编辑
JavaScript 使用DOM操作CSS
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red
阅读全文
posted @
2023-03-07 11:26
垂序葎草
阅读(39)
推荐(0) 编辑
JavaScript 添加删除表格记录练习
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
阅读全文
posted @
2023-03-07 11:23
垂序葎草
阅读(20)
推荐(0) 编辑
LeetCode 101. 对称二叉树(/dfs)
摘要:20230312 顺利通过 20230315 顺利通过 20230403 顺利通过 原题解 ###题目 约束 ###题解 ####解法一 class Solution { public: bool check(TreeNode *p, TreeNode *q) { if (!p && !q) ret
阅读全文
posted @
2023-03-07 00:28
垂序葎草
阅读(13)
推荐(0) 编辑
LeetCode 98. 验证二叉搜索树(/dfs)
摘要:20230315 顺利通过 20230403 root == nullptr && LONG_MIN, LONG_MAX 原题解 ###题目 约束 ###题解 ####解法一 class Solution { public: bool helper(TreeNode* root, long long
阅读全文
posted @
2023-03-07 00:20
垂序葎草
阅读(12)
推荐(0) 编辑
LeetCode 96. 不同的二叉搜索树(/dp)
摘要:20230306 顺利通过 20230312 顺利通过 20230315 顺利通过 原题解 ###题目 约束 ###题解 ####方法一 class Solution { public: int numTrees(int n) { vector<int> G(n + 1, 0); G[0] = 1;
阅读全文
posted @
2023-03-05 22:20
垂序葎草
阅读(12)
推荐(0) 编辑
ES6-ES11 Set集合实践(去重交并差)
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Set 实
阅读全文
posted @
2023-03-05 18:27
垂序葎草
阅读(18)
推荐(0) 编辑
ES6-ES11 Set集合介绍与API
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>集合</t
阅读全文
posted @
2023-03-05 18:20
垂序葎草
阅读(17)
推荐(0) 编辑
ES6-ES11 Promise实践练习-多个文件内容读取
摘要:原视频 //引入 fs 模块 const fs = require("fs"); // fs.readFile('./resources/为学.md', (err, data1)=>{ // fs.readFile('./resources/插秧诗.md', (err, data2)=>{ // f
阅读全文
posted @
2023-03-05 18:15
垂序葎草
阅读(14)
推荐(0) 编辑
ES6-ES11 Promise对象catch方法
摘要:原视频 相当于是一个语法糖 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
阅读全文
posted @
2023-03-05 18:07
垂序葎草
阅读(26)
推荐(0) 编辑
ES6-ES11 Promise.prototype.then方法
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Promi
阅读全文
posted @
2023-03-05 18:01
垂序葎草
阅读(18)
推荐(0) 编辑
ES6-ES11 Promise封装AJAX
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>发送 AJ
阅读全文
posted @
2023-03-05 17:33
垂序葎草
阅读(11)
推荐(0) 编辑
ES6-ES11 Promise封装读取文件
摘要:原视频 //1. 引入 fs 模块 const fs = require('fs'); //2. 调用方法读取文件 // fs.readFile('./resources/为学.md', (err, data)=>{ // //如果失败, 则抛出错误 // if(err) throw err; //
阅读全文
posted @
2023-03-05 17:28
垂序葎草
阅读(32)
推荐(0) 编辑
ES6-ES11 promise介绍与基本使用
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Promi
阅读全文
posted @
2023-03-05 17:22
垂序葎草
阅读(16)
推荐(0) 编辑
JavaScript 表格中删除整行
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
阅读全文
posted @
2023-03-05 17:04
垂序葎草
阅读(139)
推荐(0) 编辑
JavaScript dom增删改
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
阅读全文
posted @
2023-03-05 17:02
垂序葎草
阅读(19)
推荐(0) 编辑
JavaScript dom查询的其他的方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取body标签 //var body
阅读全文
posted @
2023-03-05 16:58
垂序葎草
阅读(12)
推荐(0) 编辑
JavaScript 全选练习
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c
阅读全文
posted @
2023-03-05 16:52
垂序葎草
阅读(13)
推荐(0) 编辑
JavaScript dom查询2
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
阅读全文
posted @
2023-03-05 16:47
垂序葎草
阅读(14)
推荐(0) 编辑
ES6-ES11 生成器函数的实例(解决回调地狱问题)
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生成器函数
阅读全文
posted @
2023-03-04 21:18
垂序葎草
阅读(20)
推荐(0) 编辑
ES6-ES11 生成器函数的参数传递
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生成器函数
阅读全文
posted @
2023-03-04 21:05
垂序葎草
阅读(15)
推荐(0) 编辑
ES6-ES11 生成器函数声明与调用
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生成器</
阅读全文
posted @
2023-03-04 20:58
垂序葎草
阅读(10)
推荐(0) 编辑
ES6-ES11 迭代器应用-自定义遍历数据
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义遍历
阅读全文
posted @
2023-03-04 20:30
垂序葎草
阅读(16)
推荐(0) 编辑
ES6-ES11 迭代器介绍
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>迭代器</
阅读全文
posted @
2023-03-04 20:24
垂序葎草
阅读(13)
推荐(0) 编辑
ES6-ES11 Symbol的内置属性
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Symbo
阅读全文
posted @
2023-03-04 20:10
垂序葎草
阅读(15)
推荐(0) 编辑
ES6-ES11 对象添加symbol类型的属性
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Symbo
阅读全文
posted @
2023-03-04 20:04
垂序葎草
阅读(31)
推荐(0) 编辑
ES6-ES11 Symbol的简介与创建
摘要:原视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>symbo
阅读全文
posted @
2023-03-04 19:49
垂序葎草
阅读(14)
推荐(0) 编辑
JavaScript 前后切换图片
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width: 500px; margin:
阅读全文
posted @
2023-03-04 19:37
垂序葎草
阅读(12)
推荐(0) 编辑
JavaScript dom查询
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text
阅读全文
posted @
2023-03-04 19:36
垂序葎草
阅读(9)
推荐(0) 编辑
JavaScript 文档的加载
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 浏览器在加载一个页面时,是按照自上向下的顺序加载的, * 读取到一行就运行一行,如果将s
阅读全文
posted @
2023-03-04 19:31
垂序葎草
阅读(18)
推荐(0) 编辑
JavaScript 事件
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 我们可以在事件对应的属性中设置一些js代码, 这样当事件被触发时,这些代码将会执行 这种写法我们称为结构和行为耦合,不方便
阅读全文
posted @
2023-03-04 19:25
垂序葎草
阅读(8)
推荐(0) 编辑
JavaScript Dom
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">我是一个按钮</button> <script type="text/javascript"> /
阅读全文
posted @
2023-03-04 19:24
垂序葎草
阅读(8)
推荐(0) 编辑
JavaScript 邮件的正则
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 电子邮件 * hello .nihao @ abc .com.cn * * 任意字母数字
阅读全文
posted @
2023-03-04 19:22
垂序葎草
阅读(90)
推荐(0) 编辑
JavaScript 正则表达式2
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 创建一个正则表达式检查一个字符串中是否含有aaa */ /* * 量词 * - 通过量词
阅读全文
posted @
2023-03-04 19:09
垂序葎草
阅读(14)
推荐(0) 编辑
LeetCode 94. 二叉树的中序遍历()
摘要:20230304 vector push_back() 20230307 &&&& 20230311 顺利通过 20230331 顺利通过 原题解 ###题目 约束 ###题解 ####方法一 class Solution { public: void inorder(TreeNode* root,
阅读全文
posted @
2023-03-02 19:52
垂序葎草
阅读(11)
推荐(0) 编辑
LeedCode 85. 最大矩形(/)
摘要:20230304 数组记得初始化,for要从后往前 20230331 顺利通过 原题解 ###题目 约束 ###题解 ####解法一 class Solution { public: int maximalRectangle(vector<vector<char>>& matrix) { int m
阅读全文
posted @
2023-03-02 19:43
垂序葎草
阅读(39)
推荐(0) 编辑
JavaScript 字符串和正则相关的方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var str = "1a2b3c4d5e6f7"; /* * split() * - 可以将一个
阅读全文
posted @
2023-03-01 22:22
垂序葎草
阅读(20)
推荐(0) 编辑
JavaScript 正则表达式
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 正则表达式 * - admin@atguigu.com * - admin@.com a
阅读全文
posted @
2023-03-01 22:08
垂序葎草
阅读(10)
推荐(0) 编辑
JavaScript 字符串的相关方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个字符串 var str = "Hello Atguigu"; /* * 在底层字符串是
阅读全文
posted @
2023-03-01 22:02
垂序葎草
阅读(13)
推荐(0) 编辑
JavaScript 包装类
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 基本数据类型 * String Number Boolean Null Undefine
阅读全文
posted @
2023-03-01 22:00
垂序葎草
阅读(19)
推荐(0) 编辑
JavaScript Math
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * Math * - Math和其他的对象不同,它不是一个构造函数, * 它属于一个工具类不
阅读全文
posted @
2023-03-01 21:57
垂序葎草
阅读(12)
推荐(0) 编辑
JavaScript Date
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * Date对象 * - 在JS中使用Date对象来表示一个时间 */ //创建一个Date
阅读全文
posted @
2023-03-01 21:55
垂序葎草
阅读(12)
推荐(0) 编辑
JavaScript argument
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在调用函数时,浏览器每次都会传递进两个隐含的参数: * 1.函数的上下文对象 this
阅读全文
posted @
2023-03-01 21:52
垂序葎草
阅读(21)
推荐(0) 编辑
JavaScript 函数的方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function fun(a,b) { console.log("a = "+a); consol
阅读全文
posted @
2023-03-01 21:50
垂序葎草
阅读(12)
推荐(0) 编辑
JavaScript 数组的剩余方法
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> var arr = ["孙悟空","猪八戒","沙和尚"]; var arr2 = ["白骨精
阅读全文
posted @
2023-03-01 21:49
垂序葎草
阅读(40)
推荐(0) 编辑
JavaScript 数组去重
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个数组 var arr = [1,2,3,2,2,1,3,4,2,5]; //去除数组中
阅读全文
posted @
2023-03-01 21:47
垂序葎草
阅读(5)
推荐(0) 编辑
JavaScript forEach
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 一般我们都是使用for循环去遍历数组, * JS中还为我们提供了一个方法,用来遍历数组
阅读全文
posted @
2023-03-01 21:45
垂序葎草
阅读(25)
推荐(0) 编辑
JavaScript 数组的方法和遍历
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个数组 var arr = ["孙悟空","猪八戒","沙和尚"]; /* * push
阅读全文
posted @
2023-03-01 21:43
垂序葎草
阅读(15)
推荐(0) 编辑
JavaScript 数组
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 内建对象 * 宿主对象 * 自定义对象 * * 数组(Array) * - 数组也是一个
阅读全文
posted @
2023-03-01 20:23
垂序葎草
阅读(14)
推荐(0) 编辑
JavaScript 垃圾回收
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 垃圾回收(GC) * - 就像人生活的时间长了会产生垃圾一样,程序运行过程中也会产生垃圾
阅读全文
posted @
2023-03-01 20:06
垂序葎草
阅读(9)
推荐(0) 编辑
JavaScript toString
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function Person(name , age , gender){ this.name =
阅读全文
posted @
2023-03-01 20:05
垂序葎草
阅读(13)
推荐(0) 编辑
JavaScript 原型
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 原型 prototype * * 我们所创建的每一个函数,解析器都会向函数中添加一个属性
阅读全文
posted @
2023-03-01 19:53
垂序葎草
阅读(6)
推荐(0) 编辑