票票的博客

原创 window 7 系统怎么在 powerShell 中执行命令?

原创 如何修改文档 .text 的后缀名

修改文档后缀名

原创 下载 Visual Studio Code 编程开发软件

下载 Visual Studio Code

原创 react 中的 createRef，createContext，forwardRef

createRefreact 即将抛弃 <div ref = 'myDiv' />这种 string ref的用法，将来只能使用俩种方式来使用 refclass App extends React.Component{ constructor(){ this.ref = React.createRef() } render(){ return <div ref ...

原创 如何截取字符串 www.qdjhu.com 中的 qdjhu?

substr，返回一个从指定位置开始的指定长度的子字符串var str = 'www.qdjhu.com'var newstr = str.substr(4,5)split，根据匹配给定的正则表达式来拆分字符串，返回数组var str = 'www.qdjhu.com'str.split("www.")[1].split(".com")[0]...

原创 HTML5 的离线存储怎么使用？工作原理是什么？

原理：HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示如何使用：第一：页面头部加入一个 mainfest 的属性；第二：在 cache.mainfest 文件编写离线缓存的资源...

原创 页面导入样式时，使用 link 和 @import有什么区别？

link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义 RSS，rel 连接属性等作用；而 @import 是 CSS 提供的，只能用与加载 CSS.页面被加载时，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载import 是 CSS2.1 提出的，只在 IE5 以上才能被识别，而 link 是 XHTML 标签，无兼容问题。...

原创 面试题

react 中 super 有什么作用 ？如果不写，需要使用父类里面的属性或者方法时，运行代码会报错，访问不到 this如果写了，但是不传递参数，在构造函数（constructor）里面无法访问 this.props，但是在构造函数外依然可以访问import React, { Component } from "react";class Text extends Component {...

原创 vue 和 react 的区别

vue 的表单可以使用 v-model 支持双向绑定，相比于 react 来说开发上更加方便，v-model 是个语法糖，本质上和 react 写表单的方式没什么区别vue 修改状态相比来说简单，react 需要使用 setState 来改变状态，vue 底层使用了依赖追踪，页面更新渲染已经是最优的，react 需要手动优化。vue 使用模板语法，react 使用 jsx，...

原创 MVC 和 MVVM 的区别

mvc 和 mvvm传统的 mvc 架构通常是使用控制器更新模型，视图从模型中获取数据去渲染。当用户有输入时，会通过控制器去更新模型，通知视图进行更新，会造成控制器承担的责任太大，如果项目复杂的话，控制器中的代码会越来越臃肿，不利于后期维护。在 mvvm 架构中，引入了 ViewModel 的概念，只关心数据和业务的处理，不关心 view 如何处理数据，view 和 model 都可以独立出...

原创 React

组件的划分业务组件（每个功能对应的业务逻辑的划分）展示组件（列表，按钮，表单，……）容器组件（包装的盒子，页面组件）UI 组件生命周期render 的用法在 react 中有俩个 render，一个是组件内部的 render，一个是 react-dom 的 render组件内部的 render 用来返回一个虚拟 dom，在里面不能修改 state，只能读取虚拟 dom 是通...

原创 js 延迟加载的方式有哪些？

deferasync动态创建 DOM 方式按需异步载入 js

原创 jquery.extend 和 jquery.fn.extend 的区别

jquery.extend 是用来扩展 jQuery 对象本身jquery.fn.extend 是用来扩展 jQuery 实例jQuery 主要用于 pc 端，是操作 dom 的框架

原创 谈谈你对 Webpack 的理解

理解：webpack 是一款模块加载，资源打包工具.在安装 webpack 前，本地环境需要支持 nodejs优势：以commonJS的形式来书写脚本，对AMD、CMD的支持也很全面，方便旧项目的迁移能被模块化的不止是JS能替代部分grunt/gulp的工作，例如打包，压缩混淆，图片转base64等扩展性强，插件机制完善，支持React热拔插（react-hot-load...

原创 Socket

Socket 基于 http 协议，是网络协议。web1.0需要请求头，请求方式是 get , post客户端主动向服务端发送信息，基于三次握手建立连接(tcp协议)web1.1请求方式 option , head服务端会主动向客户端发送信息，全双工通讯，Java socketweb websocket应用场景：浏览器弹出的对话框原理服务端得到信息客户端发送内...

原创 支付流程

支付模式付款码支付Native原生支付原生支付即扫码支付，商户根据微信支付协议格式生成二维码，用户通过微信“扫一扫“扫描二维码后进入付款确认界面，输入密码，完成支付。JSAPI网页支付网页支付即公众号支付，可在微信公众号，朋友圈，聊天会话中点击页面连接，或者用微信“扫一扫”扫描页面地址二维码在微信中打开商户 HTML5 页面，在页面内下单完成支付。APP支付H5支付...