香菜的博客

原创 亿点细节~ 超实用工作笔记！（不断更新中ing）

亿点细节~

原创 社招面试（速记版）超级好记！！！

前端社招面试

原创 ＜el-table＞根据后端返回数据决定合并单元格的数量（521特别版）

elementUI合并表格

原创 解决git提交完代码后切换到自己分支pull拉错远程分支

解决git提交完代码后切换到自己分支pull拉错远程分支

原创 ElementUI用el-table实现表格内嵌套表格

el-table 实现表格内嵌套表格（宇宙无敌详细！！！一看就会！）

原创 同一个页面同一区域两个el-table在v-if下样式重叠问题

el-table在v-if下样式重叠问题

原创 1024勋章

友友们，1024程序员节快乐呀！😏

原创 微信小程序用 canvas 实现手写签名弹框（全网最最最详细！！）

微信小程序用canvas实现手写签名弹框

原创 ElementUI中Tabs标签页样式修改------胶囊Tab切换栏

胶囊Tab切换栏

原创 程序圆的养鱼日记~（有续集）

养鱼日记

原创 前端暴露后端接口及传参方式总结~

前后端传参

原创 推送至远程仓库流程 之 遇到冲突（三）

推送至远程仓库流程 之 遇到冲突

原创 ElementUI组件中，给未截止日期高亮显示

Elementui，未截止日期高亮显示

原创 推送至远程仓库流程 （二）

推送至远程仓库流程（二）

原创 推送至远程仓库流程 （一）

推送至远程仓库流程 （一）

原创 面经篇（五）

1. vue2 和 vue3 的区别2. 浏览器渲染页面的过程3. promise 实现异步的原理4. 宏任务 和 微任务5. 怎么进行不同屏幕的适配？6. 在不同端怎么切换 鼠标点击事件 和 手势操作？7. 说说 cookie 、localStorage 和 sessionStorage 的区别1. 与服务器交互：cookie 是网站为了标示用户身份而储存在 用户本地终端上 的数据（通常经过加密）；cookie 始终会在同源 http 请求头中携带（即使不需要），在浏览器和服务器间来回

原创 面经篇（四）

1. 防抖2. 节流3. 谈谈 set 、 map 是什么？4. 谈谈 promise5. JS 的 reduce()函数，包括参数6. 对 async 的理解7. get 和 post 区别8. es6 新特性9. es6 关于数组的新方法

原创 面经篇（三）

文章目录1. label 属性2. mixin 混入怎么处理同样的名字（覆盖），函数名相同（覆盖）还有一个什么相同是先后执行？3. 加一个 background 哪些地方上色？4. v-if 和 v-show 的区别？5. 原型链中，定义一个 function 里面找不到的东西去哪里找？6. 类型转换中的隐式转换在什么情况下出现？7. 数组去重有哪些方法？（标明 ES6 的方法。）8. display:none 和 visibility:hidden 有什么区别？9. 清除浮动有哪些方法？10. CSS选择

原创 面经篇（二）

文章目录1. h5语义化标签有哪些？1.1 什么是 HTML 语义化标签？1.2 为什么要使用 H5 语义化标签？2. 块级元素和内联元素，img是内联元素为什么可以设置他的宽高？3. 对盒子模型的了解。3.1 什么是盒子模型？3.2 盒子模型有几种模式？3.3 盒子模型 大小计算4. css3选择器有哪些？5. Flex布局及如何实现一个元素水平垂直居中？6. Position属性及定位点7. 元素隐藏的方式8. 响应式9. 异步操作除了 SetTimeout 还有哪些？10. var、let 和 con

原创 面经篇（一）

文章目录1. JS 基本数据类型和引用数据类型都有哪些，有什么区别？2. 闭包是什么？，作用（优点、缺点）以及应用场景有哪些？3. 原型，原型链4. 常见的布局方法有哪些？5. 数据类型的判断有哪些？对象类型的判断方法？参数？6. == 和 === 的不同7. 数组方法有哪些，参数？8. 字符串方法有哪些，参数？9. 字符串拼接有哪些方法？10. new 一个实例对象然后发生了什么？11. 如何用 JS 实现继承？12. 事件代理/委托？13. 防抖？14. diff15. Element

原创 面向对象编程和面向过程编程

文章目录1. 两大编程思想2. 面向过程编程 POP（Process-oriented programming）3. 面向对象编程 OOP（Object Oriented Programming）4. 面向对象的优点和特性5. 面向过程和面向对象对比6. 二者不同情境怎样选择？1. 两大编程思想面向过程面向对象2. 面向过程编程 POP（Process-oriented programming）面向过程就是分析解决问题所需步骤，然后用函数把步骤一步一步实现，使用时再一个个依次调用。（也就是面向

原创 JS中变量，属性，函数，方法的区别

JS中变量，属性，函数，方法的区别先来看小案例~var name = 10; var obj = { age: 18, fn: function() { } } obj.fn(); function fn() { } fn(); console.log(obj.age); //console.log

原创 JS构造函数

