- 博客(21)
- 收藏
- 关注
RSS订阅原创 ES6-解构赋值
ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构根本上是为了获取对象或者数组内的数据更加方便。eg:let [a,b,c] = [1,2,3];这种写法本质上属于模式匹配，只要等号两边的模式相同，左边的变量就会被赋予对应的值。不完全解构：等号左边的模式只匹配一部分的等号右边的数组。如果等号的右边不是数组，或者严格来说不是可遍历的结构，那么将会报错。只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值。默认值：结构赋值允许指定默认值。 ES6使用严格相等
2022-07-03 14:47:28
1480
1
原创 uniapp 安卓 长按app 快捷方式 shortcut
Android app版本的 uni-app 项目实现shortcut。ios：uniapp ios项目支持长按app 3D Touch快捷菜单项基于uniapp插件市场 的shortcut插件实现。链接百度搜索uniapp 安卓项目如何实现shortcut，看到有人给了两个方法：1.插件、2.NativeJS实现。由于各方面原因(本人较菜)，选择使用插件实现，感谢分享这个插件的大佬！！！需要跳转页面，只需要按照插件说明使用插件：插件下的评论：我要实现的逻辑不需要跳转页面，只是唤醒扫一扫功
2021-11-30 17:15:19
3193
1
原创 uniapp ios支持长按app 3D Touch快捷菜单项
uniapp ios支持长按app 3D Touch快捷菜单项一、配置manifest.json文件切换到代码视图，uni-app项目在"app-plus"->“distribute”->"ios"下添加shortcuts节点，并配置各菜单项，数组中每项对应一个快捷菜单项： "shortcuts" : [ { "type" : "sweep", "t
2021-11-29 19:49:26
3268
1
原创 js红宝书之Number类型
重读js红宝书之Number类型Number类型使用IEEE754格式表示整数和浮点数。常用数值字面量格式：八进制：第一个数字必须是0，后面是对应的0-7；十六进制：数值前缀为0x(区分大小写)。然后是对应的0-9 A-F;其中八进制字面量在严格模式下是无效的，会导致JS引擎抛出语法错误。Es6中的八进制通过0o表示，严格模式下，前缀0会被视为语法错误，应该使用0o表示八进制。一、浮点数1.定义浮点值要定义浮点值，数值中必须包含小数点，而且小数点后面必须至少有一个数字。因为存储浮点值(64
2021-11-21 17:42:11
742
原创 es6 箭头函数
箭头函数基础用法箭头函数的高级语法箭头函数的特点引入箭头函数有两个方面的作用：更简短的函数并且不绑定this箭头函数不适用场合基础用法箭头函数是什么？ ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { re
2021-08-16 14:52:02
294
原创 Vue组件通讯-跨多层父子组件通信
跨多层父子组件通信，$emit 并没有什么用。相反，用集中式的事件中间件可以做到简单的升级。这会让组件之间的通信非常顺利，即使是兄弟组件。因为 Vue 通过事件发射器接口执行实例，实际上你可以使用一个空的 Vue 实例。比如，假设我们有个 todo 的应用结构如下：Todos├─ NewTodoInput└─ Todo└─ DeleteTodoButton可以通过单独的事件中心管理组件间的通信：// 将在各处使用该事件中心// 组件通过它来通信var eventHub = new Vue(
2021-07-09 23:06:38
731
1
原创 vue组件通讯-父传子
父组件向子组件传值(包括函数) 1.组件内部通过props接收传递过来的值； 2.父组件通过属性将值传递给子组件；可以在子组件中对父组件传递过来的数据进行操作，但不推荐 vue会给出warn警告。 因为props数据传递原则：单向数据流。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head>
2021-06-27 19:36:03
248
原创 vue组件 data为函数类型的原因
如果使用对象形式定义data，复用组件时，会导致它们共用一个data对象，那么状态变更将会影响所有组件实例；采用函数定义，在初始化数据时，会将其作为工厂函数返回全新data对象，有效避免多实例之间状态污染问题。 在vue根实例创建过程中不存在这种限制，是因为根实例只能有一个，不需要担心这种情况。 且组件内data函数不能返回一个全局变量，也会产生状态污染问题： 代码示例：comp-one组件内的data配置，返回一个全局对象，复用comp-one组件，改变第一个组件内text的值，第二个组件也跟着一.
2021-06-27 18:59:28
122
原创 vue watch使用场景和方法
**watch**watch是什么？侦听器，vue通过watch来提供更通用的方法来响应数据变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。示例：<div id="app"> 千米： <input type="text" v-model="kilometers" /> 米： <input type="text" v-model="meters"/> </div> <p id="info
2021-05-31 00:13:01
3179
4
原创 Vue数据绑定
（1）v-bind:绑定动态属性。响应更新HTML特性，将一个或多个attribute或者一个组件prop动态绑定到表达式。可简写为":"。（2）v-model:用来在input、select、text、checkbox、radio等表单控件元素上创建双向数据绑定，根据控件类型，v-model自动选取正确的方法更新DOM。v-model是语法糖，在用户输入事件中更新数据。（3）v-html:更新元素的innerHTML。不建议在网站上直接动态渲染html片段，很容易导致XSS攻击。<div v
2021-05-30 22:25:00
121
原创 vue实例
一、实例的属性值vm.$dataVue 实例观察的数据对象vm.$props当前组件接收到的 props 对象。vm.$elVue 实例使用的根 DOM 元素.vm.$options用于当前 Vue 实例的初始化选项。需要在选项中包含自定义 property 时会有用处：vm.$root当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己。vm.$parents父实例，如果当前实例有的话。vm.$children当前实例的直接子..
2021-05-30 20:09:16
913
原创 CSS水平垂直居中
水平居中：（1）行内元素：text-align:center;（2）块级元素：margin:auto;（3）定位元素：left:50%+margin-left:负（自身宽度的一半）;（4）flex布局：justify-content:center;垂直居中：（1）行内元素：line-height属性值等于height值。（2）定位元素：top:50%;+margin-top:负（自身高度的一半）；（3）绝对定位+平移（不需知道元素高度);.father { width:
2021-03-24 21:37:55
58
原创 BFC块级格式化上下文
BFC 块级格式化上下文是一块独立渲染区域，内部元素的渲染不会影响外部的元素。1. BFC的形成（1）float不是none;（2）position是absolute或fixed;（3）overflow不是visivle;（4）display是flex或inline-block2. BFC的作用（1）BFC内部元素的布局不会受外部元素影响；（2）BFC区域不会出现margin重叠；（3）BFC区域计算高度时会计算浮动元素；（4）BFC区域不会和浮动元素重和。3. 使用场景（1）清除
2021-03-23 23:22:29
62
原创 快速排序
快速排序：1．先从数列中取出一个数作为基准数。2．分区过程，将比这个数大的数全放到它的右边，小于或等于它的数全放到它的左边。3．再对左右区间重复第二步，直到各区间只有一个数。代码实现（JS） function qSort(arr) { if (arr.length == 0) { return []; } let lesser = []; let greater = [
2021-03-23 13:14:15
47
原创 插入排序
插入排序它的基本思想是将一个记录插入到已经排好序的有序表中，从而一个新的、记录数增 1 的有序表。在其实现过程使用双层循环，外层循环对除了第一个元素之外的所有元素，内层循环对当前元素前面有序表进行待插入位置查找，并进行移动。1.代码实现(JS) function insertionSort(arr) { var temp, inner; for (var outer = 1; outer < arr.length; outer++) {
2021-03-23 11:36:33
49
原创 选择排序
选择排序选择排序从数组的第一个元素开始，将第一个元素与其他元素进行比较。检查完所有元素后，最小的元素放在数组的第一个位置，然后算法从第二个位置继。这个过程一直继续，直到进行到数组的倒数第二个元素，所有数据排序完成。1.代码实现(JS) function selectSort(arr) { let min, temp; for (var i = 0; i <= arr.length - 1; i++) { min =
2021-03-22 23:36:58
59
原创 冒泡排序及时间复杂度
1.代码实现(JS) function bubbleSort(arr) { for (let i = arr.length; i > 0; --i) { for (let j = 0; j <= i - 1; ++j) { if (arr[j] > arr[j + 1]) { let temp = arr[j];
2021-03-22 21:46:05
372
原创 CSS常用布局-双飞翼-圣杯-两栏自适应
双飞翼布局效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &..
2021-03-22 20:54:25
94
原创 Vuex
标题1. Vuex是什么？Vuex是实现组件全局状态(数据)管理的一种机制，可以方便地实现组件之间数据的共享。2. 使用Vuex统一管理状态的好处(1)能够在Vuex中几种管理共享的数据，易于开发和后期维护。(2)能够高效地实现组件之间的数据共享，提高开发效率。(3)存储在Vuex中的数据都是响应式的，能够实时保持数据与页面的同步。3. 什么样的数据适合存储到Vuex中？一般情况下，只有组件之间共享的数据，才有必要存储到Vuex中；对于组件中的私有数据，依旧存储在data中。4. Vuex
2021-03-22 15:33:39
64
原创 Python基本图形绘制
Python蟒蛇绘制实例：import turtle #引入绘图库turtleturtle.setup(650,350,200,200)turtle.penup()turtle.fd(-250)turtle.pendown()turtle.pensize(25)turtle.pencolor("purple")turtle.seth(-40)for i in range(4):...
2021-01-25 19:59:57
1061
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人