北凉冬-CSDN博客

提示：本文为JavaScript栏目：JavaScript高级学习：事件的防抖和节流03——详解节流JavaScript高级学习：事件的防抖和节流03——详解节流防抖防抖的思路初步实现技能二段伤害防抖防抖的思路其次是第二种思路。如果短时间内大量触发同一事件，那么在函数执行一次之后，该函数在指定的时间期限内不再工作，直至过了这段时间才重新生效。简单来说就是给技能加一个冷却时间，事件触发后开始冷却，冷却时间内不能再触发。初步实现节流实现的关键在于时间戳的获取和定时器。我们在时间第一次执行的

2021-09-13 14:52:07 103

原创 JavaScript高级学习：事件的防抖和节流02——详解防抖

提示：本文为JavaScript栏目：JavaScript高级学习：事件的防抖和节流02——详解防抖JavaScript高级学习：事件的防抖和节流02——详解防抖防抖防抖的思路初步实现解决指针问题和event对象大招后摇补充：返回值和取消操作防抖防抖的思路如果在delay时间内没有再次触发滚动事件，那么就执行函数如果在delay时间内再次触发滚动事件，那么当前的计时取消，重新开始计时简单来说就是把事件的触发当做成一个技能。在技能释放的时候需要delay时间的蓄力，而且不能被打断，如果被打断则

2021-09-13 14:40:43 131

原创 JavaScript高级学习：事件的防抖和节流01——介绍事件的防抖和节流

提示：本文为JavaScript栏目：jQuery高级学习：事件的防抖和节流01——介绍事件的防抖和节流jQuery高级学习：事件的防抖和节流01——介绍事件的防抖和节流防抖和节流mousemove事件举例说明遇到的问题HTML防抖节流防抖和节流防抖和节流严格来说属于WebAPI的性能优化。mousemove事件举例说明遇到的问题加入我们给某个DOM元素绑定一个mousemove事件。如下代码所示。HTML<style> #app{ height: 2

2021-09-13 14:10:17 138

原创移动端开发学习02：懒加载——解释懒加载的使用

提示：本文为移动端开发学习栏目：移动端开发学习02：懒加载——解释懒加载的使用移动端开发学习02：懒加载——解释懒加载的使用HTML# 懒加载HTML<head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; }

2021-07-08 08:57:28 410 2

原创移动端开发学习01： viewport视口的概念02——1px问题

提示：本文为移动端开发学习栏目：移动端开发学习01： viewport视口的概念02——1px问题移动端开发学习01： viewport视口的概念02——1px问题# 视口的概念## 1px的问题但是我们需要明白一件事：css不支持小数！所以UI设计的设计图如果设计了1px的边框，在手机上缩小呈现时，由于css最低只支持显示1px大小，导致边框太粗的效果。这边是我们要聊的1px的问题举例1px问题针对不是单独的1px，而是所有的奇数单位数量的像素值。以下提供一种解决方法。<b

2021-07-08 08:54:11 114

原创移动端开发学习01： viewport视口的概念01——解释三大视口

提示：本文为移动端开发学习栏目：移动端开发学习01： viewport视口的概念01——解释三大视口移动端开发学习01： viewport视口的概念01——解释三大视口浏览器的窗口宽度浏览器开启移动模式的窗口viewportRetina（一种新型高分辨率的显示标准）物理像素和逻辑像素物理像素逻辑像素viewport视口（视窗/视图）类别# 视口的概念浏览器的窗口宽度来一组代码查验浏览器的窗口宽度<script> // 窗口的变化 window.addEventL

2021-07-08 08:40:49 333 2

原创 Git学习01：git命令—— git的基础命令02

