sinat_38728634的博客

原创 泛型 箭头函数写法

let dfgdfg=<T extends {}>(x:T):T=>{return x}

原创 iframe window

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。window.self：是对当前窗口自身的引用。它和window属性是等价的。注：window、self、window.self是等价的。window.top：返回顶层窗口，即浏览器窗口。注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。window.parent：

原创 ts函数定义方式

let fn1:{():number}=function():number{return 1}//使用带有调用签名的对象字面量来定义函数let fn2:()=>number=function():number{return 1}

原创 react-native

sudo gem install cocoapods解决上面cocoapods version的问题。pod install 解决上面的报错。pod install之前要执行sudo gem install cocoapods，这样能避免第一个截图中的报错。

原创 外部网页或者app中的网页直接跳转到微信的某个小程序

<a href="javascript:window.location.href='weixin://'">打开微信1</a> <a href="weixin://">打开微信1</a>微信接口：weixin://dl/business/?ticket= 调用以下接口weixin://dl/scan 扫一扫weixin://dl/feedback 反馈weixin://dl/moments 朋友圈weixin://dl/settings 设置

原创 mac终端显示某个文件的完整路径

mdfind -name “文件名”

原创 node静态服务器

var url = require('url');const express = require('express')const path = require('path')var fs = require('fs');const app = express()//多个app.use执行顺序：从上往下执行，找到request中url中文件之后，后续use不再执行，// 如果没有找到就一直往下执行知道找到为止。express.static是确定整个静态资源存放的位置(根目录),index.ht

原创 小程序二维码

小程序开发者工具中编译的时候场景值是1001，通过编译工具中的预览二维码扫码的话场景值也是1001。扫码体验版二维码场景值是1017

原创 git revert

commit1 最久的commitcommit2commit3commit4 最新的commit如果commit1和commit2是修改的相邻两行的代码时，git revert commit1时是会产生冲突的，产生冲突的地方是commit1和commit2提交的相邻两行的代码。如果commit1和commit2是修改的不是相邻两行的代码时，git revert commit1时不会产生冲突，会直接单独把commit1的提交撤销掉，而不commit2、commit3、commit4的提交还在，不受影

原创 小程序联动滚动

小程序中的联动滚动可以使用scrollview中的滚动事件绑定wxs中的事件，在wxs中处理另一个联动的元素滚动，另一个元素要通过定位中的left或者top来实现滚动而不能使用scroll-view，因为wxs中没办法拿到另一个scroll-view中的属性，只能通过setStyle来设置。scroll-view如果没有设置scroll-x或者scroll-y的话，scroll-left和scroll-top即使有值也是无效的...

原创 componentwillreceiveprops触发时机

父组件更新，会触发子组件的整套更新生命周期，即：componentWillReceiveProps、componentDidUpdate。但是如果子组件内部setstate的话，只会触发子组件内部的componentDidUpdate，不会触发子组件的componentWillReceiveProps。componentWillReceiveProps只有props改变时才会触发，内部的state变化不会触发。...

原创 输入框只能输数字

/^\d{0,7}(.\d{0,2})?$/.test(value)

原创 React route

route中的component属性是接收函数、字符串、class的，component渲染出来的组件能直接在组件中拿到this.props中的路由等信息。render是接收组件的，要加标签符号，render渲染出来的组件this.props是个空对象，拿不到路由等信息，需要使用import { withRouter } from 'react-router-dom’中的withRouter包一下，就能在this.props中拿到路由等信息了。react-redux中的connect包之后的组件thi.

原创 官网nextjs服务端渲染本地环境端口配置

原创 viscode webpack调试配置

