- 博客(124)
- 收藏
- 关注
RSS订阅原创 jQuery 简介⑤属性操作
document.ready方法在DOM树加载完成后就会执行，而window.onload是在页面资源（比如图片和媒体资源，// 获取第一个匹配元素的innerText值(jQuery已进行兼容处理)// 设置所有匹配元素的innerHTML值为"Hello"// 设置所有匹配元素的innerText值为"Hello"它们的加载速度远慢于DOM的加载速度）加载完成之后才执行。// 获取第一个匹配元素的value值(一般用于表单控。// 设置所有匹配元素的value值为"Hello"
2024-09-24 15:01:23
266
原创 Array.prototype.slice.call()
这行代码在JavaScript中经常被用来将类数组对象（如函数的arguments对象）转换成一个真正的数组。这里解释一下为什么需要这样做以及这行代码是如何工作的。
2024-09-23 16:20:48
597
原创 jQuery 简介④ 参数规则与链式编程风格
：CSS选择器：jquery特有的选择器$(function(){}) $(document).ready()jQuery 选择器： http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp这种链式编程风格的实现机制，就是jQuery对象的所有实例方法，在没有特殊的返回需求的情况下，一般都会返回该jQuery对象本身(或者其它jQuery对象)，因此我们可以继续调用返回的jQuery对象上的方法。等方法在没有传入值参数时，它们将返回指定DOM
2024-09-19 15:45:40
430
原创 jQuery 简介 ③ ready()事件函数、jQuery 二个原则及容错机制
如果我们在中引入jQuery库文件，并编写相应的jQuery代码来操作DOM元素。这很可能导致操作无法成功,因为此时内的元素可能还没有加载出来，也就获取不到对应的元素。因此，我们一般会将自己的jQuery代码写在中。ready()函数的作用相当于，它用于在当前文档加载准备就绪后执行对应的函数。// $( function ) 是 $(document).ready( function ) 的简写形式。
2024-09-19 15:34:44
617
原创 jQuery 简介 ②
();此函数可以传递多种参数，返回值是对象（jq对象）--->使用jQuery 选择器选取元素，并封装为jQuery对象。
2024-09-19 09:05:22
1177
原创 jQuery 简介 ①
jQuery简介网址：https://codeplayer.vip/p/j7suajQuery是一个非常流行的快速、小巧、功能强大的开源JavaScript库。它还为我们做了跨浏览器的兼容（小数无法兼的API 官方会作特殊的说明）
2024-09-19 08:47:47
689
原创 settimeout和setinterval有什么区别
如果我们需要以固定的时间间隔重复执行函数，那么setinterval是更合适。首先，settimeout函数是一个一次性的定时器，它会在设定的延迟时间之后执行一次指定的函数。相比之下，setinterval函数是一个重复性的定时器，它会以设定的时间间隔重复执行指定的函数。需要注意的是，settimeout和setinterval的执行时间并不是绝对准确的。触发时间：settimeout是一次性的，它在设定延迟时间之后执行一次函数，而setinterval是重复性的，它会以设定的时间间隔重复执行函数。
2024-05-25 09:05:36
270
原创 UniApp 生命周期详解
UniApp 是一个使用 Vue.js 开发所有前端应用的框架，它可以编译到 iOS、Android、H5、小程序等多个平台。在 UniApp 中，生命周期是指应用或页面从创建到销毁的过程中所经历的一系列阶段。了解生命周期可以帮助开发者更好地管理资源、优化性能和提升用户体验。
2024-05-24 17:14:15
785
原创 js的变量和数据类型①
在JavaScript中，变量是用来存储数据的容器，你可以给变量命名，并且给变量赋值。在JavaScript中，除了原始数据类型（Number、String、Boolean、null、undefined）之外的所有都是对象。JavaScript中所有的数字都是以64位浮点数形式存储的，即使它们表现为整数。在JavaScript中，变量的类型不是固定的，它是动态的，这意味着你可以将一个变量从一种类型改变为另一种类型。（ES6新增）：表示唯一的、不可变的原始值，通常用作对象的属性键。：表示一个空的值或“无”。
2024-04-03 09:11:52
453
原创 Js之运算符与表达式——②
运算符：也叫操作符，是一种符号。通过运算符可以对一个或多个值进行运算，并获取运算结果。表达式：由数字、运算符、变量的组合（组成的式子）。表达式最终都会有一个运算结果，我们将这个结果称为表达式的返回值。都是运算符，而（3+5）/2则是表达式。比如：typeof 就是运算符，可以来获得一个值的类型。它会将该值的类型以字符串的形式返回，返回值可以是 number string boolean undefined object。
2024-03-30 11:09:40
688
原创 10种 loading加载动画效果
第一种效果图：<template> <view class="load-box"> <view class="loading"></view> </view></template><script> export default { name: 'loading', data() { return {
2024-01-29 11:53:25
1805
转载 JavaScript中Array.from()的超全用法详解
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map），别忘记就来讲讲他的具体用法吧。Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。下面是一个类似数组的对象，Array.from将它转为真正的数组。
2023-10-17 16:07:17
2115
原创 uni-app 的条件编译（APP-PLUS 、H5、MP-WEIXIN ）
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。1 #ifdef：if defined 仅在某平台存在2 #ifndef：if not defined 除了某平台均存在3 %PLATFORM%：平台名称
2023-09-06 14:44:08
2647
1
原创 js知识点
执行规则：首先执行try中的代码 如果抛出异常会由catch去捕获并执行 如果没有发生异常 catch去捕获会被忽略掉 但是不管有没有异常最后都会执行。finally 使你能够执行代码，在 try 和 catch 之后，无论结果如何。throw 语句允许你创建自定义错误。try 语句使你能够测试代码块中的错误。catch 语句允许你处理错误。try catch 错误处理；
2023-02-25 21:34:36
191
1
原创 HTML页面如何添加ICO图标？
2，然后用link标签引入,href 处填ico所在的文件路径。3，然后就打开浏览器查看网页就能看见实现后的成功了。1，我们先准备一个小图标,用的ico格式。
2023-02-16 08:55:48
5043
原创 uni-app工程搭建②
开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/微信公众平台：https://mp.weixin.qq.com/componets 文件夹下定定义组件页面引用组件，无需倒入适量，直接使用即可其他操作（组件传值，事件绑定同 vue）
2023-02-13 21:45:47
600
原创 uni-app简介 ①
uni-app 是一个使用 Vue.js 进行 开发所有前端应用的框架。开发者编写一套代码，即可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。详细的 uni-app 官方文档，请翻阅 https://uniapp.dcloud.net.cn/
2023-02-13 18:14:20
383
原创 bootstrap 框架
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。响应式所具有的特点1、网页的宽度自动调整2、尽量少用绝对宽度3、字体要使用 rem、em 做为单位4、布局要使用浮动、弹性布局必须使用 HTML5 文档类型每个页面的开始部分默认栅格系统带有基本栅格的 HTML 代码媒体类型媒体类型逻辑运算符 用来做条件判断页面布局： 引入 css（bootstrap.min.css） + 类名03-面包屑导航
2023-02-08 17:20:15
12611
原创 函数的柯里化
柯里化，是函数式编程的一个重要概念。它既能减少代码冗余，也能增加可读性。另外，附带着还能用来装逼。先给出柯里化的定义：在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。柯里化的定义，理解起来有点费劲。// 6毫无疑问，sum 是个简单的累加函数，接受 3 个参数，输出累加的结果。假设有这样的需求，sum 的前 2 个参数保持不变，最后一个参数可以随意。
2023-02-02 16:18:31
311
原创 js纯函数
简单来说，一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数。一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数。为什么要煞费苦心地构建纯函数？因为纯函数非常“靠谱”，执行一个纯函数你不用担心它会干什么坏事，它不会产生不可预料的行为，也不会对外部产生影响。不管何时何地，你给它什么它就会乖乖地吐出什么。如果你的应用程序大多数函数都是由纯函数组成，那么你的程序测试、调试起来会非常方便。
2023-02-02 16:17:15
297
原创 ES6 课程概述⑦
执行上端代码，我们会发现更改 state 的操作是在回调函数中执行的，这样会让我们的代码在 devtools 中变的不好调试：当 mutation 触发的时候，回调函数还没有被调用，devtools 不知道什么时候回调函数实际上被调用，任何在回调函数中进行的状态的改变都是不可追踪的。既然 Vuex 的 store 中的状态是响应式的，那么当我们变更状态时，监视状态的 Vue 组件也会自动更新。严格模式会深度监测状态树来检测不合规的状态变更，要确保在发布环境下关闭严格模式，以避免性能损失。
2023-01-18 14:30:59
1978
原创 ES6 课程概述⑥
render() {... {他们的优先级高于普通的类名，这对于 Vue 的过渡系统和其他第三方 CSS 动画库（如 Animate.css）结合使用十分有用。Animate.css 官网地址：https://daneden.github.io/animate.css/路由是根据不同的 url 地址展现不同的内容或页面。早期的路由都是后端直接根据 url 来重载页面实现的，即后端控制路由。
2023-01-18 14:29:56
1918
原创 Vue学习笔记 ④——生命周期
组件默认只是写好结构、样式和行为，使用的数据应由外界传递给组件。如何传递？注册需要接收的 prop，将数据作为一个自定义特性传递给组件。
2023-01-12 17:23:20
1155
原创 Vue学习笔记 ②
v-cloak这个指令保持在元素上直到关联实例结束编译可以解决闪烁的问题和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕v-once只渲染元素一次。随后的重新渲染，元素及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-text更新元素的 textContentv-text 替换元素中所有的文本，Mustache 只替换自己，不清空元素内容v-text
2023-01-12 17:12:50
451
原创 Vue学习笔记 ①
因为会将 data 中数据代理给 vue，假如说我们自己写的 data 名称和 vue 中自带的属性冲突了，那么就会覆盖 vue 内部的属性，所以 vue 会把自己内部的属性成员名称前加上$或_，如果加上的是$，代表是我们可以使用的，如果加上的是_，是 vue 自己内部使用的方法或属性，我们不需要调用。答：本质上没什么不同，$mount 为手动挂载，在项目中有时要进行延迟挂载，比如有时要在挂载之前进行一些其他的操作，比如判断等等（但是，这样做的时候很少，比邓哥回家的次数还少，emmmmm）
2023-01-12 16:50:47
545
原创 ES6 课程概述⑤
XMLHttpRequest 的问题所有的功能全部集中在同一个对象上，容易书写出混乱不易维护的代码采用传统的事件驱动模式，无法适配新的 Promise ApiFetch Api 的特点并非取代 AJAX，而是对 AJAX 传统 API 的改进精细的功能分割：头部信息、请求信息、响应信息等均分布到不同的对象，更利于处理各种复杂的 AJAX 场景使用 Promise Api，更利于异步代码的书写Fetch Api 并非 ES6 的内容，属于 HTML5 新增的 Web Api。
2023-01-12 16:27:51
585
转载 原型及原型链②
混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以我自己也想尝试一下，看看能不能把原型中的重要知识点拆分出来，用最简单的图表形式说清楚。长那么像，让人怎么区分呢？相信不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，下面用三张简单的图，配合一些示例代码来理解一下。我们知道原型是一个对象，其他对象可以通过它实现属性继承。的原型是一个很让人头疼的事情，一来。
2023-01-12 10:06:58
76
转载 原型及原型链 ①
本文转：https://github.com/stone0090/javascript-lessons/tree/master/2.5-Prototype。
2023-01-11 19:31:26
199
原创 CSS3 之属性:calc() 函数、border、background、word-wrap、font-face
auto：无特殊对齐方式。left：内容左对齐。center：内容居中对齐。right：内容右对齐。justify：内容两端对齐。start：内容对齐开始边界。end：内容对齐结束边界。定义块内文本内容的最后一行（包括块内仅有一行文本的情况，这时既是第一行也是最后一行）或者被强制打断的行的对齐方式。
2023-01-07 17:28:32
1242
原创 ES6 课程概述③
如果对象字面量初始化时，成员的名称来自于一个变量，并且和变量的名称相同，则可以进行简写对象字面初始化时，方法可以省略冒号和 function 关键字有的时候，初始化对象时，某些属性名可能来自于某个表达式的值，在 ES6，可以使用中括号来表示该属性名是通过计算得到的。
2023-01-06 18:10:37
441
原创 ES6 课程概述②
后来，由于技术的发展，Unicode 对文字编码进行了扩展，将某些文字扩展到了 32 位（占用两个码元），并且，将某个文字对应的二进制数字叫做码点（Code Point）。在 ES6 中，提供了模板字符串的书写，可以非常方便的换行和拼接，要做的，仅仅是将字符串的开始或结尾改为反引号 ` 符号。形参和 ES6 中的 let 或 const 声明一样，具有作用域，并且根据参数的声明顺序，存在暂时性死区。这样一来，当调用函数时，如果没有给对应的参数赋值（给它的值是 undefined），则会自动使用默认值。
2023-01-06 17:49:45
1346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人