提示：本文为Git栏目：Git学习01：git命令—— git的基础命令01Git学习01：git命令—— git的基础命令01前言git命令分支操作分支创建新分支切换分支创建并切换到新分支查看所有分支合并分支到当前分支删除分支练习题存储存储当前分支的代码查看所有的存储列表恢复存储内容删除存储标签前言git命令分支操作分支创建新分支git branch dev #创建新的分支切换分支git checkout dev #切换分支，老版本方案git switch master #切换分

2021-06-27 21:26:12 109

原创 Git学习01：git命令—— git的基础命令01

提示：本文为Git栏目：Git学习01：git命令—— git的基础命令01Git学习01：git命令—— git的基础命令01前言地址栏实现数据交互# git命令基础命令基础，命令查看当前目录文件信息查看当前目录文件详细信息查看当前所有文件夹，包括隐藏文件夹进入用户文件夹进入D盘创建文件夹创建文件历史命令查看指定文件内容向指定文件写入内容向直接定文件追加内容删除指定文件删除指定文件夹下载历史指令到指定文件夹清屏，不会删除记录流程操作初始化git仓库查看当前仓库所有文件的状态将文件放入暂存区将文件提交到

2021-06-27 21:23:25 126 1

原创 jQuery高级学习：前后端分离03——地址栏实现数据交互

提示：本文为JavaScript栏目：jQuery高级学习：前后端分离03——地址栏实现数据交互jQuery高级学习：前后端分离03——地址栏实现数据交互前言地址栏实现数据交互A.HTMLB.HTML前言地址栏实现数据交互A.HTML<body><div id="app"> <div id="detail"> <button type="button" id="min">-</button>

2021-06-24 10:41:36 99

原创 jQuery高级学习：前后端分离02——传统数据交互模式

提示：本文为JavaScript栏目：jQuery高级学习：前后端分离02——传统数据交互模式jQuery高级学习：前后端分离02——传统数据交互模式前言传统方式的数据交互A.HTMLB.html前言传统方式的数据交互A.HTML<body><div id="app"> <div id="detail"> <button type="button" id="min">-</button> &l

2021-06-24 10:36:51 242

原创 jQuery高级学习：前后端分离01——JSON的概念

提示：本文为JavaScript栏目：jQuery高级学习：前后端分离01——JSON的概念jQuery高级学习：前后端分离01——JSON的概念前言JSON的概念前言本文粗浅学习JSON的概念。提示：以下是本篇文章正文内容，下面案例可供参考JSON的概念JSON的概念：一种数据格式，主要用来前后端进行数据交互的JSON要求key用双引号包起来,json对象格式,优点可以向对象一样，根据key来操作valueJSON另外一种情况是json字符串，就是普通字符串，但是里面的内容符合jso

2021-06-17 10:56:29 164

原创 VUE学习：Vue CLI-01————webpack常用插件的安装

提示：本文为VUE栏目：VUE学习：Vue CLIVUE学习：Vue CLI-01————webpack常用插件的安装前言webpack常用插件安装前言本文开始学习webpack模块打包器的配置。提示：以下是本篇文章正文内容，下面案例可供参考webpack常用插件安装# webpack安装 npm install -D webpack@3.6.0 #安装一个合适的可以用来处理对应类型的Loader插件。需要安装两个插件来处理css。分别是：css-loader和style

2021-06-17 10:36:57 265

原创 VUE学习：vue基础25————自定义事件

提示：本文为VUE栏目：VUE学习：vue基础24————自定义事件VUE学习：VUE学习：vue基础24————自定义事件前言自定义事件自定义的组件和vm实例的关系自定义事件自定义事件1自定义事件2：自定义修饰符前言本文vue框架中指令。提示：以下是本篇文章正文内容，下面案例可供参考自定义事件自定义的组件和vm实例的关系在vue中，每个自定义组件其实都是一个单独的vue实例。他们和new Vue基本一致。在当前页面中，自定义的组件和vm实例他们的关系：vm是info的父级。<b

2021-05-31 16:32:42 189 10

原创 VUE学习：vue基础24————自定义指令

