- 博客(27)
- 收藏
- 关注
RSS订阅原创 leetcode-412. Fizz Buzz
如果 拼接数组中的值 为空，则 i 既不是 3 的倍数也不是 5 的倍数，将 i 拼接到 评价数组中。answer[i] == “FizzBuzz” 如果 i 同时是 3 和 5 的倍数。answer[i] == i （以字符串形式）如果上述条件全不满足。answer[i] == “Fizz” 如果 i 是 3 的倍数。answer[i] == “Buzz” 如果 i 是 5 的倍数。如果 i 是 3的倍数，则将 Fizz 拼接到 拼接数组中。如果 i 是 5的倍数，则将 Buzz 拼接到 拼接数组中。
2022-08-23 09:38:36
1290
原创 leetcode-383. 赎金信
给你两个字符串：ransomNote 和 magazine ，判断 ransomNote 能不能由 magazine 里面的字符构成。magazine 中的每个字符只能在 ransomNote 中使用一次。如果可以，返回 true；否则返回 false。
2022-08-22 22:38:24
190
原创 leetcode-1480. 一维数组的动态和
数组「动态和」的计算公式为：runningSum[i] = sum(nums[0]…nums[i])。解题思路： nums 动态和数组 每一项都是数组前面一项的值加现在当前的值。请返回 nums 的动态和。给你一个数组 nums。
2022-08-22 22:04:40
216
原创 css3多列布局
* 关键代码-----------------------------------------------------*//* 关键代码-----------------------------------------------------*/设置每一列的宽度，多少列根据屏幕自适应，如果已经 column-count 设置了 列数，则该属性不生效；属性指定了列与列间的边框样式。指定容器内需要分割的列数。属性指定了两列的边框厚度。属性指定了两列的边框颜色。/* 固定两列 *//* 设置间距 */...
2022-08-18 21:44:19
229
原创 vue3 之 手写一个防抖 ref 函数
有时候，我们表单的值需要随时根据用户输入的值更新，但是又不想每输入一个字，就更新一次，想要输入完表单的值再更新，这个时候我们就可以封装一个 防抖的 ref 函数。
2022-08-18 07:29:24
313
原创 可选链操作符跟空值合并运算符
是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。在开发过程中我们需要判断一个对象里面有没有一个属性，并且需要使用这个属性里面对象的值，就需要写类似以下的判断代码。es6 中新增了可选链操作符。...
2022-08-15 22:18:48
164
原创 为什么需要 webpack 以及 webpack 构建流程
打包是webpack最核心的功能，webpack其它所有的功能都是为了让打包这个功能更好。我们从一个简单的html页面介绍了通过webpack对模块进行打包，既保留了单个模块的可维护性，又减少了页面的http请求，减少了页面加载时间，从而增加了页面的显示速度，让整个应用的体验更好。...
2022-08-13 23:50:49
402
1
原创 Vue3 之 透传 Attributes，$attrs
透传 attribute” 指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。如果组件里面没有根节点，vue 将不会自动 attribute 透传行为，并且里面将会抛出一个警告，需要在组件中规定哪个组件使用 $attrs 透传 attribute。同样的 v-on 绑定事件，父组件跟 组件根组件都同时监听同一个事件的话，事件触发，对应监听的方法都会执行。现在我们想要父组件传递的属性，不在组件内根组件继承，在根组件里面的子组件基础。..
2022-08-11 22:57:13
4093
原创 Canvas的基本用法
canvas 标签有属性 width,height 来分别设置他们的宽高，不设置的话，标签默认宽度为 300px,高度为 150px, 请勿使用 css 直接定义 canvas 的宽度，这样会导致用 canvas 绘画出来的图像变形。是一个可以使用脚本 (通常为JavaScript) 来绘制图形的 HTML 元素，例如，它可以用于绘制图表、制作图片构图或者制作简单的 (以及不那么简单的) 动画。上面的脚本中包含一个叫做 draw() 的函数，当页面加载结束的时候就会执行这个函数。...
2022-08-10 22:38:31
657
原创 localhost 跟 127.0.0.1 的区别
一般设置程序时本地服务用 localhost 是最好的，localhost不会解析成ip，也不会占用网卡、网络资源。他们的解析通过本机的host文件，windows自动将localhost解析为127.0.0.1。localhot（local）是不经网卡传输！它不受网络防火墙和网卡相关的的限制。127.0.0.1是通过网卡传输，依赖网卡，并受到网络防火墙和网卡相关的限制。在windows等系统的正确解释是：本机地址（本机服务器）也叫local ，正确的解释是：本地服务器。...
2022-08-02 20:59:19
212
原创 Material UI 的安装与使用
学习完这个框架的使用后，我写了个基于MUI+React的移动端考试页面，如果需要可以clone下来查看下如何使用MUI,如果可以的话希望给个start谢谢!请注意，安装依赖于react的17.0.0及以上版本，和react-dom>=17.0.0及以上版本。材料UI设计精美，并具有一套自定义选项，可以在我们的组件之上轻松实现自己的自定义设计系统。是一个开源的React组件库，实现了Google的MaterialDesign。安装成功后就可以在组件用引用了，查看示例。......
2022-07-30 07:24:45
3545
原创 mysql 数据库增删改查基础操作
先启动mysql服务,终端输入以下指令如果想要退出数据库，输入exit即可退出进入刚才创建的数据库classuseclass删除mysql中的库dropdatabase库名删除后,showdatabases查看下。
2022-07-26 21:03:58
307
原创 cookie,session,token的流程使用方式
**cookie 是由服务器生成的，**执行的流程： 1. 客户端向服务器端先发送一次请求给服务端 2. 服务器返回一个http响应给客户端，这个客户端里面包含了，set-Cookie 头部 3. 客户端根据这个头部设置 cookie 4. 之后的每次请求就会携带上 cookie 发送给客户端...
2022-07-23 08:15:18
281
原创 Vue SSR 渲染 Nuxt3 入门学习
nuxt3提供了一种布局架构给我们，可以在整个应用中使用，可以用来放重复的常见的UI，代码模式，提高代码重用性，降低代码复杂度，把通用的代码提取出来，页面使用的时候会异步导入进来。在根目录下创建middleware文件夹,并且在里面创建中间件，如果文件加上.global后缀的话，就是全局的中间件，不加的话就是自定义在哪些页面的中间件。我们在开发的时候组件肯定要用文件夹分类起来，不可能直接写在components目录，需要将不同功能的组件分类在各自的文件夹中，看示例。.....................
2022-07-17 22:48:26
2750
原创 grid 布局学习
grid中还有一个跟 flex: 1 差不多的 css样式, 就是 fr网格线，使用 [“自定义命名”] 定义网格线名称，方便以后给盒子定位使用.gap / column-gap / row-gap 间隔设置里面单元格之间的间隔代码展示效果设置单元格内容的水平和垂直的对齐方式设置整个内容区域（所有的项目的总和）的水平和垂直的对齐方式grid-auto-rows / grid-auto-coumns 规定多出来的表格的样式规定表格的区域位置，用来指定item的具体位置图片出处：
2022-07-10 23:04:12
1121
原创 Vue3.0实验性语法之script setup
VUE3 新特性 script setupscript setup是VUE3的实验性功能，直接把 setup 写在 script 标签中，表示标签里面的代码相当于在setup里面运行。这样可以太太省略很多冗余代码，默认直接暴露出去。// APP.vue<template> <div> {{ yjj }} </div> <Home message="虚心学习" /></template><script setu
2021-06-29 11:34:25
2004
2
原创 Vue3的VueI18n多语言环境切换
Vue3 VueI18n 多语言环境切换需求：项目中需要自定义切换中/英文// 安装npm install vue-i18n@nextyarn add vue-i18n@next// vue3.0使用import { createApp } from 'vue'import { createI18n } from 'vue-i18n'const i18n = createI18n({ // something vue-i18n options here ...})co
2021-06-28 21:17:42
1031
原创 JS装饰器的简单使用
装饰器装饰器可以装饰类，将类的属性，方法修饰，将一段代码与另一端代码包装起来的方式实际上就是修饰。普通使用 // 修饰一个类，类的属性方法都不变，但是会多出另一段代码的功能// 装饰器函数function log(Class) { return (...args) => { console.log(args); // 打印 ['嘉俊'] return new Class(...args); };}@logclass Person { constructor
2021-06-28 12:00:28
1037
原创 vue3中不支持filters过滤器
在vue3中，filters已经被删除，不再支持过滤器,代替方法推荐使用vue3 中的计算属性来代替过滤器vue3.x的写法<template> <h1>Bank Account Balance</h1> <p>{{ total}}</p></template><script> export default { props: { total: { type: Nu
2021-03-10 21:33:07
2378
原创 vue3使用防抖和节流
Vue 没有内置支持防抖和节流，但可以使用 Lodash 等库来实现。安装Lodash yarn add lodash npm install lodash --save导入Lodash<template> <button @click="btnClick">节流</button> <button @click="btnClick2">防抖</button></template><script>i
2021-03-09 11:14:03
5759
原创 vue3.0组合式API生命周期函数和选项式API的区别
vue3.0生命周期函数在vue3.0中有 选项式API 和 组合式API ,两者的生命周期函数有些许不同。请看下面图片我们可以看到 setup函数(组合式api) 的生命周期里是没有beforeCreate 和 Create函数的,因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的，所以不需要显式地定义它们。换句话说，在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。之后的变化就是在原本的生命周期钩子前面加上了 on,更语义化一点，在se
2021-03-08 12:18:26
1779
原创 vue3之自定义事件和自定义修饰符
vue3之自定义事件和自定义修饰符官方建议我们组件发送自定义事件的时候，先在组件里面定义一下父组件// 父组件<template> <div> <child v-model="text" v-model:name="name" /> </div></template><script>import child from "./v-model子组件";import { ref } from "vue";e
2021-03-05 11:45:24
1666
原创 vue3的Teleport
vue3之Teleport使用Teleport将模态框的一部分代码移动与 Vue components 一起使用在同一目标上使用多个 teleportTeleport 可以将我们模板有些与模板有关联的逻辑代码（只是逻辑有关）移动到DOM 中 Vue app 之外的其他位置，比如，模态框组件，模态框的逻辑存在于组件中，但是模态框的快速定位就很难通过 CSS 来解决，或者需要更改组件组合。使用Teleport将模态框的一部分代码移动// 父组件<template> <div>
2021-03-04 19:07:13
233
1
原创 练习封装jsonp方法
练习封装jsonp方法 <button>点我发送数据1</button> <button>点我发送数据2</button> //=> JS代码 <script> let button1 = document.querySelectorAll('button')[0]; let...
2020-01-21 18:13:29
122
原创 自己练习封装的基于promise的ajax
自己练习封装的基于promise的ajax// ajaxPromise.js ~ function (window) { //=> 设置默认的参数配置项 let _default = { method: 'get', url: '', baseURL: '', ...
2020-01-12 13:18:57
240
原创 javaScript中关于ES6关键字 let、const 与 var 的区别
javaScript中关于ES6关键字 let、const 与 var 的区别ECMAScript6中新增了两个关键字,分别是 let 和 const，它们可以用来声明变量，但是和 var 关键字有所区别var 关键字没有块级作用域{ var a = 10;}//=> 外面可以拿到 a 这个变量的值console.log(a); //=> 10var 有变...
2020-01-02 12:29:58
369
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人