{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [

原创 小数点逗号格式化

const formatAmount = (amount) => { if (amount) { return (amount < 0 ? '￥ -' + Math.abs(amount).toFixed(2) : '￥ ' + Math.abs(amount).toFixed(2)).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g, '$1,'); } else { return '￥ 0.0

原创 原型链中的__proto__和prototype

对象(实例，通过new关键字生成)只有__proto__属性，默认指向生成该对象的构造函数的prototype，只有构造函数或者说函数有prototype属性，又由于万物皆对象，所以函数也可以认为是一种对象，所以构造函数也会有__proto__属性，函数可以通过 内置的 JavaScript 函数构造器Function(){}生成即new Function(){}，所以构造函数的__proto__属性等于Function.prototype。Function.prototype是一个对象(一般为空对象{}

原创 函数作用域

https://www.jianshu.com/p/10366cfe6acf函数执行时所在的作用域，是定义时的作用域，而不是调用时所在的作用域。例子：var x = function () {console.log(a);};function y(f) {var a = 2;f();}y(x)// ReferenceError: a is not defined相反，普通函数的this总是指向他的调用者，箭头函数的this指向定义者。 script标签下使用let 全局生命的变量存在于

原创 浏览器解析html过程

css加载不会阻塞html的解析(DOM树的构建)；css加载会阻塞DOM树的渲染(页面会有某些DOM节点但是不会给dom节点添加样式继而不会渲染在页面上)；css加载会阻塞后面js语句的执行；如果js前有css文件，那么css会阻塞后续js的执行，由于js会阻塞html的解析，从而会出现css阻塞html解析的假象。...

原创 React单页面路由使用的好处

单页面路由的好处是，使用Link标签路由跳转时，不会重新触发包含路由组件的父组件的componentdidmount事件，即不会使父组件(单页面的根组件app.js这个组件)重新加载，只会触发父组件的componentwillreceiveprops，但是每个路由组件的componentdidmount每次切换都会重新触发，使用a标签不能达到link标签的效果，a标签会触发父组件的componentdidmount...

原创 webpack按需加载打包

https://www.cnblogs.com/joyco773/p/9051401.html

原创 f2-wx

折线图对比，需要通过下面代码中的color(‘type’)来进行区分，否则不会出现双折线图，type是两组对比数据中的属性，例如一组type为本期，另一组type为上期 chart.line().position('day*value') .color('type',[ '#FF8478', "#3FA9FF"]);如果只有一组数据，不存在对比，可以通过chart.source()中的alias来将纵坐标的属性设置别名：https://f2.antv.vision/zh/examp

原创 input格式化金额，只能输入金额

export function validityAmount(amount) { amount = amount.replace(/[^\d-.]/g, '') amount = amount.replace(/^\./g, '') amount = amount.replace(/\.{2,}/g, '.') if (/^(-)?\d{9,}/g.test(amount)) { amount = amount.match(/(-)?\d{1,8}/g)[0]

原创 微信include

roomStautus.wxml：include引入的文件可以不使用template标签包裹，而import需要

原创 Element.getBoundingClientRect()

Element.getBoundingClientRect()

原创 子元素设置fixed层级zindex对比

两个设置有定位属性的父元素，其子元素都是使用fixed，虽然fixed定位是根据浏览器窗口定位的，但是两个子元素之间的层级关系zindex的对比是根据父元素进行对比的，即使某一个子元素的zindex设置非常大，如果该子元素的父元素的zindex很小的，那么该子元素的层级依然无法超越另一个父元素zindex设置很大但子元素zindex很小的元素的层级。如果两个父元素都没有定位属性，那么才会轮到子元素自身的zindex的对比。...

原创 combineReducers

可以在子reducer中使用combineReducers，把子reducer中的多个reducer合并，然后再在最外层通过combineReducers处理子reducer（被combineReducers处理过的），即combineReducers可以嵌套combineReducers，combineReducers中的key值就是对应key值后的reducer函数中return的state，如果return的是个对象，那么这个key对应的就是对象，如果return的是字符串或者数值，那么key就是字符

原创 react中在render中添加style标签

1.2.

原创 react中插入script标签

生成结果：

原创 webpack环境变量

NODE_ENV不是process.env对象上原有的属性，它是我们自己添加上去的一个环境变量，用来确定当前所处的开发阶段。一般生产阶段设为production，开发阶段设为develop，然后在脚本中读取process.env.NODE_ENVhttps://www.jianshu.com/p/c8f9c61c2f20https://www.jianshu.com/p/c2dd8558539d...

原创 前端JS判断页面是在pc端还是移动端打开方法

https://blog.csdn.net/fangyuwuzhu/article/details/85125033

原创 react中请求json文件

原创 nextjs

重写_app.jsimport React from "react"import App from 'next/app'import '../assets/reset.less';import '../assets/header.less';import '../assets/footer.less';import '../assets/banner.less';import '../assets/default.less';export default class MyApp extend

原创 nginx

退出nginx vi： shift+q,输入q，回车

原创 小程序catchtouchmove="true" 事件导致页面不能滚动

https://developers.weixin.qq.com/community/develop/doc/000aacfbac8e002f14e6451915b400弹窗元素设置catchtouchmove="true"目的是为了阻止弹窗滚动的时候 会带动外层页面的滚动，但是如果弹窗元素设置了该属性，弹窗内的自己写的overflow:auto就会失效，这时不能用自己写的overflow，要改...

原创 this

let a = function(){console.log(this)}a()a内部的this是window，

原创 webpac多页面打包（本地环境）

1：2.3多个htmlplugin，htmlplugin中的chunks、filename必须与entry中的数据组中的顺序一样，即：entry中的第一个入口文件是app1.js，那么第一个htmlplugin中的chunks和filename必须是app1、app1.html，否则本地跑起来之后会白屏4避免build之后报错Cannot read property ‘filte...

原创 offsetTop往上找一直找到body

``` let ele = document.getElementsByClassName("room_show_cell")[0] let eleP = ele.offsetParent let dir = 0 while (eleP) { dir = ele.offsetTop + dir ele = eleP ...

原创 offsetTop的父级元素

offsettop的offsetparent是最近的设置了定位属性的父级元素，如果父级元素都没有定位属性，那么offsetparent就是body并不是html标签。offsettop是指元素到设置有定位属性的父级元素(offsetParent)的距离，如果没有定位属性的父级，那么就是到body标签的距离，并不是到html标签的距离，如果body是某元素的offsetparent，那么html...

原创 小程序的wxs标签

如果有src的话，那么闭合标签内部就不能写任何东西，否则微信小程序会报错。src的左右相当于把其他的.wxs文件引过来同时给该wxs标签对外暴露属性。require只能在.wxs文件或者wxs闭合标签内部使用，require与src的区别在于只能将其他wxs模块引过来，并不能给该wxs模块对外暴露属性，需要手动module.exports={}给该wxs标签暴露内部属性。//src能直接将引...