uniapp长按语音描述功能 在工作的时候还是会用到的一个功能。长按语音描述会弹出正在录音的弹窗,上划一段距离会取消录音 并提示取消录音,录音完成当前的内容会变成微信能播放的状态 播放倒计时秒数 下面是效果图 可根据自己的样式需求去改变......
uni-app uni-app是一个使用vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。(uni-app官网)uni-app特点开发成本低 省时间 跨平台uini-app使用vue的语法+小程序的标签和API开发规范页面文件遵循Vue 单文件组件 (SFC) 规范 组件标签靠近小程序规范,详见uni-app 组件规范 接口能力(JS API..
小程序-云开发 1.cloudfunctions目录右键新建云函数2.创建的云函数,右击上传并部署(每次更改云函数的内容都要更新)3.调用云函数wx.cloud.callfuncton({name:"",//名称data:""//数据}).then(res=>{}).catch(err=>{})4. 课在云开发-数据库中创建自己要用的数据库调用数据库// 获取数据库db = cloud.database();获取数据集合table=db.collection("me
react-百度地图 1.黑窗口安装npm i react-bmapgl -S2.引入js 在public/index.html<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak"></script>3. 引入组件import {Map, Marker, NavigationControl, InfoWindow,Polyline,Polyg.
react-reactHook-路由-路由props reactHook:usestate使用状态state模拟class组件的stateuseEffect使用副作用(模拟生命周期)useRef引用domuseCallback 使用回调缓存 执行一个函数useMemo使用缓存 返回一个函数useLayoutEffect 视图发生变化useReducer 集中数据管理器 (模拟reduce)useContext 使用上下文(跨层级传参)createContext 创建上下文useState使用状态const [n.
react---表单双向绑定---组件---子父传参案例 表单双向绑定import React, { Component, createRef } from 'react'export default class App extends Component { constructor(props) { super(props); this.state = { msg: "你好啊,小朋友" }; // 创建一个dom引用 this.inpRef =
react React是一个用于构建用户界面的javaScript库。安装react步骤:步骤一:打开黑窗口步骤二:全局安装react步骤三:创建项目 myreact是自己起的项目名,可以是要起的名字步骤四:cd myreact (切换到自己的项目)步骤五:npm start (打开项目)jsx(javascript混合xml(html)语法格式)目的:更好的在javascript中写html模板特点:1. 只有一个根节点2. {} 写javascript3.
Webpack webpack是一种工具,能打包js应用程序,可扩展许多不同的静态资源。webpack关心性能和加载时间,不断改进或添加新功能。(从v4.0.0webpack可以不用再引入一个配置文件)特点:处理资源管理 分割代码 灵活 插件多核心概念:入口(entry)(使用哪个模块,来作为内部依赖图的开始,默认值是./src/index.js,在webpack configuration中配置entry属性,指定一个或多个不同的入口起点。)(常用场景:分离app和第三方入口) 输出...
js实现放大镜效果 效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #small { width: 480px; height: 270px; position: absolute; left: 100px; top: 100px;..
echarts柱形图添加工具箱渐变和圆角 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #container{ width: 1200px; height: 800px; } </style> </head> <body> &...
深拷贝浅拷贝的方法 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var obj1 = { name: "mumu", age: 18, friend: [ ".
前端必背面试题15道 1.什么是闭包?应用场景 闭包就是函数嵌套函数的特殊形式:1.函数作为参数被传入 2.函数作为返回值被返回 闭包其实也是自由变量的特殊表现形式:1.自由变量:没有在当前作用域声明的变量 2.自由变量的值和作用域是在函数定义的时候去欸的那个,不是在函数执行的时候确定 优点:1.可以变量私有化,避免变量的全局污染 2.自由变量值,存储在内存中不会...
js动态显示时间 结果:这是html<div id="onetime></div>下面代码是代码js//获取dom节点让时间显示到网页上var onetime = document.getElementById("onetime");//时间函数function times() {//实例化时间 var time = new Date();//获取年 var n = time.getFullYear();//获取月 var y = time.getM...
echarts实现简单图表案例 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #container{width: 800px;height: 600px;} </style> </head> <body> <div id="cont...
cmd常用命令 打开第一种方式1.Win键+R打开运行2.输出cmd按回车第二种方式1.任意的窗口地址栏2.输出cmd按回车切换盘符盘名加冒号(如:d: e:)查看当前文件夹内容 dir切换命令 cdcd / 切换到根目录cd aa 切换到某个文件夹cd ../ 切换上一级目录cd 路径 切换到某个目录命令历史记录按上下键提示: 文件名前几个字母+tab键删除rd 文件夹名 删除空文件夹del 文件名 删除文件de...
关于vue生命周期 上面这张图也是生命周期顺序ps(这是在网上找的图看着写的不错就拿来用了,嘻嘻)<template> <div> <h1 >Vue的生命周期钩子函数</h1> <!-- vue的一个组件从创建到销毁会经历一系列特定步骤,称之为声明周期--> <!-- 特定步骤执行的回调函数,生命周期钩子函数 --> <!-- 4大类 8个特定步骤 创建前后 挂在前后,更新前后,销毁前后 --&...
npm常用命令 初始化项目: npm init npm init -y安装命令产品环境安装(运行依赖(发布)):npm install 包名npm install 包名 --save(将模块安装到项目目录下,在package.json文件的dependencies节点写入,简写" -S “,npm i 包名 -S(简写)生产环境(开发依赖(辅助)):npm install 包名 --save-dev(将模块安装到项目目录下,并在package.json文件的devDepende...
vue实现计算求和 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js"></script> <style> </style> </head> <body> <!-- algorithm算法 --> ...
vue实现弹框效果 示例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .modal { width: 100vw; height: 100vh; positio..