前端
关注
分享
扫一扫
文章平均质量分 83
html, css, JavaScript, es6, typescript, node, vue, uniapp
小数点儿_
这个作者很懒，什么都没留下…
展开
-
【React】从 0 开始学 React —— 实现井字棋小游戏
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库官网提供了两种学习思路如果你喜欢边做边学，请从实践教程开始。如果你喜欢一步步学习概念，请从 Hello World 开始。以下根据边学边做的方式，提供一种学习路线。原创 2023-02-10 10:25:43 · 1015 阅读 · 0 评论 -
【CSS】过渡动画
- 常需要应用过渡动画的伪类选择器 - `:hover` 当用户悬浮到一个元素之上的时候匹配。 - `:active` 在用户激活（例如点击）元素的时候匹配，点击时应用，松开就结束- 原选择器：过渡前的状态、过渡的过程（该状态变至其他状态的过渡过程）- 伪类选择器：过渡后的状态（可以只写有变更的样式）- `` 是一个内置组件- 进入或离开可以由以下的条件之一触发 - 由 `v-if` 所触发的切换 - 由 `v-show` 所触发的切换 - 由特殊元素 `原创 2023-01-31 10:43:56 · 5761 阅读 · 0 评论 -
【CSS】基础语法
叠层样式表HTML 内嵌&内联&外联——它们之间的优先级如何？静态的样式统一写到 class 中。style 接收动态的样式，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。前端 css class 嵌套/选择器总结(目的:识别 less 文件中嵌套的写法)1.1.2 响应式写法class 与 style 是 HTML 元素的属性，用于设置元素的样式，可以用 v-bind 来设置样式属性:class 指令也可以与普通的 class 属性共存。1.1.3原创 2022-09-09 16:48:41 · 2610 阅读 · 0 评论 -
【Scss】基础语法
1.1 引入 对 uniapp 来说： 在 index.scss 中引入其他的 .scss 文件 再把 ndex.scss 引入 App.vue 中 1.2 使用1.2.1 变量!default 可以添加在变量的结尾如果变量已经被赋值，不会再被重新赋值，如果变量还没有被赋值，则会被赋予新的值。!global 可以将变量提升为全局变量。不到万不得已，不要用它，因为它很简单粗暴，直接破坏了作用域规则，影响全局...原创 2022-07-30 14:36:20 · 520 阅读 · 0 评论 -
【uniapp】原生插件开发
更新Gradle和AGP可以手动更改，但是推荐使用工具自动升级，因为AGP的版本必须和Gradle的版本保持对应关系，工具会自动保持对应的版本。若 Gradle 中没有 assembleRelease。升级 Android Studio 版本。下载 Android Studio。构建警告：将新 ns 映射到旧 ns。minSdkVersion 版本问题。根本的解决方案是升级 gradle。未配置AppKey或配置错误问题。下载：App 离线 SDK。升级 Gradle 版本。原创 2023-02-08 11:06:04 · 940 阅读 · 0 评论 -
【uniapp】结构
整个插件文件夹(如uni-nav-bar文件夹)就会出现在自己项目的uni_modules文件夹下。Vue3中的应用是通过使用createApp函数来创建的，参数是根组件（例HelloVueApp）uni_modules是uni-app的插件模块化规范，可直接使用也可自己开发插件。uni-app组件支持的生命周期，与vue标准组件的生命周期相同。/*2.如果引入scss，要加上lang="scss"*/使用时，在自己项目下新建uni_modules文件夹。...原创 2022-07-30 10:57:45 · 3577 阅读 · 0 评论 -
【uniapp】 生命周期
uni-app 组件支持的生命周期，与 vue 标准组件的生命周期相同。原创 2022-10-22 17:40:53 · 655 阅读 · 0 评论 -
【uniapp】 组件 和 API
原生导航栏无法满足需求时，使用uni_modules扩展插件uni-nav-bar或者自定义导航栏使用前需隐藏原生导航栏"custom"组成部分左一般为回退按钮，可添加文字中标题右按钮，文字自定义导航栏样式上要设置成固定positionfixed;、置于顶层z-index9999;、有背景颜色弹窗结构标题内容按钮弹窗设置v-show"isShow"点击按钮出现弹窗，再点击弹窗消失设置点击事件使点击其他区域弹窗消失该区域与其他区域为兄弟。...原创 2022-07-30 14:02:23 · 1150 阅读 · 0 评论 -
【uniapp】 基础
APP-PLUS-NVUE和APP-NVUE没什么区别，为了简写后面出了APP-NVUE；条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。使用条件编译请保证编译前和编译后文件的正确性，比如json文件中不能有多余的逗号；条件编译是利用注释实现的，在不同语法里注释写法不一样，js使用。、vue/nvue模板里使用。VUE3需要在项目的。...原创 2022-07-30 11:15:59 · 1520 阅读 · 0 评论 -
【Vue】Vuex 状态管理
vue 是单向数据流，子组件不能直接修改父组件的数据。vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 把组件的共享状态抽取出来，以一个全局单例模式管理。采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 。单组件下：单向数据流。状态 state，驱动应用的数据源；如 data()。 视图 view，以声明方式将 state 映射到视图；交互 actions，响应在 view 上的用户输入导致的状原创 2022-09-09 17:08:34 · 689 阅读 · 0 评论 -
【Vue】 API 风格
相应的，它的灵活性也使得组织和重用逻辑的模式变得更加强大。以“组件实例”的概念为中心 (即上述例子中的 this)，对于有面向对象语言背景的用户来说，这通常与基于类的心智模型更为一致。当你不需要使用构建工具，或者打算主要在低复杂度的场景中使用 Vue，例如渐进增强的应用场景，推荐采用选项式 API。实际上，选项式 API 是在组合式 API 的基础上实现的！关于 Vue 的基础概念和知识在它们之间都是通用的。// data() 返回的属性将会成为响应式的状态, 并且暴露在 `this` 上。原创 2022-10-22 17:03:04 · 1262 阅读 · 1 评论 -
【Vue】 defineProps 与 props
使用时为了和 HTML attribute 对齐，通常将其写为 短横线 形式有时虽为常量但也要使用 v-bind，因为这是一个 JavaScript 表达式而不是一个字符串原创 2022-09-14 17:02:23 · 5184 阅读 · 0 评论 -
【Vue】 结构
初始化npm init vue@3框架<!-- 从 index.html 开始运行 --><!DOCTYPE html><html lang="en"> <head> </head> <body> <div id="app"></div> <script type="module" src="/src/main.ts"></script>原创 2022-05-10 15:27:51 · 197 阅读 · 0 评论 -
【Vue】 组件封装
组件封装。父子组件间的数据传递。父组件通过 prop 将数据传递给子组件，子组件通过 emit 事件将子组件数据传递给父组件，子组件不能直接修改 prop 中传给父组件的值。子组件不能直接修改 prop 中的值。父组件通过 prop 把改变的值传到子组件中原创 2022-09-09 17:44:53 · 14756 阅读 · 0 评论 -
【Vue】 自定义指令
vue 官网 自定义指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。在 中，任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令。如 vFocus 即可以在模板中以 v-focus 的形式使用。在没有使用 的情况下，自定义指令需要通过 选项注册全局注册自定义指令原创 2022-09-14 17:16:21 · 335 阅读 · 0 评论 -
【Vue】 插槽
如果你混用了具名插槽与默认插槽，则需要为默认插槽使用显式的 标签。尝试直接为组件添加 v-slot 指令将导致编译错误。这是为了避免因默认插槽的 props 的作用域而困惑。可以像对组件传递 props 那样，向一个插槽的出口上传递 attributes。当一个组件同时接收默认插槽和具名插槽时，所有位于顶级的非。作用域插槽：使父组件写的插槽的内容访问到子组件的数据。节点都被隐式地视为默认插槽的内容。插槽内容无法访问子组件的数据。父组件写内容放入插槽。原创 2022-10-22 17:23:22 · 448 阅读 · 0 评论 -
【Vue】 基础语法
目录错误路径组件钩子函数props 属性computed 计算属性mixins 混入属性watch 监听属性指令v-on 指令v-bind 指令v-model 指令自定义指令样式绑定classstylerouter 路由响应式系统reactiverefAjax(axios)Vue3 教程Vue3 教程 官网Vue3 入门指南与实战案例vue create 名称cd 所在文件夹npm run serve在浏览器中打开提供的网站在index.html编写，每次保存网站都会更新<!--原创 2022-03-16 11:01:29 · 1034 阅读 · 0 评论 -
【Node.js】 事件循环机制
目录事件循环机制回调事件循环机制事件循环机制（Event Loop）JavaScript为单线程，怎样处理任务处理安排好的任务，按照顺序写进主线程里，等线程执行时，这些任务就是 按照顺序在线程中依次被执行；等所有任务执行完成之后，线程会自动退出。处理线程中产生的新任务，运用事件循环机制。引入循环机制，在线程语句后面添加了一个 for 循环语句，让线程会一直循环执行。引入事件，在线程运行过程中，等待用户的操作事件，等待过程中线程处于暂停状态，等接收到用户的操作之后再激活线程，然后继续执行。处原创 2022-03-14 14:59:20 · 1383 阅读 · 0 评论 -
【Node.js】 基础语法
目录Node.jsnpmpackage.json字符编码REPLBuffer(缓冲区)函数回调函数模块系统Express 框架全局对象consoleprocessStream(流)Node.jsNode.js 就是运行在服务端的 JavaScript。参考资料：Node.js 教程Node.js 入门教程 官网万字肝完nodejs入门教程，详解入口，建议收藏（更新中）npm① 修改NPM的缓存目录，配置环境变量参考资料：Nodejs+npm详细安装npm set node_ca原创 2022-03-10 10:03:56 · 1457 阅读 · 0 评论 -
【Node.js】 模块
目录模块系统模块接口events模块util 模块fs 模块OS 模块Path 模块Net 模块DNS 模块Domain 模块http 模块url 模块gulp 模块Webpack 模块模块系统参考资料：Node.js模块系统为了让Node.js的文件可以相互调用，Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分，文件和模块是一一对应的。换言之，一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++原创 2022-03-12 14:34:20 · 1753 阅读 · 0 评论 -
【JavaScript】 ES6 基础语法
目录表达式声明解构赋值内置对象扩展字符串扩展数值扩展对象扩展数组扩展函数扩展正则扩展运算符扩展Symbol 数据类型Set 数据结构Map 数据结构Proxy 类Reflect 类语句与运算Class 类Iterator 遍历器Module 模块异步编程Promise 类Generator 函数Async 函数ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准JavaScript 语言名称是商标（ Oracle 公司注册的商标），正式名称是 ECMAScript原创 2022-03-17 10:36:36 · 724 阅读 · 0 评论 -
【JavaScript】 面向对象编程
但是，JavaScript 语言的对象体系，不是基于“类”的，而是基于构造函数（constructor）和原型链（prototype）。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。它就是对象的模板，描述实例对象的基本结构。关键字表示父类的构造函数，用来新建一个父类的实例对象。所谓“类”就是对象的模板，对象就是“类”的实例。关键字实现继承，让子类继承父类的属性和方法。原创 2023-02-09 11:18:46 · 522 阅读 · 0 评论 -
【JavaScript】 防抖 (vue中写法总结)
防抖 (vue中写法总结) 立即执行 非立即执行 手动加锁 执行完成后锁才打开 立即执行、非立即执行统一封装原创 2022-11-19 16:58:02 · 1182 阅读 · 0 评论 -
【JavaScript】 防抖与节流
节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时想象每天上班大厦底下的电梯。把电梯完成一次运送，类比为一次函数的执行和响应假设电梯有两种运行策略 debounce 和 throttle，超时设定为 15 秒，不考虑容量限制电梯第一个人进来后，15 秒后准时运送一次，这是节流电梯第一个人进来后，等待 15 秒。如果过程中又有人进来，15 秒等待重新计时，直到 15 秒后开始运送，这是防抖。原创 2022-11-19 16:51:02 · 1049 阅读 · 0 评论 -
【JavaScript】 模块 module
命令，为模块指定默认输出。输入其他模块提供的功能。原创 2022-10-27 11:25:19 · 731 阅读 · 0 评论 -
【JavaScript】 函数 function
也就是说，传入函数的原始值的地址，因此在函数内部修改参数，将会影响到原始值。函数参数不是必需的，JavaScript 允许省略参数，但是，没有办法只省略靠前的参数，而保留靠后的参数。只要闭包没有被垃圾回收机制清除，外层函数提供的运行环境也不会被清除，它的内部变量就始终保存着当前值，供闭包读取。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在的作用域无关。如果函数内部修改的，不是参数对象的某个属性，而是替换掉整个参数，这时不会影响到原始值。所以，闭包可以看作是函数内部作用域的一个接口。原创 2022-11-22 13:58:40 · 3004 阅读 · 0 评论 -
【JavaScript】 数组 Array
当然 reduce 的作用也不单单只作为一个累加器来用，我们还可以利用 reduce 的特性做其他的用途，比如数组的去重。对应的布尔值，都是 true。数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。filter() 循环返回一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。原数组的一部分成员，并可以在删除的位置添加新的数组成员，返回值是被删除的。它将新数组的成员，添加到原数组成员的后部，然后返回一个。数组元素，返回改变后的数组。原创 2022-10-27 11:02:57 · 1481 阅读 · 0 评论 -
【JavaScript】 字符串 String
方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。方法用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，根据判断结果返回 true 或 false。确定原字符串是否匹配某个子字符串，返回一个数组，成员为匹配的第一个字符串。确定字符串在另一字符串中首次出现的位置，返回匹配开始位置。本身是一个函数，可以当作工具方法使用，将任意值转为字符串。从原字符串取出子字符串并返回，不改变原字符串。从原字符串取出子字符串并返回，不改变原字符串。从原字符串取出子字符串并返回，不改变原字符串。原创 2022-10-25 13:50:58 · 579 阅读 · 0 评论 -
【JavaScript】 数值 Number
与其他对象一样，对象上面可以自定义方法，被Number的实例继承。- `Number()` 将任意值转为数值: `Number`本身是一个函数，可以当作工具方法使用，将任何类型的值转为数值。- `Number()` 构造函数: `Number`不仅可以当作工具函数使用，还可以当作构造函数使用，即前面可以使用`new`命令。构造**数值对象**，用于生成值为数值的对象`Math`是 JavaScript 的原生对象，提供各种数学功能。该对象不是构造函数，不能生成实例，所有的属性和方法都必须在`Math`原创 2022-11-22 13:56:38 · 1997 阅读 · 0 评论 -
【JavaScript】 对象 Object
将目标对象自身的所有可遍历的（enumerable）、但尚未被读取的属性，分配到指定的对象上面。，即如果一个键的值是复合类型的值（数组、对象、函数）、那么解构赋值拷贝的是这个值的引用，而不是这个值的副本。它的第一个参数是目标对象，第二个参数是一个字符串，对应目标对象的某个属性名。方法返回一个数组，成员是参数对象自身的全部属性的属性名，不管该属性是否可遍历。，将阻止某些操作改写属性描述对象，比如无法删除该属性，也不得改变各种元属性（以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。原创 2022-10-20 11:25:13 · 499 阅读 · 0 评论 -
【JavaScript】 基础语法
目录JavaScript运算符&& 和 ||== 和 ===try 和 catch=>array 数组consoleJSONJSON.parse()JSON.stringify()JSON 与 JS 对象的关系异步编程JavaScript运算符参考资料：JavaScript中运算符的优先级运算符(优先级从高到低)描述[] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返原创 2022-03-10 10:02:50 · 174 阅读 · 0 评论 -
【JavaScript】 浮点运算
参考资料：你知道 0.1+0.2 !==0.3是进制问题，但你讲不出个所以然，是吧？用了一天时间，我终于彻底搞懂了 0.1+0.2 是否等于 0.3！进制转换二进制->十进制a * 10^3 + b * 10^2 + c * 10^1 + d * 10^-1十进制-> 二进制整数部分：除二取余，从下往上读小数部分：乘二取整，从上往下读十进制浮点数转换二进制后尾数的 52 位 有效数字是从第一个 1 开始向后保留 52 位 有效数字，这个1不算在52位之内数据存储IEEE 7原创 2022-03-14 14:30:09 · 757 阅读 · 0 评论 -
【JavaScript】 sort排序
排序方法插入排序：几个数排好序，再来一个数和排好序的最后一个数比，再与前一个比，…，插入。二分插入排序：几个数排好序，再来一个数和中间数比，再与左/右的中间数比，…，插入。归并排序：每两个排序，再每四个排序，再每八个排序，直到排完sort使用JavaScript sort() 方法JavaScript 中数组 sort() 方法的基本使用array.sort(sortfunction)参数：sortfunction 可选。规定排序顺序。必须是函数。默认排序顺序为按字母升序，这时数字也看原创 2022-03-14 13:56:25 · 1300 阅读 · 0 评论 -
【JavaScript】 异步
目录一、异步的概念回调函数二、异步的使用1. setTimeout(cb, ms)2. Promise3. async 异步函数4. util.callbackify()5. fs 系统一、异步的概念参考资料：JavaScript 异步编程同步 Synchronous (sync）：按代码顺序执行异步 Asynchronous (async) ：不按代码顺序执行从主线程发射一个子线程来完成任务子线程一旦发射了以后就会与主线程失去同步无法确定它的结束，无法将它合并到主线程中去的。Jav原创 2022-03-11 16:09:21 · 1566 阅读 · 0 评论 -
【JavaScript】题（牛客网）——熟练使用函数调用，超详细讲解
执行以下程序，输出结果为。根据 JavaScript 的语法，圆括号`()`跟在函数名之后，表示调用该函数。比如，`print()`就表示调用`print`函数。这里的this指向什么。箭头函数: `() => {}` 没有自己的 `this` 对象, 内部的 `this` 就是定义时上层作用域中的 `this`, `this` 指向是固定的。普通函数: `fun() {}` 内部的 `this` 指向函数运行时所在的对象, `this` 指向是可变的。原创 2023-02-11 10:30:38 · 593 阅读 · 1 评论 -
【JavaScript】 题 按指定方式排序
题目：/** extensions is an Array and each item has such format: {firstName: 'xxx', lastName: 'xxx', ext: 'xxx', extType: 'xxx'} lastName, ext can be empty, extType can only has "DigitalUser", "VirtualUser", "FaxUser","Dept","AO".**//** Questio原创 2022-03-14 14:02:39 · 393 阅读 · 0 评论 -
【JavaScript】 提取网页内容
【代码】JavaScript 提取网页内容。原创 2021-06-08 14:15:20 · 4239 阅读 · 1 评论 -
【git】将本地项目推送至远端
先在 github 上新建一个项目，用其 https 作为 url。试着 push，报错 从命令行指定URL 或 使用配置远程存储库。初始化 react 项目时，发现同时产生了 master 分支。采用 从命令行指定URL, 按照提示。远程没有 master 分支，所以。原创 2023-02-08 15:34:33 · 380 阅读 · 0 评论 -
【git】基础语法
按 a 或者 i 或者 o 进入编辑模式，我们修改好 commit 信息后按 Esc 健退出编辑模式，然后 :wq 保存我们编辑的信息。当你在使用 git commit 提交时，Commitizen 能够快速地帮你完成提交信息的补充。的特殊指针，指向当前所在的本地分支（可以将 HEAD 想象为当前分支的别名）。两个分支分别提交修改，且有冲突，合并会暂停下来，等待解决合并产生的冲突。按 a 或者 i 或者 o 进入编辑模式，更新提交信息，按。健退出编辑模式，然后:wq保存我们编辑的信息。原创 2022-05-26 14:20:16 · 316 阅读 · 0 评论 -
前后端交互之接后端接口
比如：正常请求这个接口需要用的是测试环境或者线上环境的域名，而你用的是 localhost 或者 127.0.0.1，因为请求的静态文件采用的是 post 方法，nginx 是不允许 post 访问静态资源。接口文档所写使用 POST 请求，但使用 POST 请求后报错 405。于是采用 get 方式请求，不再报错 405，但是报错。控制台不再报错，但依然没有返回数据，试着输出错误信息。一开始用 POST，反而不行，用 GET 却可以呢。所以问题来了，为什么接口文档写 POST 请求，原创 2022-10-22 10:34:35 · 663 阅读 · 0 评论