没沙发

原创 浏览器加载页面查找缓存步骤——强缓存与协商缓存的区别/Cache-control与Expires的区别/Etag与Last-Modified的区别/memory-cache与disk-cache的区别

浏览器加载页面查找缓存步骤图此图主要表现了查找缓存的优先级，前一项找不到后浏览器就会自动查找或进行下一步操作。

原创 React-Native集成本地服务器react-native-code-push@7.0.1/code-push-server/code-push-cli

默认条件是本地code-push的服务器已经搭建完成，只专注于客户端集成相关依赖版本"react": "16.13.1","react-native": "0.63.3","react-native-code-push": "^7.0.1",安装脚手架安装code-push-cli根据搭建的code-push-server版本安装npm i code-push-cli@2.1.9 -g登录在浏览器登陆后，将key复制粘贴即可登录成功code-push login.

原创 React-Native配置@react-navigation/stack@6.x——使用自定义导航栏/通用路由模块/统一切换效果

本篇文章所讲的内容均可以在这个库中查看hao-react-navigation，下载安装依赖即可运行相关依赖版本"@react-native-masked-view/masked-view": "^0.2.6","@react-navigation/native": "^6.0.2","@react-navigation/stack": "^6.0.7","react": "17.0.2","react-native": "0.65.1","react-native-gesture-hand

原创 在React Native的App中添加配置以支持能够从H5中唤醒(URL Scheme)

在React Native的App中添加配置以支持能够从H5中唤醒(URL Scheme)相关版本：​ “react-native”: “0.61.5”Android原生在AndroidManifest.xml中添加如下代码，如果已经存在了MainActivity就在里面添加。<activity android:name="com.xxx.MainActivity" android:launchMode="singleTask"> &

原创 ReactNative中android的常用命令

打包时强制清除 gradle 依赖缓存gradlew build --refresh-dependencies强制清除依赖缓存gradlew cleangradlew cleanBuildCache停止当前运行gradlew --stop

原创 adb常用命令/查看所有应用的包名packageName/根据包名查询应用详细信息

查看所有应用的包名adb shell pm list packages根据包名查询应用信息adb shell dumpsys package com.xxx.xxx

原创 Canvas学习笔记——学习使用Canvas做出炫丽的时钟或倒计时效果/小球掉落效果

是在慕课网上跟着这位老师的课程完成的——炫丽的倒计时效果Canvas绘图与动画基础Canvas倒计时效果预览图实现难点这个小动画中需要用到的Canvas知识和Api可以参考我的另一篇博文：Canvas学习笔记——Canvas常用API方法1、如何用小球把数字绘制出来我们把数字变为了一个里面只有0和1的数组，1就代表小球出现的位置。如下所示。将0-9十个数组组成的大数组命名为D...

原创 H5页面在浏览器中跳转APP的方式/URL Scheme/Universal Link

两种方式

原创 使用react-native-audio进行华为云语音交互服务(实时语音转写)大致流程

使用服务：华为云使用框架：socket.io1、 使用websocket与服务端交互举例：华为云-实时语音转写连续模式-websocket握手交互流程:握手成功——发出开始指令——传输二进制数据——接收文本数据——…——发出结束指令——握手结束2、websocket发送二进制数据websocket.binaryType = 'arraybuffer';webSocket.send(arrayBuffer);...

原创 CSS小技巧——画出可以自己调整间距长度的虚线/border dashed/linear-gradient

需求官方提供的dashed border画出来一直是一个样式，不能个性化定制虚线的长度以及间距，所以用这个方法画出可个性化定制的虚线。实现 background-image: linear-gradient(to bottom, red 0%, red 80%, transparent 50%); background-size: 3px 18px; background-repeat: y-repeatbackground-image中，linear-gradient的第三个参数可以

原创 webpack 引入未模块化的本地js / 引入Aliplayer和AliPlayerComponent

webpack引入未模块化的本地js/引入Aliplayer/AliPlayerComponent/script-loader/exports-loader

原创 webpack4.0构建多页面应用

目录结构编译前（源码)-build -utils.js //处理多个入口js路径和输出的多个html路径 -webpack.common.js -webpack.dev.js -webpack.prod.js-dist-node_modules-src -pages -home // 每个目录下文件的命名都要和目录一样 -home.html -home.js -home.less -home_subpage // 此页面下

原创 v-model如何在自定义组件中使用/子组件中的model选项

#子组件

原创 JS保留两位小数点的方法/可自定义小数点位数/超过需求的小数点位数时保留小数点，没超过的保留原值