提示：本文为VUE栏目：VUE学习：vue基础24————自定义指令VUE学习：vue基础24————自定义指令前言自定义指令演示：自定义全局指令和私有指令自定义指令案例前言本文vue框架中指令。提示：以下是本篇文章正文内容，下面案例可供参考自定义指令演示：自定义全局指令和私有指令<body><div id="app"> <input type="text" v-focus placeholder="请输入用户名"> <p v-re

2021-05-31 16:29:56 177 3

原创 VUE学习：vue基础23————组件：组件的状态保持

提示：本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时keep-alive组件包裹的动态组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件组件的状态保持直接切换两个标签<!DOCTYPE html><html lang="en"><head> <meta

2021-05-31 11:09:36 574

原创 VUE学习：vue基础22————动画04：动画练习

提示：VUE学习：vue基础22————动画04：动画练习VUE学习：vue基础22————动画04：动画练习前言动画动画练习组件切换案例前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画动画练习组件切换案例<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script&g

2021-05-31 11:07:32 105

原创 VUE学习：vue基础21————动画03：多种类型过渡

提示：VUE学习：vue基础21————动画03：多种类型过渡VUE学习：vue基础21————动画03：多种类型过渡前言动画多种类型过渡多标签过渡多组件过渡列表过渡前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画多种类型过渡多标签过渡过渡模式：in-out表示新元素先过渡，完成后当前元素再消失。out-in当前元素先过渡，新元素再进入。<head> <meta charset="UTF-8"> <ti

2021-05-31 11:05:40 81

原创 VUE学习：vue基础20————动画02：动画

提示：VUE学习：vue基础19————动画01：过渡VUE学习：vue基础19————动画02：动画前言动画动画使用动画完成过渡效果第三方动画库的使用使用第三方库：钩子函数前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画动画使用动画完成过渡效果<head> <meta charset="UTF-8"> <title>Title</title> <style>

2021-05-31 11:02:59 126

原创 VUE学习：vue基础19————动画01：过渡

提示：VUE学习：vue基础19————动画01：过渡VUE学习：vue基础19————动画01：过渡前言动画过渡过渡案例演示过渡类名过渡类名的触发条件移动过渡效果前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画过渡过渡案例演示<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js">&l

2021-05-31 11:00:53 113 1

原创 VUE学习：vue基础18————计算属性

提示：VUE学习：VUE学习：vue基础18————计算属性VUE学习：vue基础18————计算属性前言计算属性计算属性的基本方法案例字符串翻转赋值计算属性与方法的区别计算属性的特点前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考计算属性计算属性的作用是为了使模板更加简单。计算属性的基本方法案例字符串翻转赋值<body> <div id="app"> <div>{{msg}}</div>

2021-05-30 20:59:08 138 6

原创 VUE学习：vue基础17————监听器

提示：VUE学习：VUE学习：vue基础17————监听器VUE学习：vue基础17————监听器前言监听器前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题监听器监听器：在监听器中设置需要被监听的属性，被监听的属性的值只要发生变化，监听器就会自动调用被监听的属性必须是data中的某个值，也就是说watch对象中属性名必须存在于data中，否则无效<body><div id="app"> <in

2021-05-23 21:20:57 108 2

原创 VUE学习：vue基础16————插槽

提示：VUE学习：vue基础16————插槽VUE学习：vue基础16————插槽前言插槽插槽标签slot的简单使用插槽的高级使用前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题插槽<body><div id="app"> <test>你好，世界</test> </div></body><script> // 全局组件

2021-05-23 21:10:53 227

原创 VUE学习：vue基础15————过滤器

提示：VUE学习：VUE学习：vue基础14————过滤器VUE学习：vue基础14————过滤器前言过滤器过滤器的使用模板化定义过滤器私有过滤器过滤器函数参数私有过滤器和全局过滤器重名多个过滤器自定义函数实现过滤器效果前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考#过滤器过滤器的使用|叫做管道符<body><div id="app"> <p :title="msg">{{msg}}</p>

