- 博客(37)
- 收藏
- 关注
RSS订阅原创 uniapp长按语音描述功能
在工作的时候还是会用到的一个功能。长按语音描述会弹出正在录音的弹窗，上划一段距离会取消录音 并提示取消录音，录音完成当前的内容会变成微信能播放的状态 播放倒计时秒数 下面是效果图 可根据自己的样式需求去改变......
2022-06-14 18:35:11
850
2
原创 uni-app
uni-app是一个使用vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。(uni-app官网)uni-app特点开发成本低 省时间 跨平台uini-app使用vue的语法+小程序的标签和API开发规范页面文件遵循Vue 单文件组件 (SFC) 规范 组件标签靠近小程序规范，详见uni-app 组件规范 接口能力（JS API..
2022-01-19 21:49:57
629
原创 小程序-云开发
1.cloudfunctions目录右键新建云函数2.创建的云函数，右击上传并部署（每次更改云函数的内容都要更新）3.调用云函数wx.cloud.callfuncton({name:"",//名称data:""//数据}).then(res=>{}).catch(err=>{})4. 课在云开发-数据库中创建自己要用的数据库调用数据库// 获取数据库db = cloud.database();获取数据集合table=db.collection("me
2022-01-16 21:32:17
555
原创 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.
2022-01-12 19:45:35
389
原创 react-reactHook-路由-路由props
reactHook:usestate使用状态state模拟class组件的stateuseEffect使用副作用（模拟生命周期）useRef引用domuseCallback 使用回调缓存 执行一个函数useMemo使用缓存 返回一个函数useLayoutEffect 视图发生变化useReducer 集中数据管理器 （模拟reduce）useContext 使用上下文（跨层级传参）createContext 创建上下文useState使用状态const [n.
2022-01-05 19:50:24
1064
1
原创 react---表单双向绑定---组件---子父传参案例
表单双向绑定import React, { Component, createRef } from 'react'export default class App extends Component { constructor(props) { super(props); this.state = { msg: "你好啊，小朋友" }; // 创建一个dom引用 this.inpRef =
2021-12-30 20:06:10
315
原创 react
React是一个用于构建用户界面的javaScript库。安装react步骤：步骤一:打开黑窗口步骤二:全局安装react步骤三：创建项目 myreact是自己起的项目名，可以是要起的名字步骤四：cd myreact (切换到自己的项目)步骤五：npm start (打开项目)jsx（javascript混合xml（html）语法格式）目的：更好的在javascript中写html模板特点：1. 只有一个根节点2. {} 写javascript3.
2021-12-29 19:13:13
539
1
原创 Webpack
webpack是一种工具，能打包js应用程序，可扩展许多不同的静态资源。webpack关心性能和加载时间，不断改进或添加新功能。（从v4.0.0webpack可以不用再引入一个配置文件）特点：处理资源管理 分割代码 灵活 插件多核心概念：入口(entry)(使用哪个模块，来作为内部依赖图的开始，默认值是./src/index.js，在webpack configuration中配置entry属性，指定一个或多个不同的入口起点。）（常用场景：分离app和第三方入口） 输出...
2021-12-28 17:42:29
309
1
原创 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;..
2021-12-13 21:44:00
470
1
原创 echarts柱形图添加工具箱渐变和圆角
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #container{ width: 1200px; height: 800px; } </style> </head> <body> &...
2021-12-10 11:16:08
177
原创 深拷贝浅拷贝的方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var obj1 = { name: "mumu", age: 18, friend: [ ".
2021-12-09 19:11:39
336
原创 前端必背面试题15道
1.什么是闭包?应用场景 闭包就是函数嵌套函数的特殊形式：1.函数作为参数被传入 2.函数作为返回值被返回 闭包其实也是自由变量的特殊表现形式：1.自由变量：没有在当前作用域声明的变量 2.自由变量的值和作用域是在函数定义的时候去欸的那个，不是在函数执行的时候确定 优点：1.可以变量私有化，避免变量的全局污染 2.自由变量值，存储在内存中不会...
2021-12-08 21:19:44
231
原创 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...
2021-12-07 21:42:02
99
原创 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...
2021-12-04 09:47:21
322
原创 cmd常用命令
打开第一种方式1.Win键+R打开运行2.输出cmd按回车第二种方式1.任意的窗口地址栏2.输出cmd按回车切换盘符盘名加冒号（如：d: e:）查看当前文件夹内容 dir切换命令 cdcd / 切换到根目录cd aa 切换到某个文件夹cd ../ 切换上一级目录cd 路径 切换到某个目录命令历史记录按上下键提示： 文件名前几个字母+tab键删除rd 文件夹名 删除空文件夹del 文件名 删除文件de...
2021-12-03 09:16:46
239
原创 关于vue生命周期
上面这张图也是生命周期顺序ps(这是在网上找的图看着写的不错就拿来用了，嘻嘻)<template> <div> <h1 >Vue的生命周期钩子函数</h1> <!-- vue的一个组件从创建到销毁会经历一系列特定步骤，称之为声明周期--> <!-- 特定步骤执行的回调函数，生命周期钩子函数 --> <!-- 4大类 8个特定步骤 创建前后 挂在前后，更新前后，销毁前后 --&...
2021-12-01 21:50:13
644
1
原创 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...
2021-11-29 20:46:24
498
原创 vue实现计算求和
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js"></script> <style> </style> </head> <body> <!-- algorithm算法 --> ...
2021-11-29 20:13:06
3748
原创 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..
2021-11-27 16:29:39
739
原创 vue动画实现图片旋转出去然后再进来案例
效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 离开过渡生效时的状态 */ .fade-leave-active{ transition: all ease 1s; } /* 定义离开过渡的开始状态 */ .fad.
2021-11-26 20:10:01
301
原创 vue用类与样式实现简单开关功能
具体功能下面有演示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .active { background-color: #009900; color: white; } </style> </head> &.
2021-11-26 19:35:21
542
原创 vue实现搜索功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model="keyword" placeholder="输入关键字" /> <div class="list"&.
2021-11-24 15:42:16
1501
原创 vue实现跑马灯效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <p>{{msg}}</p> <!-- 点击事件调用move函数 --> <button type="button" @cli.
2021-11-23 21:22:37
988
1
原创 详细vue实现本地存储添加删除修改功能综合案例
实现功能：输入的内容添加到正在进行列表中，双击修改功能，点击esc键，取消，还是之前的内容，点击回车，修改成功，修改框失焦时修改成功，选中按钮时进入已完成列表，未选中时在正在进行中列表，点击删除进行删除当行，本地存储下次打开上次添加的还在<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <st
2021-11-23 21:02:35
1976
3
原创 详细vue实现手风琴效果
利用鼠标移入移出事件实现内容出现隐藏用到的知识点：1.@mouseover 鼠标移入事件2.@mouseout 鼠标移出事件3.v-if 条件渲染<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 简单样式设置 --> <style type="text/css"> * {
2021-11-22 15:01:55
943
原创 详细vue实现简易计算器
实现功能：将两个输入框中的值进行加减乘除计算用到的知识点：1.v-model数据双向绑定2. .number转化为数字3.@click点击事件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> //选择自己的vue位置 <script src="../js/vue.js" type="text/j.
2021-11-22 14:42:18
1246
原创 vue简单实现点击加1功能
实现点击按钮输入框里+1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> //这里选择自己的vue地址 <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </head> &.
2021-11-22 14:24:12
5824
原创 js所有常用事件
表单事件onblur失焦onfocus聚焦onchange 失焦且改变元素内容oninput 改变元素内容onsubmit 提交时调用onreset 重置调用鼠标事件 onclick 单击事件 ondbclick 双击事件 onmouseout 鼠标移出时事件 onmouseover 鼠标移入时触发 onmouseenter 鼠标移入时触发 onmouseleave 鼠标移出时触发 onmousedown 鼠标点下时调用.
2021-11-20 09:57:30
497
1
原创 详细正则笔记
正则表达式：一个描述字符模式的对象 可以用来检查一个串中是否含有某种子串，将子串替换，取出符合的子串等字符串中可以用正则的方法：match split replace search语法：var str=/表达式/附加参数正则常用的方法：test 返回ture或false 一般用于表单验证exec 匹配成功返回数组 ，不匹配返回null 一般用于提取满足条件的数据匹配规则：单字符匹配1.[asd]匹配a s d任意一个...
2021-11-18 17:02:31
120
原创 javascript跨域
跨域：从一个域名的网页去请求另一个域名的资源 比如从淘宝页面去请求拼多多页面的资源，一般是不允许的，浏览器为了js的安全做出的限制----同源策略。那么跨域就是只要 协议，域名，端口有任何一个不同就可以实现跨域。同源：就是 域名 端口 协议 均相同那么域名，端口，协议是指什么呢？http://www.aaa.com:8080/bb.html协议子域名 域名 端口http://www.aaa.com:8080/bb.html调用http://www.aaa.com:...
2021-11-17 21:51:40
429
原创 ajax笔记关于post和get,响应码
ajax简称：async Javascript And XML异步的JavaScript和xml是一项综合技术：主要使用XMLHttpRequest简称xhr与服务器交换数据，通过js与css实现无刷新更新页面数据原生js的ajax请求的缺点我简单总结为： 用户等待时间长，页面加载慢，浪费时间和带宽http 请求方法：get 获取 post 发送 delete 删除 put 添加...
2021-11-16 20:12:06
899
原创 表单的所有属性和值
form表单<form></form> 表示采集数据的范围属性： action 行为 动作 数据提交的路径 method 方法 方式 数据提交的方式 get post 1.get方式提交时，数据会出现在地址栏上post不会相对于post较为安全 2.get方式提交数据时会有长度限制post一般无限制 3.get方式获取数据时可能获取到的是浏览器里.
2021-11-15 21:43:46
906
2
原创 详细步骤注释jq写幻灯片
实现的功能： 1.幻灯片自动播放 2.当幻灯片更换时对应的图片数字也变化，点击数字显示对应的图片 3.当点击上一张下一张显示对应的幻灯片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jq...
2021-11-13 17:53:49
878
原创 最详细步骤加注释jq简单实现购物车选中并计算价格
实现的功能： 1.点击全选按钮是其他按钮也选中，并计算选中所有的商品价格 2.取消全选按钮，价格重新计算 3.单点每个商品的按钮并计算价格小知识点（有空时小知识点要多回顾一下哦，加深记忆）： 1.关于设置表格样式的知识点cellspacing 单元格与单元格之间的距离cellpadding 内容与单元格之间的距离valign 垂直方向对齐方式 top 顶对齐 middle 垂直居中 ...
2021-11-12 21:47:52
2021
原创 jq简单实现吸顶和回顶部详细步骤与说明
实现的效果是： 当滚动距离到达一定位置时会触发吸顶效果，让回顶部按钮出现 当滚动距离小于一定高度是不吸顶，回顶部按钮消失 点击回顶部页面和滚动距离都回到顶部 整体代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></...
2021-11-11 21:58:39
837
原创 详细步骤jq实现简单的全选按钮
//整体思路: //1当按全选时，子按钮全选。当取消全选，子按钮就不选中 //2当子选项发生改变时，如果选中长度等于子按钮总数 全选按钮就选中，否则反之整体代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全选</title> //jquery的js引过来 <scri...
2021-11-10 21:39:14
1009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人