文章目录1. 利用构造函数创建对象2. 为什么需要构造函数1. 利用构造函数创建对象<script> //利用构造函数创建对象 //我们需要创建四大天王的对象 相同的属性: 名字 年龄 性别 相同的方法:唱歌 //构造函数的语法格式 /* function 构造函数名() { this.属性 = 值; this.方法 = function(){}

原创 JS对象 （配代码及注释）

文章目录1. 遍历对象2. 利用对象字面量创建对象3. 利用new Object创建对象4. new关键字执行过程5. 复杂数据类型传参6. 基本包装类型1. 遍历对象<script> //遍历对象 var obj = { name: '香菜', age: 18, sex: '女', fn: function() {}

原创 JS运算符~ 赋值 / 递增 / 逻辑 / 短路运算符 （配代码及注释）

文章目录1. 赋值运算符2. 递增运算符 练习3. 逻辑运算符 练习4. 短路运算（逻辑中断）1. 赋值运算符<script> var num = 10; /* num = num +1; num++; num = num +2; num += 2; */ num += 5; console.log(num); //15 var age = 2; age *=

原创 JavaScript基础整理（配代码及注释）

1. 变量1.1 变量基础<script> //1.声明了一个age的变量 var age; //2.赋值 把值存入到这个变量中 age = 18; //3.输出结果 console.log(age); //4.变量的初始化(声明一个变量并赋值) var my = "香菜yyds!"; console.log(my); //我是分割

原创 LeetCode83 ~ 删除排序链表中的重复元素

题目：给定一个已排序的链表的头 head ， 删除所有重复的元素，使每个元素只出现一次 。返回 已排序的链表 。示例：输入：head = [ 1, 1, 2 ]输出：[ 1, 2 ]思路一、 因为链表是有序的，所以重复元素一定相邻；二、 遍历链表，若遇到当前元素和下个元素值相同，就删除下个元素值。/** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (va

原创 LeetCode2 ~ 两数相加

题目：给你两个 非空 的链表，表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的，并且每个节点只能存储 一位 数字。请你将两个数相加，并以相同形式返回一个表示和的链表。你可以假设除了数字 0 之外，这两个数都不会以 0 开头。示例：输入：l1 = [ 2, 4, 3 ], l2 = [ 5,6, 4 ]输出：[ 7, 0, 8 ]解释：342 + 465 = 807思路一、 新建一个空链表；二、 遍历被相加的两个链表，模拟相加操作，将个位数追加到新链表上，将十位数留到下一位去

原创 LeetCode206 ~ 反转链表

题目：给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。思路情况1：将p2的值给p1，再把p2的下一个值给p2情况2：将p1的值给p2，再把p1的上一个值给p1

原创 LeetCode237 ~ 删除链表中的节点

请编写一个函数，用于 删除单链表中某个特定节点 。在设计函数时需要注意，你无法访问链表的头节点 head ，只能直接访问 要被删除的节点 。（题目数据保证需要删除的节点 不是末尾节点 。）...

原创 LeetCode20 ~ 有效的括号

给定一个只包括 ’('，')'，'{'，'}'，'['，']'的字符串s，判断字符串是否有效。/** * @param {string} s * @return {boolean} */var isValid = function(s) { if (s.length % 2 === 1) { return false; } const stack = []; for (let i = 0; i < s.length; i++) { ...

原创 4. VUE中 v-model的使用

目录1.v-model的基本使用2.v-model修饰符的使用3.v-model结合checkbox类型4.v-model结合radio类型5.v-model结合select类型1.v-model的基本使用<body> <div id="app"> <!-- 双向绑定 方法1 --> <!-- <input type="text" v-model="message...

原创 vue实现点击变色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

原创 对象字面量的增强写法

<body> <script> /* 原始写法 const obj = new Object() const obj = { name:'zhao', age:18, eat:function(){ console.log('在恰饭'); }, sleep:function().

原创 高阶函数示例

// 编程范式: 命令式编程/声明式编程// 编程范式: 面向对象编程（第一公民:对象)/函数式编程(第一公民:函数)// filter/ map/ reduce// filter 中的回调函数有一个要求: 必须返回一个boolean值// true: 当返回true时，函数内部会自动将这次回调的n加入到新的数组中// false: 当返回false时，函数内部会过滤掉这次的n// 需求: 找出小于100的数字const nums = [10, 20, 111, 222, 444, 40.

原创 书籍购物车

原创 3. 事件监听、条件判断、循环遍历

1.v-for遍历数组和对象<body> <div id="app"> <!-- 遍历数组 --> <!--1. 在遍历的过程中,没有使用索引值(下标值)--> <ul> <li v-for="item in names">{{item}}</li> </ul>.

原创 哪些数组的方法是响应式的？

<body> <div id="app"> <ul> <li v-for="item in letters">{{item}}</li> </ul> <button @click="btnClick">按钮</button> </div> <script src="../js/vue.js">.

原创 vue的一些指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

原创 5. v-bind动态绑定

1. v-bind动态绑定属性<body> <div id="app"> <!-- 错误的做法: 这里不可以使用mustache语法 只能在标签内容这里才可以使用mustache语法 <img src="{{imgURL}}" alt=""> --> <!-- 正确做法 使用v-bind指令--> <img v-bind:src="imgU