2021-05-23 21:08:33 86

原创 VUE学习：vue基础14————表单元素的事件绑定问题

提示：VUE学习：vue基础14————表单元素的事件绑定问题VUE学习：vue基础14————表单元素的事件绑定问题前言value和v-model复选框复选框实例单选框下拉框前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题value和v-modelvalue和v-model共存的情况下，文本框会显示v-model的值v-model默认会触发input标签的input事件，checkbox和radio的时候会触发change事件&

2021-05-23 21:05:35 112

原创 VUE学习：vue基础13————组件：自定义属性验证值

提示：本文为VUE栏目：VUE学习：vue基础13————组件：自定义属性验证值VUE学习：vue基础13————组件：自定义属性验证值前言组件自定义属性验证值设置属性propA的值只能是数字类型自定义函数来限制内容设置属性允许的类型为多个设置属性接收String类型的值并且该属性必填设置属性的默认值前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件自定义属性验证值v-bind来管理的属性后面跟着的双引号中写数字才能正确的表示数字类型，没有被Vue管理的属性

2021-05-23 21:03:00 454

原创 VUE学习：vue基础12————组件：自定义组件的属性

提示：本文为VUE栏目：VUE学习：vue基础12————组件：自定义组件的属性VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件自定义组件的属性前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件自定义组件的属性利用props自定义属性，自定义的属性名可以直接在差值表达式中使用<body><div id="app"> <test mytitle="hello world"></test

2021-05-23 21:01:51 488

原创 VUE学习：vue基础11————组件：组件的模板

提示：本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的模板VUE学习：VUE学习：vue基础10————组件：组件的模板前言组件组件的模板模板化自定义组件模板中的标签也必须只能有一个跟标签使用script标签作为模板组件中的data和methods自定义组件模板化定义组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件组件的模板模板化自定义组件<body><div id="app"> <

2021-05-23 20:59:16 659

原创 VUE学习：vue基础10————组件：组件的使用

提示：本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的使用VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件示例：创建全局组件模板简写形式：简写一简写二私有组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件示例：创建全局组件模板<body><div id="app" style="border: 1px solid tomato"> <wuyanzu>吴彦祖&l

2021-05-23 20:57:28 92

原创 VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令

提示：本文为VUE栏目：VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令前言静态指令和动态指令v-once静态指令动态特性前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考静态指令和动态指令Vue2.6新增新特性。静态指令和动态指令。v-once静态指令v-once指令称为静态指令，被他标记的标签，调用data中的属性，只会渲染一次，后续data内容发

2021-05-22 21:31:50 230 1

原创 VUE学习：vue基础08————VUE语法对内容处理：循环指令

提示：本文为VUE栏目：VUE学习：vue基础08————VUE语法对内容处理：循环指令VUE学习：vue基础08————VUE语法对内容处理：循环指令前言循环指令v-for指令v-for遍历数组v-for遍历数组带下标v-for遍历对象v-for遍历对象并获取keyv-for遍历对象获取key和index遍历字符串v-for遍历整数v-for遍历常量v-for遍历复杂数组利用v-for实现tabs切换案例前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考

2021-05-22 21:27:31 128

原创 VUE学习：vue基础07————VUE语法对内容处理：条件渲染

提示：本文为VUE栏目：VUE学习：vue基础07————VUE语法对内容处理：条件渲染VUE学习：VUE学习：vue基础07————VUE语法对内容处理：条件渲染前言条件渲染v-ifv-if的使用（一）基本使用（二）多次判断用法（三）延伸运用template标签v-show标签前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考条件渲染v-ifv-if 是条件渲染指令，它根据表达式的真假来删除和插入元素，概念上和java的if 逻辑判断一致。v-if

2021-05-22 21:26:03 94

空空如也

空空如也