constructor() { super(...arguments) this.state = { selected: 0 } } handleSelectBtn() { let mark = !this.state.selected this.setState(() => { return { selected: mark }; }); } <View onClick={this.handleSelectBtn} className={`radio ${...

规范 BEW指 块（block），元素（element），修饰符（modifier）。 __用来连接B和E 。 _用来连接B和M，E和M，如 search__btn_active。 -用来连接含多个单词的B或E或M。 示例 块：例如搜索框块，log的块，菜单块 search块，用search和元素(ipt、btn)连接 <ul class="search"> <input class="search__ipt" /> <button class="search__btn"> &...

1、回调函数 封装了异步操作的函数接受一个匿名函数作为参数，当异步操作执行完后调用这个传递进来的匿名函数； function getData(callback){ setTimeout(() => { let name = 'xxx' callback(name) }, 1000); } getData((d)=>{ console.log(d) }) 缺点：容易出现多层的嵌套，例如ajax请求来的数据作为下一个ajax请求的参数，一个异步完成的结果作为另一个异步操作函数的参数 getData('XXX1', () => { // c...

router.get("/news/:aid", async (ctx) => { console.log(ctx.params, 'ctxxxxxxxxxxxxxxxxxxxxx') ctx.body="news detail" }); 请求一下 localhost:5000/news/111 可以看到在ctx.params种有动态路由带的参数

constructor() { super(...arguments) this.state = { bgShadow: false, skuPop: false } } handleClickBtn() { this.setState(() => { return { skuPop: !this.state.skuPop, bgShadow: !this.state.bgShadow } }) } 点击相应的按钮触发handleClickBtn给添加样...

1、获取两层数组循环索引，外层索引作十位数，内层索引作个位数，生成一个一维数组 2、再通过两层索引拼成的字符串同生成的数组中的索引作对比 className={`sku__item ${(index + '' + indes) === selectedSku[index] && "sku__item_active"}`} 完整代码 import Taro, { Component } from '@tarojs/taro' import { View, Image } from '@tarojs/components' import NumberBo...

app.js const koa = require("koa") const koaBody = require('koa-body'); const app = new koa() const router = new Router(); app.use(koaBody({ multipart: true })); const uploadImg = require("./routes/api/upload-img") router.use("/api", uploadImg); app.use(cors()); ap...

代码比白话更容易解释了… Array.prototype.myReduce = function (f, value=0) { for (let i = 0; i < this.length; i++) { value = f(this[i], value) } return value } let data = [4,8,15,16,23,42] let add = function (a,b){ return a+b } let sum = data.myReduce(add) console.log(sum ,'----')

animation 实现一个旋转鼠标放上暂停 https://codepen.io/bb798sky/pen/KOeEZE animation 八个属性 animation: name duration timing-function delay iteration-count direction fill-mode play-state; 值 说明 animation-name 指定要绑定到选择器的关键帧的名称 animation-duration 动画指定...

transition四个属性 transition: property duration timing-function delay; 属性 描述 transition-property 指定过渡的属性比如 width height transform transition-duration 过渡时间 单位可以是s ms transition-timing-function 指定过渡曲线linear( 匀速（等于 cubic-bezier(0...

文章目录 transform语法 坐标轴说明 2D变形函数 3D变形函数 transform-origin属性 transform语法 transform: none|transform-functions [transform-functions]* ; 可以有多个变形 坐标轴说明 z轴是垂直屏幕指向我们的 https://codepen.io/bb798sky/pen/MNPedL 拿x、y、z旋转示例 可以从这个例子看出 rotateX 是屏幕水平轴旋转...

文章目录 a) Sass 中的混合宏使用 @mixin b) Sass 中继承@extend c) 占位符@extend 继承 % a) Sass 中的混合宏使用 @mixin @mixin mt($var){ margin-top: $var; } .block { @include mt(5px); span { display:block; @include mt(5px); } } .header { color: orange; @include mt(5px); ...

JavaScript 严格模式（strict mode）即在严格的条件下运行。 使用 “use strict” 指令 “use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。 支持严格模式的浏览器: Internet Explorer 10 +、 Firefox 4+ 、 Chrome 13+、 Safari 5.1+、 Opera 12+ “use strict” 的目的是指定代码在严格条件下执行。 严格模式的限制 不允许使用未声明的变...

css2.x 属性 描述 none 此元素不会被显示 block 此元素将显示为块级元素，此元素前后会带有换行符 inline 此元素会被显示为内联元素，元素前后没有换行符 inline-block 行内块元素，既有宽高是内联 list-item 此元素会作为列表显示 示例：https://codepen.io/bb798sky/pen/PMLzvY table ...