num：需要保留的小数点位数roundFun(value, num=2) { if(!value) return 0; value += ''; if(value.indexOf('.')) { value = parseFloat(value); value = value.toFixed(num); return val...

原创 Vue-Router路由导航守卫与created/mounted的调用顺序

原创 IOS浏览器中axios被中断时可以被catch到，在web以及android不可以

axios发送请求时，当发生浏览器url跳转或者其他未知原因使得请求中断时，安卓以及web端使用Promise.prototype.catch()方法是捕获不到错误的，但是ios环境下的浏览器都可以捕获到。...

原创 uni-app遇到的坑以及注意事项

组件内引入图片要使用绝对路径。/static/...

原创 uniapp踩坑笔记——H5端打包之后页面空白/配置基础路径/相对路径

需求使用静态文件便可以访问项目，不需要部署到服务器上。遇到的问题

原创 获取当前时间的后一天/前一天或者后1小时/前1小时

重点就是在date2.setHours(date1.getHours() + 1)这一句比如需要月份的加减可以通过setMonth()/getMonth()等方法达到效果。一些例子当前时间往后一小时var date1 = new Date(); // Fri Jul 05 2019 11:16:00 GMT+0800 (中国标准时间)var date2 = new Date(date1...

原创 Canvas学习笔记——Canvas常用API方法

初始化Canvas画布var canvas = document.querySelector('#canvas');var context = canvas.getContext('2d'); // 之后的方法调用都是基于contextCanvas常用方法context.beginPath() ：开启一条新的路径。不一定要与closePath()配对，可以不关闭旧路径直接开启新路径...

原创 Weex学习笔记（二）——Vue与Weex的差异/Android与IOS与Web三大设备差异/踩坑记录

学习笔记（一）应该是讲Weex的安装的，但是目前我自己还没搞明白，还没装好Android Studio，所以暂时跳过。目前是跟着技术胖的视频教程（文字版）在了解Weex的开发语法之类的。Vue与Weex的差异点Weex为了兼容移动端，不支持除了Flex布局外的其他布局。CSS单位只支持px，且能实现自适应；除了px外的百分比、rem、em等都不支持。书写CSS属性时必须分开，Wee...

原创 IView-admin学习笔记——Login篇

IView-admin学习笔记——Login篇1.1、点击登陆按钮触发handleSubmit方法// @/view/login/login.vue handleSubmit ({ userName, password }) { this.handleLogin({ userName, password }).then(res =&amp;amp;amp;gt; { this.ge...

原创 vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法

vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法/正确安装vue-cli/vue -v出现版本信息

原创 pointer-events——用CSS属性禁掉元素上的点击事件，实现点击穿透

pointer-eventspointer-events | MDN禁掉元素上的点击事件。HTML&amp;amp;amp;lt;div class='container'&amp;amp;amp;gt; &amp;amp;amp;lt;button&amp;amp;amp;gt;can't click me&amp;amp;amp;lt;/button&amp;amp;amp;gt; &amp;amp;amp;lt;div cla

原创 《Node入门》学习笔记

图书地址：《node入门》实现文件上传功能1、/start页面实现图片上传，点击按钮跳转到/upload。2、/upload页面处理图片，把图片重命名并重新放置到./tmp/test.png，展示/show。3、/show页面展示./tmp/test.png有些代码注释是因为之前实现的是上传文字功能，且没有使用formidable插件，所以自己处理数据包。后面的图片上传功能使用...

原创 ES6/Commonjs/AMD的模块引用方式区别

Commonjs：（使用于服务器端，同步加载）模块定义与加载：// foo.jsmodule.exports = function(x) {console.log(x);};// main.jsvar foo = require(&amp;amp;amp;amp;quot;./foo&amp;amp;amp;amp;quot;);foo(&amp;amp;amp;amp;quot;Hi&amp;amp;amp;amp;quot;);AMD：（适用于浏览器

原创 学习笔记——Vue的组件化之notification组件/Vue.extend()

学习笔记——Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲一、把组件的内部结构写好，写成一个vue文件notification.vue。二、全局设置组件属性。//如果后面不需要直接引入组件的方式调用，可以不用全局注册index.js中一般写的是需要全局设置的属性。import Notification from './notification.vue';exp...

原创 关于webpack配置devSever，IP地址的外部设备访问（有关127.0.0.1与localhost与0.0.0.0与本机ip的区别）

127.0.0.1与localhost与0.0.0.0与本机ip的区别localhost也叫local ，正确的解释是：本地服务器127.0.0.1在windows等系统的正确解释是：本机地址(本机服务器)他们的解析通过本机的host文件，windows自动将localhost解析为127.0.0.1localhot(local)是不经网卡传输！这点很重要，它不受网络防火墙和网卡相关的的...

原创 Flex布局和Box布局的区别以及兼容性

flex布局和box布局的默认值区别1、box布局与flex布局仅有的几个属性表现一致的：1、box-orient: horizontal | vertical== flex-direction: row | column // 决定主轴方向，默认值都是横向2、box-pack: start | end | center | justify== justify-content: fle...

原创 Vue-router学习笔记——遇到的坑（一）history模式刷新/设置嵌套路由显示404/cannot find（webpack配置）

前端路由有两种，一种是hash模式，一种是history模式。这两种模式的url路径都不需要真实存在，只需要为前端跳转做一个显示。hash模式的url路径会带有#，看起来不太舒服且不好做SEO，但是因为浏览器向服务器请求时会自动忽略#后面的值，所以在浏览器中刷新还是很正常的。history模式的url路径就像我们平常看到的那样，就是因为看起来很像真的，所以浏览器向服务器请求（也就是刷新）...

原创 Vue-Router路由导航守卫调用顺序（带图）

Vue-Router导航守卫调用顺序

原创 FIS3官方文档学习

FIS3学习针对公司项目的配置文件学习FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。文章目录FIS3学习FIS3：glob常用规则捕获分组特殊用法（类CSS伪类）配置配置接口`fis.set(key, value)``fis.get(key)``fis.match(...

原创 Number()\parseInt()\parseFloat()的用法与区别

相同之处：都用于把非数值转换为数值。1、true转换为1，false转换为0。2、不包含任何数字的字符串或开头不是数字的字符串，转换为NaN。3、undefined转换为NaN。不同之处： 使用方法/传入值 null "22.21.12" "22.1" "1234blue22"...