- 博客(39)
- 收藏
- 关注
RSS订阅原创 WPS的RANK函数学习过程
| RANK 函数是一个用于排名计算的统计函数，可以根据选中的数值区域，计算出排名。它的语法结构是=RANK(数值,引用,[排位方式])。看十遍视频，不如实际操作一遍应用场景。语法结构还是要记住，它起到提纲挈领的作用让你回想起一步一步操作。例如要对下表的总成绩排序：到这一步，回头一看操作错了。第一步要选中F2单元格，接着一步一步操作。单元格F2里才有了带公式的结果4。然后鼠标挪到F2右下角光标变成十字形，往下拉，F列其他单元格就复制了F2的格式，完成了排序。这里会看到排序有些
2020-11-12 21:47:26
745
原创 es6之proxy和reflect(二）几个运用场景
观察者模式 有一个对象，是观察者，它用于观察另一个对象的属性值变化，当属性值变化后会收到一个通知，可能会做一些事// 没有实现代理之前的实现方式 function observer(target) { const div = document.getElementById("container"); const ob = {}; const props =...
2020-02-22 15:54:58
827
原创 es6之proxy和reflect
植入代理模式的思想，以简洁的方式控制对外部对象的访问。利用内置的set、get方法控制属性的读写功能用处较大其余的像has deleProperty…等方法不太在工作开发中使用兼容性不好，babel降级，无法使用，还是老样子。...
2020-02-13 13:10:13
151
原创 es6-类的继承
类的其他书写方式1.可计算的成员名2.getter和setter3.静态成员4.字段初始化器（ES7)5.类的表达式6.装饰器（ES7)class Animal { constructor(type, name, age, sex) { this.type = type; this.name = name; this.age =...
2020-02-07 23:42:27
228
原创 es6-类
面向对象es6中增加了类的定义，使得JS语言在面向对象编程时更便捷。面向对象 一种编程思想，跟具体的语言没有关系，面向过程 思考的切入点是功能的步骤面向对象 思考的切入点是对象的划分我们用一个例子【大象装冰箱】通过面向过程和面向对象的比较中了解面向对象编程的思想：面向过程的编程思想指导下，我们把【大象装冰箱】分成3个步骤（过程）来分别定义函数：// 1.冰箱门打开fu...
2020-02-07 15:13:26
87
原创 es6-对象新增的字面量语法及新增的API
新增的对象字面量语法成员速写对于如下这个情形的对象，es6有了速写的方法 function createUser(loginId, loginPwd, nickName) { return { loginId: loginId, loginPwd: loginPwd, nickName: nickName, ...
2020-02-01 11:21:29
125
原创 es6-symbol之知名符号
知名符号（公共、具名）是一些具有特殊含义的共享符号，通过Symbol的静态属性得到ES6延续了ES5的思想：减少魔法，暴露内部实现！因此ES6用知名符号暴露了某些场景的内部实现。Symbol.hasInstance该符号用于定义构造函数的静态成员，它将影响instanceof的判定obj instanceof A//等效于A[Symbol.hasInstance](obj) //...
2020-01-29 08:41:42
331
原创 es6-symbol之共享符号
根据某个符号名称（符号描述）能够得到同一个符号,用到Symbol的一个静态成员Symbol.for()。Symbol.for("符号名/符号描述") //获取共享符号const syb = Symbol("abc");// 根据某个符号名称（符号描述）能够得到同一个符号const obj1 = { a: 1, b: 2, [syb]: 3}const obj...
2020-01-22 22:13:39
160
原创 es6-symbol 之普通符号
符号是es6新增的一个数据类型，它通过使用Symbol(符号名) 来创建。符号设计的初衷是为了给对象设置私有属性符号具有以下特点：没有字面量使用typeof得到的类型是symbol每次调用symbol函数得到的符号永远不相等，无论符号名是否相同符号可以作为对象的属性名存在，这种属性称之为符号属性* 开发者可以通过精心的设计，让这些属性无法通过常规方式被外界访问* 符号属性是不能枚举...
2020-01-21 16:13:13
149
原创 es6-函数之箭头函数
箭头函数出现之前，this指向问题：通过对象调用函数，this指向对象直接调用函数，this指向全局对象如果通过new调用函数，this指向新创建的对象如果通过apply、call、bind调用函数，this指向指定的数据如果是DOM事件函数，this指向事件源箭头函数的函数体中的this，取决于箭头函数定义的位置的this指向，而与如何调用无关(这样的说法是不严谨的，实际情况是这...
2020-01-17 17:06:08
159
原创 es6-函数明确其两个用途
函数可以作为一个构造函数来创造一个对象，也可以作为一个普通函数来调用function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; this.fullName = `${firstName} ${lastName}`;}const p1 = ne...
2020-01-11 15:42:12
143
原创 es6-函数剩余参数
当函数的传参可能是1个，2个或多个，不确定时，常有这样的用法：function sum(args) { let sum = 0; for (let i = 0; i < args.length; i++) { sum += args[i]; } return sum;}console.log(sum([1])) //...
2020-01-10 05:42:07
585
原创 es6-函数默认形参
一、 在es6之前，函数的形参当没有传值时，使用默认值会比较麻烦。function sum(a, b, c) { return a + b + c; } console.log(sum(10, 1, 2)); //13 console.log(sum(11, 1, 2)); //14这里形参b,形参c,想让b默认值传1，c默认值传2；在使用时还要写两遍。还有一种书写方式（这...
2020-01-05 16:52:06
362
原创 react装备上强大机甲Dva（一）
dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。react只是由Facebook公司提出的UI解决方案，在使用过程中社区又出现了redux,而在Redux用的过程中会有许多的不方便，阿里团队的sorrycc 带领他的team对它做了轻量级的封装让...
2019-10-20 21:06:39
531
原创 JavaScript中的随机数
Math.random()方法返回大于等于 0 小于 1 的一个随机数。2.1 在不相邻的两个整数中取得一个随机数例：随机产生2或4中的一个数var rand3 = Math.random() < 0.5 ? 2 : 4;2.2 在不相邻的多个整数中产生一个随机数结合函数参数数组，可编写在不相邻的多个整数中产生一个随机值的函数unction selectFromMess() {r...
2019-10-05 19:59:17
1188
原创 学习Sass(Scss)的一次经历
成熟、稳定、强大的专业级CSS扩展语言！在中国广告法里不让带“最”，“第一”这样的字眼，标题我就把最去掉了，但这句话确实让人震撼，它这么牛逼吗？那我们走近她，揭开她神秘的面纱，一窥她的芳容。这是文章的一条旁支先来看一道题:如何选中下面flex布局的最后一行https://jsbin.com/buwicapaji/edit?html,output<!DOCTYPE html...
2019-09-29 22:59:04
547
原创 JS事件委托，事件处理函数，冒泡捕获
JS事件委托JS事件委托，初学这个概念感觉它很神秘，随着多次接触，终于明白，它只不过是运用事件冒泡的底层原理实现的一个功能，事件委托是对这个功能的抽象。遇到一个场景，文档中ul标签下有若干li 给每一个li 绑定点击事件。有一种做法是，循环遍历所有li 分别给它们绑定上。这种做法的弊端是如果li很多几千几万……会消耗性能，还有就是动态添加的dom元素li的时候，后添加的无法绑定上点击事件。有一...
2019-09-23 21:41:58
245
原创 算法复杂度
前导知识点对数在数学中，对数是对求幂的逆运算。如果a的x次方等于N（a>0，且a不等于1），那么数x叫做以a为底N的对数（logarithm），记作x=logaN。其中，a叫做对数的底数，N叫做真数。在编写程序前，依据统计方法对算法进行估算。一个用高级语言编写的程序在计算机上运行时所消耗的时间取决于下列因素：(1). 算法采用的策略、方法；(2). 编译产生的代码质量；(3)....
2019-09-18 20:57:40
163
原创 HighCharts一个基于JavaScript的图表插件
HighCharts学习图表主要组成一般情况下，HighCharts包含 标题 （Title）、坐标轴（Axis）、数据列（Series）、数据提示框（Tooltips）、图例（Legend）、版权标签（Credits）等，另外还可以包括导出功能按钮（Exporting）等。Highcharts 基本组成部分如下图所示：1. 标题（Title）图表标题，包含标题和副标题（subTitl...
2019-09-12 17:58:57
256
1
原创 table表格布局
表格的标签组成HTML中的表格是由<table>为主体标签，浏览器会将该标签解释为一个表格。表格中的行使用<tr>标签进行定义。<tr>标签为<table>标签的子类，设置若干个<tr>标签可以将表格分割为若干个行。<td>标签用于定义表格的列，<td>标签为又是<tr>标签的子类，因此每个行都需要设...
2019-09-05 18:42:14
4083
原创 小程序组件化开发component
读文档很枯燥，我就先看了一遍别人运用component的视频，然后自己动手做。结果到处报错，页面一直呈现不出来。我有点香菇的感觉。后来，一点点的页面露出来了，回过头看看，又有些想笑，都是些弱智的问题。弱智一：在wxml里属性名用小驼峰在那里，导致页面不显示。你可能会说看报错信息，不好意思，错误地方太多，报错还没显示到它。注意：在 properties 定义段中，属性名采用驼峰写法（pr...
2019-09-02 14:31:35
277
原创 数学进制转换
这是一道自定义进制的试题这是分析过程自定义7进制，逢7进1。上表10进制对应下边他给出的七进制 1个1个对应。7就是进位了，第一位零对应表里f 上一权位对应1是c所以输出cf。传参 2017，又不在输入值1<=n<=10范围内，我检验一下2017如果没有按规律输出，我就把函数写做范围之外传值和它给出的2017传值一样。结果一检验，2017符合规则。这个题你不能写成10个数...
2019-08-30 13:30:35
862
原创 微信小程序自带脚本wxs
WXS 官方文档的内容WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。注意1 WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。2 WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。3 WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 4...
2019-08-28 09:01:48
4215
1
原创 JS中 时分秒补零的几种方法
时分秒补零的几种方法使用padStart(2,“0”);使用slice（-2）；使用if语句条件判断；使用三目运算符； function getDateString(date) { var year = date.getFullYear().toString().padStart(4, "0"); var month = (date.g...
2019-08-25 16:38:04
7646
原创 JS函数解题和Markdown流程图相遇
1 有一个数组，存放了一些数字，找出出现频率最高的数字var arr = [2, 3, 3, 4, 3, 4, 3, 2];var circleNum = 2;maxNum = arr[0];for (var i = 0; i < arr.length; i++) { if (arr.indexOf(arr[i]) === i && arr.indexOf(a...
2019-08-18 18:54:31
119
原创 正则在JS的应用
正则是用来描述字符串的一种模式（pattern），或者说规律。正则本身份两部分，一部分是模式，另一部分是修饰符（flags,或者叫标志位）。g 全局查找，globali 忽略大小写 ，ignoreCasem 多行匹配，multiline所谓多行匹配，就是说^和$,可以匹配行开头和行结尾，不在局限于整个文本的开头和结尾正则里量词 一些简写形式* 等价于 {0 ，} 即任意多个+...
2019-08-11 16:41:27
100
原创 bind，call，apply源码仿写
重源码！bind的源码实现bind 用法/特点1 函数A调用bind方法时，需要传递的参数O, x, y, z, ···；2 返回新的函数B；3 函数B在执行的时候，具体的功能实际上还是使用的A,只不过this指向变成了O || window ;4 函数B在执行的时候，传递的参数会拼接到x, y, z,···后面，一并传给A执行 ；5 new B() 构造函数依旧是A, O不起任何作...
2019-08-03 12:28:17
173
原创 CSS样式属性值的计算过程
浏览器CSS样式是 一个元素一个元素依次渲染，顺序按照页面文档的树形结构进行。渲染每个元素的前提条件是：该元素的所有CSS属性必须有值
2019-07-27 13:44:11
352
原创 css text-align-last设置末尾文本对齐方式
text-align-last：auto | start | end | left | right | center | justifyauto：无特殊对齐方式。left：内容左对齐。center：内容居中对齐。right：内容右对齐。justify：内容两端对齐。start：内容对齐开始边界。end：内容对齐结束边界。说明：用来设置一个块中的最后一行的对齐方式。只能运用于块...
2019-07-20 11:50:40
2694
原创 JavaScript属性描述符和它相关的函数
它是一个函数，在执行的时候小括号里放了一堆东西，还有个对象，一度我对它是个什么有了疑问。后台打印一下，放心了，它就是个函数，一个方法，JS底层的一个方法（函数）只供浏览器使用，在es5开放给了开发者。实际上，它们还叫做API，API的英文全称(Application Programming Interface)，虽然API也是函数，它还是有些特殊性的。它的参数里的对象，就是被叫做属性描述符的...
2019-07-12 23:11:24
69
转载 数组的常用方法
数组的常用方法改变原数组的方法splice() 添加/删除数组元素语法：arrayObject.splice(index,howmany,item1,…,itemX)参数:1.index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。2.howmany：可选。要删除的项目数量。如果设置为 0，则不会删除项目。3.item1, …, itemX：可选。向数组...
2019-07-06 22:14:52
53
原创 倒计时圆环小程序的canvas实现
效果图如下小程序官方文档一些 tipstip：同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作。canvas-id 是canvas 组件的唯一标识符，（若指定了 type 则无需再指定该属性）。我遇到的几个小问题我跟着别人的代码写的，写完不显示，后来发现canvas-id我写做了canvas...
2019-07-05 17:41:01
537
原创 JS几道题小结（预编译，对象重新赋值）
一 题目4 Math.max() > Math.min() 返回什么二 解答三 分析总结几道题，在控制台，分别把题目打出来，结果就可以看到。第一题是因为计算机是底层是用二进制运算的，十进制的小数部分为有误差，每次误差的结果还不一致，不仅JavaScript有，其他编程语言也有这样的情况。导致了第一题的显示，两个都是false。第二题是预编译过程，函数整体提升，变量名提升。自...
2019-06-26 18:18:50
176
转载 Visual Studio Code代码片段
我看到一个小程序代码，是仿天猫抽奖的跑马灯效果，为了熟悉vue.js 并且帮助记住这些代码的逻辑，我打算把它迁移到vue.js。可是就到了问题，（还是对vue.js不熟练，要多实际练习）你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑...
2019-06-02 15:03:03
258
原创 微信小程序里的block
1 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。2 因为wx:if是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用 标签将多个组件包装起来，并在上边使用wx:if控制属性。<block wx:if = "{{true}}"> <view> view1 </view> <...
2019-05-26 22:34:53
649
原创 Promise 笔记
Promise es6 构造函数 回调地狱 前情提要jquery的defer 下集预告JS的语法糖 generator Async一个 Promise 对象可以理解为一次将要执行的操作（常常被用于异步操作），使用了 Promise 对象之后可以用一种链式调用的方式来组织代码，让代码更加直观。Promise 对象有三种状态：Fulfilled 可以理解为成功的状态Rejected 可以...
2019-05-19 20:18:39
75
原创 border-radius
这里写自定义目录标题为了能做出右图的三个图形，这里用到了border-radius可以和border一样，分别写四个角，如下：border-top-left-radius: //左上角border-top-right-radius: //右上角border-bottom-right-radius: //右下角border-bottom-left-radius: //左下角分别是水平...
2019-05-11 21:10:59
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人