乐胖代购免代理版

欢迎

js 函数作用域

在任意代码片段外部添加包装函数，可以将内部的变量和函数定义“隐藏”起来，外部作用域无法访问包装函数内部的任何内容。例如:var a = 2; function foo() { // <-- 添加这一行 var a = 3; console.log( a ); // 3 } // <-- 以及这一行 foo(); // <-- 以及这一行 console.log( a

函数表达式

作用域

函数声明

原创 11月前 136 阅读

js 停止和恢复执行

使用 await 关键字之后的区别其实比看上去的还要微妙一些。比如，下面的例子中按顺序调用了 3 个函数，但它们的输出结果顺序是相反的:async function foo() { console.log(await Promise.resolve('foo')); }8 async function bar() { console.log(await 'bar'); } as

消息队列

执行顺序

推送

原创 11月前 171 阅读

js 模块模式

前面的模式通过自定义类型创建了私有变量和特权方法。而下面要讨论的 Douglas Crockford 所说的模块模式，则在一个单例对象上实现了相同的隔离和封装。单例对象（singleton）就是只有一个实例的对象。按照惯例，JavaScript 是通过对象字面量来创建单例对象的，如下面的例子所示：name: value, method() { // 方法的代码 } }; `` 模块模式

私有变量

字面量

匿名函数

原创精选 11月前 303 阅读

js 可自定义属性的装饰器

问题你想写一个装饰器来包装一个函数，并且允许用户提供参数在运行时控制装饰器行为。解决方案引入一个访问函数，使用 nonlocal 来修改内部变量。然后这个访问函数被作为一个属性赋值给包装函数。import logging # Utility decorator to attach a function as an attribute of obj def attach_wrapper(obj

解决方案

赋值

直接访问

原创精选 11月前 218 阅读

python 匿名函数捕获变量值

问题你用 lambda 定义了一个匿名函数，并想在定义时捕获到某些变量的值。解决方案先看下下面代码的效果：>>">>>> a = lambda y: x + y >>> x = 20 >>> b = lambda y: x + y >>>现在我问你，a(10) 和 b(10) 返回的结果是什么？如果你认

迭代

默认值

匿名函数

原创 11月前 74 阅读

js 自定义迭代器

与 Iterable 接口类似，任何实现 Iterator 接口的对象都可以作为迭代器使用。下面这个例子中的 Counter 类只能被迭代一定的次数：// Counter 的实例应该迭代 limit 次 constructor(limit) { this.count = 1; this.limit = limit; } next() { if (this.count <

迭代器

迭代

原创精选 11月前 187 阅读

js WeakMap

ECMAScript 6 新增的“弱映射”(WeakMap)是一种新的集合类型，为这门语言带来了增强的键/ 值对存储机制。WeakMap 是 Map 的“兄弟”类型，其 API 也是 Map 的子集。WeakMap 中的“weak”(弱)，描述的是 JavaScript 垃圾回收程序对待“弱映射”中键的方式。6.5.1 基本API可以使用 new 关键字实例化一个空的 WeakMap:const

初始化

迭代

API

原创 11月前 82 阅读

js 合并、复制和修改定型数组

定型数组同样使用数组缓冲来存储数据，而数组缓冲无法调整大小。因此，下列方法不适用于定型数组:concat()pop()push()shift()splice()unshift()不过，定型数组也提供了两个新方法，可以快速向外或向内复制数据:set()和 subarray()。set()从提供的数组或定型数组中把值复制到当前定型数组中指定的索引位置:// 创建长度为 8 的 int16 数组 co

数组

数组复制

偏移量

原创 11月前 335 阅读

js 排序方法

数组有两个方法可以用来对元素重新排序:reverse()和 sort()。顾名思义，reverse()方法就是将数组元素反向排列。比如:let values = [1, 2, 3, 4, 5]; values.reverse(); alert(values); // 5,4,3,2,1这里，数组 values 的初始状态为[1,2,3,4,5]。通过调用 reverse()反向

数组

字符串

数组元素

原创 11月前 187 阅读

js eval()方法

与 encodeURI()和 encodeURIComponent()相对的是 decodeURI()和 decodeURIComponent()。 decodeURI()只对使用 encodeURI()编码过的字符解码。例如，%20 会被替换为空格，但%23 不会被替换为井号(#)，因为井号不是由 encodeURI()替换的。类似地，decodeURIComponent()解码所有被 en

字符串

严格模式

特殊字符

原创 11月前 88 阅读

js 字符串处理函数

length、charAt()、charCodeAt()和 fromCharCode() 返回的结果都跟预期是一样的。这是因为在这个范围内，每个字符都是用 16 位表示的，而这几个方法也都基于 16 位码元完成操作。只要字符编码大小与码元大小一一对应，这些方法就能如期工作。这个对应关系在扩展到 Unicode 增补字符平面时就不成立了。问题很简单，即 16 位只能唯一表示 65 536 个字符。

码元

字符串

ico

原创 11月前 110 阅读

js 函数

函数对任何语言来说都是核心组件，因为它们可以封装语句，然后在任何地方、任何时间执行。 ECMAScript 中的函数使用 function 关键字声明，后跟一组参数，然后是函数体。以下是函数的基本语法:function functionName(arg0, arg1,...,argN) { statements }下面是一个例子:function sayHi(name, message) {

调用函数

字符串

严格模式

原创 2024-01-10 22:14:19 151 阅读

js垃圾回收

JavaScript 是使用垃圾回收的语言，也就是说执行环境负责在代码执行时管理内存。在 C 和 C++等语言中，跟踪内存使用对开发者来说是个很大的负担，也是很多问题的来源。JavaScript 为开发者卸下了这个负担，通过自动内存管理实现内存分配和闲置资源回收。基本思路很简单:确定哪个变量不会再使用，然后释放它占用的内存。这个过程是周期性的，即垃圾回收程序每隔一定时间(或者说在代码执行过

垃圾回收

引用计数

循环引用

原创 2024-01-09 21:50:11 114 阅读

SQLite

SQLite是一个轻量级的数据库系统，常用于嵌入式系统和桌面应用程序。以下是使用SQLite的基本步骤：安装SQLite：首先，确保你的系统上安装了SQLite。大多数Linux发行版和macOS都预装了SQLite。对于Windows，你可以从SQLite的官方网站下载。打开数据库连接：在Python中，你可以使用sqlite3模块来与SQLite数据库交互。以下是如何打开一个数据库连接的示例：

SQL

sqlite

python

原创 2024-01-08 20:09:49 102 阅读

如何使用vue的watch

在 Vue.js 中，watch 是一个对象，你可以使用它来观察和响应 Vue 实例上的数据变化。当被观察的数据发生变化时，对应的回调函数将会被执行。以下是如何使用 watch 的基本示例：javascriptnew Vue({ el: '#app', data: { message: 'Hello Vue!' }, watch: { message: function(new

Vue

javascript

数据

原创 2024-01-07 22:33:16 109 阅读

vue watch

1. immdiate属性:watch默认绑定,页面首次加载时,是不会执行的,只有值发生改变才会执行监听计算.如果想立即执行怎么办?watch: { name: { // handler方法就相当于普通侦听器触发的事件 handler(newName, oldName) { // 执行代码 }, // 表示watch里面声明后,会立马执行handle

初始化

加载

原创 2023-10-31 10:14:25 140 阅读

vuex

一、概念:1. 为什么要用vuex?传统:每个页面都要去重新请求后台得到将数据存到session、cookie中作用:专门为vue.js设计的集中式状态管理架构.数据仓库,主要管理状态(共用的属性或数据).把数据进行共享,每个页面想用,都可以来调用.

数据

数据仓库

vue.js

原创 2023-10-30 17:23:56 72 阅读

vue sass

1. 安装:yarn add sass-loader@7.3.1 --dev yarn add node-sass --dev 注: ①. sass-loader依赖于node-sass(1). 报错:Module build failed: TypeError: this.getResolve is not a function at Object.loader (path/node_modu

css

原创 2023-10-29 11:27:38 109 阅读

vue 自定义指令

v-if="yes" if就是指令ID，yes是expressionVue.directive(id, definition) 接入两个参数，id是指令ID，definition是定义对象。定义对象可以提供一些钩子函数： bind:初始化的时候绑定inserted：被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中) update:数据更新的时候绑定 componentUpdat

父节点

钩子函数

数据更新

原创 2023-10-28 20:46:40 116 阅读

vue 指令

1. 指令:(1). if指令:<p v-if="show"></p> <p v-else-if="show"></p> <p v-else="show"></p>(2). show指令:<p v-show="show"></p>

指令

原创 2023-10-27 09:46:28 81 阅读

vue 样式

(1). 深度作用选择器:希望scoped样式中的一个选择器能够作用得"更深",如影响子组件.覆盖element-ui中的样式时,只能通过深度作用选择器.(2). /deep/:.a { /deep/ .b { /* ... */ } } 注: ①. less可以使用.

选择器

原创 2023-10-26 10:54:54 77 阅读

vue- 双向绑定

1. 双向绑定:model(数据) ->(model更新view) view(视图) <-(view更新model)双向绑定 / 单向数据流:Vue是单向数据流,不是双向绑定.Vue的双向绑定不过是语法糖.Object.defineProperty是用来做响应式更新的,和双向绑定没关系.

双向绑定

Vue

响应式

原创 2023-10-25 10:28:21 68 阅读

vue 规范

https://cn.vuejs.org/v2/style-guide/index.htmlStyle GuideThis is the official style guide for Vue-specific code. If you use Vue in a project, it’s a great reference to avoid errors, bikeshedding, and

Vue

HTML

App

原创 2023-10-24 10:14:27 83 阅读

vue事件

1. 事件处理:(1). 事件:@click="可以是方法名称也可以是表达式"(2). 内联写法:@click="test('a', $event)" // 事件传参和事件对象,$event表示内联写法传入原始DOM对象2. 修饰符:快速结合键盘事件提升效率<form v-on:submit.prevent="onSubmit">...</form>

方法名

修饰符

事件处理

原创 2023-10-23 12:02:36 71 阅读

vue

1. 文本:{{ data }} 注: ①. 用双大括号{{ }}引住的内容被称为"Mustache"语法.2. 原始html:<div v-html="data"></div>3. 属性:<div v-bind:id="testId"></div> 注: ①. 如chcked值绑定.4. 表达式:{{ num + 1 }} {{ ok ? '1

html

大括号

原创 2023-10-22 14:59:54 66 阅读

vue 动态的class

1. 对象语法:适合较多的class名或动态的class:class="{'test-class': test}" // 当test为true时,有test-class值2. 数组语法:适合较少的class名:class="[a1, a2]" // 表示有两个类名:a1、a2

数组

类名

原创 2023-10-21 19:17:49 124 阅读

vue引入图片

(1). data()中引入:icon: require('@/assets/images/modules-a5.png') icon: require('../../assets/images/modules-picture.png')(2). style中引入:background: url(../../assets/images/entry-icon.png) 0 0 no-repeat;

ico

html

原创 2023-10-20 10:22:36 118 阅读

vue3的优势

1. 优势:更加轻量20kb min + gzip渐进式框架 a. 不需要学完所有知识再来开发 b. 项目驱动式学习,用到什么学什么响应式的更新机制底层做了响应的优化学习成本低

响应式

原创 2023-10-19 14:06:54 95 阅读

vue 动态组件

(2). 业务场景: <component :is="currentConfig" :config="config"></component> export default { name: 'App', components: { rxTextboxConfig, rxTextareaConfig, },

控件

文本框

App

原创 2023-10-18 10:40:26 83 阅读

vue 动态组件

动态组件:通过component标签的is属性来进行组件的切换.is的属性值决定要显示的组件: a. 将is的属性值设置为data中的值,以便于动态变化.(1). example:<div id="box"> <input type="button" @click="test='aaa'" value="aaa组件"> <in

属性值

Vue

原创 2023-10-17 12:10:38 137 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb650ae1ed11f06的博客

欢迎

js 函数作用域

js 停止和恢复执行

js 模块模式

js 可自定义属性的装饰器

python 匿名函数捕获变量值

js 自定义迭代器

js WeakMap

js 合并、复制和修改定型数组

js 排序方法

js eval()方法

js 字符串处理函数

js 函数

js垃圾回收

SQLite

如何使用vue的watch

vue watch

vuex

vue sass

vue 自定义指令

vue 指令

vue 样式

vue- 双向绑定

vue 规范

vue事件

vue

vue 动态的class

vue引入图片

vue3的优势

vue 动态组件

vue 动态组件