10 2021 档案
摘要：记录： 关于这个app,我去找了下资料，了解到的是可以用webrtc技术来实现，以下是我的见解 1、webrtc是网页实时通信(Web Real-Time Communication)，这个技术支持网页浏览器进行实时语音、视频对话，可以共享屏幕、发送文件等。 2、对于app，我的想法是： ①如果用【
阅读全文
摘要：1.执行上下文/闭包/作用域链 2.this/call/apply/bind 3.原型/继承 4.Promise 5.深拷贝/浅拷贝 6事件循环机制 7函数式编程 8.es6=》7、8、9 vue 框架 跨域=》多框架多解释 生命周期的执行都在执行些什么 双向数据绑定原理 状态管理 组件通信 虚拟节
阅读全文
摘要：参考连接：https://blog.csdn.net/qq_36451496/article/details/100163017 密码输入框的一些问题 1.js代码(有错) <input type="password" id="psw" name="Psw" onChange={this.handl
阅读全文
摘要：uniapp page.json { "pages": [{ "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } }, { "path": "pages/message/message", "style":
阅读全文
摘要：时间选择器 DatePicker 前言 最近做了需要用到时间选择器的项目，用到了DatePicker，特此来记录下 首先先贴出官网连接： ant Mobile:https://antd-mobile-doc-v2.gitee.io/components/date-picker-cn/ antd:ht
阅读全文
摘要：去除数组中的空元素 record = record.filter(function(n){return n})
阅读全文
摘要：创建固定长度的空数组 let record= Array(3).fill('')
阅读全文
摘要：修改数组的某个值 不要在原数组上改 如果只是简单的单纯数组，就用 slice 浅拷贝一下再改， 如果是对象数组，就用 let two_brand = one_brand.map(o ⇒ Object.assign({}, o)) 的方法 深刻拷贝一下再改。 用深拷贝或浅拷贝保证了元数据不变 浅拷贝代
阅读全文
摘要：表单提交信息验证时机 1、表单修改的时候验证一次 2、表单提交的时候再次验证 代码（部分） constructor(options) { super(options); this.state = { WorkId: '',//工号 ValidateWorkId: { len: 6, validate
阅读全文
摘要：时间相关 1.获取当前时间 const nowTimeStamp = Date.now();//1626058612777当前时间戳 const now = new Date(nowTimeStamp);//Mon Jul 12 2021 10:57:17 GMT+0800 (中国标准时间) {}
阅读全文
摘要：#表单提交 代码片段 handlerSubmit = (e) => { e.preventDefault();//阻止表单提交 // 1.表单校验 this.validateName()&&this.validateMail()&&console.log(1) // 2.表单提交到后台的ajax请求
阅读全文
摘要：测试邮箱格式 html react 部分代码 // 初始化数据 constructor(options) { super(options); this.state = { Mail: '',//邮箱 ValidateMail: { validate: true,//是否正确 msgWrong: '请
阅读全文
摘要：表单获取输入值方法 代码节选 用name绑定 // 获取表单的值 并传给state handlerChange = (e) => { this.setState({ [e.target.name]: e.target.type 'checkbox' ? e.target.checked : e.ta
阅读全文
摘要：#单选 html(react） 代码节选 constructor(options) { super(options); this.state = { IsAdmin: true } } <input type="checkBox" id="isAdmn" name="IsAdmin" onChang
阅读全文
摘要：下拉框 一、html+react基础版 部分代码 // 初始化数据 constructor(options) { super(options); this.state = { Province: 1 } } // 获取表单的值 并传给state handlerChange = (e) => { th
阅读全文
摘要：react初学练手五子棋 一、项目说明 先贴一个官方连接：https://react.docschina.org/tutorial/tutorial.html 1.被白棋普通规则，三点一线获胜。 2.记录下棋的历史步骤，且可点击回退到某一历史脚步。 3.每次给出提示：下一个谁出子。 4.在游戏历史记
阅读全文
摘要：#利用npm的某个包和jq生成二维码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：uniapp也有生命周期 一、前言 在写uniappAPP时，想要每次打开app都显示一段提示信息，因此了解到uniapp整个app的生命周期，特此做个笔记。 先贴个官网： 应用生命周期：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=
阅读全文
摘要：关于wap2app的一些增强 前言 最近在把做好的react项目用wap2app转成app，发现在HBuilder端还是有些地方需要修改的。特此做个笔记 先贴出官网：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/13425 s
阅读全文
摘要：svn使用 https://www.runoob.com/svn/tortoisesvn-intro.html
阅读全文
摘要：退出app操作 componentDidMount() { //plusPredy准备工作 用于监听首页退出事件 if (window.plus) {//当有plus时，直接plusPredy this.plusready.bind(this)() } else {//当没有plus时，要先创造pl
阅读全文
摘要：检验公用方法模板示例 validate.js 方法.js代码 // 验证唯一 list的key值是否包含val list[key]包含val? function validateOnly(key, val, text, list) { for (let i = 0; i < list.length;
阅读全文
摘要：react组件方法传递 组件.js 代码部分（完整） import React, { Component } from 'react' import '../assets/fonts/iconfont.css'//图标样式 import '../assets/styles/boxList.less'
阅读全文
摘要：下载iconfont到项目 零、前言 当我们做项目时，往往会需要用到一些小图标，而这些小图标，经常是去iconfont里找，下面简单介绍下如何把iconfont下载到自己的项目。 首先贴出iconfont官网网址： https://www.iconfont.cn/ 一、在普通项目的使用方法 1、打开
阅读全文
摘要：plus app 的缓存 storage 前言 最近做了一个app,利用到了h5+API的storage缓存，特此来记录 在写例子之前，先贴出官网连接：https://www.html5plus.org/doc/zh_cn/storage.html 一、存缓存 要plusready plus.sto
阅读全文
摘要：https://github.com/shuiche-it/cnblog-mouse
阅读全文
摘要：JSON格式 零、前言 最近在最一个从手机读写文件的app,当我把数据写到文件中，发现JSON格式很不乐观，于是，来做个笔记 开始之前，先把JSON.stringfy官方用法文档奉上：https://www.runoob.com/js/javascript-json-stringify.html 一
阅读全文
摘要：plus.io 文件内容获取、修改 零、前言 最近在做一个需要对手机文件进行获取和修改的app,用到了h5+的plus.ioAPI,特此记录 一、文件在手机中的地址 https://www.cnblogs.com/biuo/p/15419167.html 二、文件获取 1.需要获取文件的页面.js
阅读全文
摘要：用json文件做下拉框的内容和值 一、前言 最近在做一个app，里面有个表单，用到了下拉框，而下拉框的值和内容，按照常理说，是从服务器下载的，但是我这个app比较特殊，暂时不联网，且下拉数据固定，所以，下拉数据存放于json文件中。 下面介绍我这个app的下拉框制作代码 用到的组件：antdesig
阅读全文
摘要：app隐私提示（改为首次下载APP的提示信息） 一、前言 最近写了一个h5+APP,想要在用户每次打开APP时跳出一段重要的提示语。但是。基于我的app是用react加h5+写的，所以我也不知道这种效果怎么做。 后来了解到，h5+app有一个隐私提示功能，即在用户第一次下载打开app时，会弹出的一个
阅读全文
摘要：plus.io 文件的存储路径 前言 最近做用react、h5+技术的APP项目，使用到了plus.io的API去获取文件，并修改文件内容。 现对文件的存储路径做个笔记。 沙盒原则与根目录模式 1.沙盒原则 符规范 但不好找 文件存储在app的文件夹内。应用卸载时，文件也会被删除。很危险。 文件的地
阅读全文
摘要：关于BrowserRouter和HashRouter的选择 选择Hashrouter,是因为打包不会出错，但是在使用时，要加上#。如【HTTP://111.111.111.111/#/index】
阅读全文
摘要：1.必填 页面.js（核心代码 非完全） //引入检测方法 import validate from '../utils/validate.js'//方法：验证填写信息 //填写规则 const rules = { name: { rule: /\S/, info: "*机床名字必填" }, ip:
阅读全文
摘要：原文链接：https://www.jianshu.com/p/7ad7ab2745af react路由带值跳转 一、params传参 1、在路由配置中以/：的方式评接参数标识 2、在路径后面将参数评接上(/参数) 3、在被跳转页使用this.props.match.params.xxx(此处为id)
阅读全文
摘要：原文连接：https://blog.csdn.net/weixin_45540478/article/details/114378389 react路由跳转不刷新 1.路由页面 2.组件页面
阅读全文
摘要：url传递参数 url的加码和解码 encodeURI decodeURI 加码 encodeURI const sendData = { boxId: this.state.boxIdMessage[0].boxId, flag: "add", from: 'boxMessage' } let j
阅读全文
摘要：把react打包成app的方法以及app打包下载 一.关于react代码如何运行为APP（测试） 1.先用手机开启网络共享 将电脑和手机连接在同一网段 2.运行代码 获取地址 http://xxx.xxx.xxx.xxx，例如我的是http://192.168.42.103:3000 3.在vsco
阅读全文
摘要：原文链接：https://blog.csdn.net/bbsyi/article/details/78781826 build 之后文件很大 webpack打包时要添加NODE_ENV,并且将devtool:'eval-source-map',去除，不然build出来的js特别大，source ma
阅读全文
摘要：原文连接：https://www.cnblogs.com/nuister/p/12496570.html build 出现空白页解决办法 项目执行npm run build后，将打包后的build文件放到 Nginx 配置中。 如果 react-router 路由 使用了 history 模式（即）
阅读全文
摘要：Hbuilder WebView 关于APP中的页面返回问题 plus.webview 前言： 最近在做一个react+ant+H5app的APP应用项目。 众所周知，应create-react-app脚手架创建出来的是单页面项目。 在浏览器中，页面通过react-router-dom进行组件渲染，
阅读全文
摘要：1.价格保留两位小数 wxs 2.跳转页面--单纯页面和导航页面 3.左右滑动和循环嵌套 1.设计左右id并画出界面 2.左侧点击事件：用自定义属性myid获得数字id，并赋值给leftid用于绑定左侧id，赋值给rightid用于绑定右侧id，赋值给leftActiveNum用于修改左侧样式。 3
阅读全文
摘要：原文连接1：https://segmentfault.com/a/1190000019357253 原文连接2：https://www.jianshu.com/p/5bed07073ddd create-react-app 多页面 方法1 https://github.com/maoguijun/m
阅读全文
摘要：原文连接：https://blog.csdn.net/changliangwl/article/details/82703251 js自定义监听事件及触发 <html> <body> <input id="input" > <button onclick="myEvent()">myEvent</b
阅读全文
摘要：原文连接：https://blog.csdn.net/debruyne/article/details/70313371 一、获取url内容 //设置或获取对象指定的文件名或路径。 alert(window.location.pathname); //设置或获取整个 URL 为字符串。 alert(
阅读全文
摘要：原文连接：https://www.jianshu.com/p/b4874462916c 在react中定义、使用全局变量 1.定义 新建一个js文件，写如下代码，定义全局变量 #例如起一个文件名为globalData.js global.全局变量名称= { aaa:'111', bbb:[]', }
阅读全文
浙公网安备 33010602011771号