- 博客(40)
- 收藏
- 关注
RSS订阅
转载 如何理解闭包
摘要本文介绍了闭包的定义，作用，及常见的理解中的误区，并没有引入其他的专业词汇。定义闭包对应的英文是closure，下边的定义是来自MDN。A closure is the combination of a function bundled together (enclosed)with references to its surrounding state (the lexical environment). Inother words, a closure gives you access
2021-11-10 23:20:01
263
原创 为什么组件内可以访问Vue.prototype上的属性？
测试代码<div id="app"> <comp1></comp1></div><script>const Com = Vue.component('comp1',{ template: '<div>com1</div>', created () { console.log(this.a) // 为什么可以访问a },}) Vue.prototype.a = 1vm = new V
2021-11-06 23:17:43
661
1
原创 异或的使用
小写a: 65， 大写A: 97，之间差了32 = 2^5 （2的5次方）所以： 65^32 = 97;反过来 97 ^ 32 = 65;实际上： 如果 M ^ N = K → K ^ N = M。如果两位相同则为0，不同则为1。应用场景：大写字母变成小写字母。
2024-08-26 08:01:15
190
原创 计算C++数组的长度
sizeof(arr)/sizeof(arr[0])并不能正确地计算数组的大小。这是因为arr在函数参数中是一个指针，而不是数组。正确的做法是传递数组的大小作为参数，或者使用其他方法来获取数组的大小。sizeof(arr) 是8，表示8个字节， sizeof(arr[0])是4，表示4个字节；在C++中，sizeof是一个运算符，用来获取一个变量、类型或表达式所占内存空间的字节数。但是，如果数组传递到函数的内部，就不对了。
2024-07-19 09:39:08
422
原创 pygame 载入透明图片
Config.get(‘resources_path’) 返回资源文件夹的路径，Config.get(‘imgfolder’) 返回图像文件夹的名称，sprite_name 是要加载的精灵图像文件名。这一行代码将获取到的颜色值 color 设置为图像的透明色，并使用 pygame.RLEACCEL 参数指定使用 RLE 加速。这样在绘制图像时，设置的颜色将变为透明，实现了透明效果。通过以上代码，您可以加载图像文件，设置其中一个像素点的颜色为透明色，从而实现图像的透明效果。这样可以提高绘制图像的效率。
2024-03-13 16:55:33
502
原创 设置浏览器的主页
再配合：New Tab Redirect 插件，可以让你在打开新的tab页时，也是先进入到到这里。这个是我自己写的一个静态页面托管到gitee上。浏览器主页是我们上网的主要入口，占领这个阵地非常重要。我建议大家使用第三种。
2024-02-14 14:16:00
181
原创 修饰符.sync
修饰符.sync.sync作用实现父子组件数据之间的双向绑定，与v-model类似。类别在于：一个组件上只能有一个v-model，.sync修饰符可以有多个。原理v-model的原理<com1 v-model="num"></com1>等价于<com1 :value="num" @input="(val)=>this.num=val"></com1>.sync修饰符的原理// 正常父传子： <com1 :a="num" :b
2021-11-08 22:55:09
181
原创 如何使用npx创建vue或者react项目
如何使用npx创建vue或者react项目不需要提前安装全局工具包(@vue/cli和create-react-app)的情况下，直接使用npx命令来创建项目。好处：不需要全局安装包每次使用最新的全局工具包来创建项目缺点：慢一些用npx创建vue项目$ npx @vue/cli create your-project-name用npx创建react项目npx create-react-app your-project-name...
2021-11-03 19:42:11
2050
原创 如何在老项目中快速配置eslint-并设置自动保存格式化
步骤在项目中安装eslintnpm install -D eslint项目中初始化eslint./node_modules/.bin/eslint --initeslint --init之后会出现一些交互问题，按去完成配置即可。它会做两件事：生成eslint配置文件&& 安装了相关插件配置package.json 自动检测在scripts中加入以下命令："lint": "eslint --ext .js,.vue src"执行一下就可以看到一堆报错了
2021-09-06 10:45:03
313
原创 如何理解vue中的作用域插槽
在父子组件中：插槽：允许父组件传入自定义的结构给子组件props: 允许父组件传入自定义的数据给子组件作用域插槽：允许父组件传入 自定义的结构+数据(数据是子组件中通过插槽回传过来的)应用场景： 同一份数据，多种结构来展示...
2021-08-15 21:35:46
120
原创 如何实现js的红绿灯切换
描述红绿灯循环切换。绿灯2秒，黄灯5秒，红灯3秒，再循环。素材： const green = () => { console.log(Date.now(),'green') } const yellow= () => { console.log(Date.now(),'yellow') } const red = () => { console.log(Date.now(),'red')
2021-08-11 21:09:43
1416
原创 如何在vue事件中获取事件对象
在vue2.0中，获取事件对象有三种方式：第一种：$event关键字<button @click="fn($event,100)">fn</button>这里的$event是从哪里来的，非得写这个名字吗？只需要绕道背后看看它对应生成的render函数是什么样子就知道了，我列出了关键代码如下_createElementVNode("button", { onClick: $event => (_ctx.f2(100,$event))},..)在生成rende
2021-08-10 18:52:16
5227
原创 如何配置vue-cli中的跨域代理
vue.config.jsmodule.exports = { devServer: { // ... 省略 // 代理配置 proxy: { // 如果当前前端项目服务器devServer，收到一个请求，并且请求地址以/api打头,就把这个请求转发到目标服务器 // eg: // http://localhost:8080/api/newList---> http://www.xxx.com/api/newList
2021-08-08 18:19:08
199
原创 如何理解npx命令
npx是一个工具，npm v5.2.0引入的一条命令（npx），一个npm包执行器npm的m是Management，npx的x可以理解为eXecute。调用项目内部安装的模块我们知道，如果一个包配置了bin之后，当它被安装的时候，在项目的node_modues/.bin 下就会有一个指令，方便执行。以 mocha 为例。node node_modules/.bin/mocha **/*.test.js一劳永逸党，把 mocha 指令写入到 npm scripts 后，会自动寻址 node_modu
2021-08-06 16:14:46
659
原创 在vue中如何使用mixin
欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片
2021-08-04 21:52:08
264
原创 react学习-组件通信-父传子props
组件通讯组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能 拆分成多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据 。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。props组件是封闭的，要接收外部数据应该通过 props 来实现props的作用：接收传递给组件的数据传递数据在使用组件时，给组件标签添加属性接收数据函数组件通过参数props接收数据，类组件通过 t
2020-07-17 23:54:54
278
原创 react学习-小案例
目标如下参考代码import React from 'react';export default class Hello extends React.Component { constructor () { super() } state = { name: '', msg: '', list: [{name:'NIKE', msg: '一切皆有可能'}] } hMsg = e => { this.setState({msg: e.
2020-07-16 01:00:29
414
原创 react学习-组件
react中的组件用法 React 组件介绍 React 组件的两种创建方式 React 事件处理 事件回调函数绑定 this 指向 有状态组件和无状态组件 组件中的 state 和 setState() 表单处理React 组件介绍1.1 react组件的特点组件是 React 的一等公民，使用 React 就是在用组件组件表示页面中的部分功能组合多个组件实现完整的页面功能特点：可复用、独立、可组合React 组件的创建有两种格式：函数式class extend
2020-07-16 00:28:22
194
原创 react学习-快速起步
概述react是用于构建用户页面的javascript库vue是一个渐进式javascript框架React 是一个用于构建用户界面的 JavaScript 库。用户界面：HTML页面（前端）React 主要用来写HTML页面，或构建Web应用React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook 的内部项目，后又用来架设 Instagram 的网站，并于 2013 年5月开源特点官网上的说明的三个特.
2020-07-13 23:22:28
233
原创 vue2源码阅读之vue子组件创建过程
new Vue() 之后的过程。Vue.component('comp1', {template: '<div>com1</div>', created () {console.log('子组件创建')}, mounted () { console.log('子组件挂载')}})vm = new Vue({ el: '#app', data: {abc: 123}, created () {console.log('父组件创建')},
2020-07-13 19:33:59
595
原创 vue .sync的用法
它用来模拟实现父子组件的双向绑定。问题父组件中定义一个数据项，并传给子组件，子组件中可以对数据项进行修改，并同步到父组件中来。sync解决步骤在普通的父传子的基础上添加.sync<son :num.sync="numFormParent"></son>在子组件中，正常定义props来接收数据，并补充一个特殊的事件出来以达到修改父组件中的数据的目标。this.$emit('update:num', 新值)这个特殊的事件名就是update:props名代码&.
2020-07-04 00:03:29
370
原创 ES6中Class的基本用法
有一段时间没有写Class了，突然遇到几个点有不确定了。在这里回顾整理一下。Class是什么ES6 提供了更接近传统面向对象语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。在ES6没有出来之前， 通过prototype一样可以开心的玩耍。function F(val){ // 对象属性 this.x = val}// 对象方法F.prototype.f1 = function () { console.log(this.x)}// .
2020-06-30 16:41:33
1022
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人