- 博客(30)
- 收藏
- 关注
原创 把一个url拆解成origin、文件名、hash拆解
2.正则,URLSearchParams,字符串分割。1.获取URL属性(通过a标签)a标签中href=""的几种用法。首先先理解Url是由什么组成的。
2023-05-24 17:27:07
326
原创 React 受控组件 状态同步的方案
1.状态提升思路,共同父元素进行状态管理,props传参解决,注意要同时传递state(值)和setState(改变值的箭头函数)开发时经常会出现同一个非受控组件多次使用的情况,在需求中,如果要实现两个同样的开关组件的状态同步,有以下几种思路。3.localStorage或IndexedDB进行状态管理,过段时间就读取一次。2.发布订阅思路,最大父元素进行发布,子组件订阅。父元素参数变化,自动刷新视图。
2023-05-22 20:18:32
232
原创 在使用classList、className动态添加类名时不起作用的问题
1.classList基础用法var a = document.getElementBy("DIV");1.使用classList返回所选元素的类名,是一个数组,一个类名占一个长度(a.classList.length)。2.a.classList.add("classname1") ; 添加一个类名3.a.classList.remove("classname2") ; 去掉一个类名4.a.classList.toggle("classname3"); 引号中的类名,有就删除,没有就添加。比较智
2022-05-05 15:53:39
2873
1
原创 MUI栅格系统(grid)
简单理解:栅格系统将页面竖着分为了12小块,当设置每大块为6小块时,即为两列排列;当设置每大块为3小块时,即为四列排列;给li标签添加的类:mui-media mui-col-xs-6中的6就是设置每大块宽度为6小块的意思1.两列排列实现效果:代码实现: <!-- 身份证信息,图自己随便放一个吧 --> <ul class="mui-table-view mui-grid-view"> <li class="mui-table-view-cell mui-
2022-05-05 11:19:29
1134
原创 html++js+css实现滚动视差效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2022-05-01 19:52:54
324
原创 html+JS+Jquery实现视频/图片上传并预览
可用于asp.net<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2022-05-01 17:46:13
1225
原创 mui.previewimage.js找不到,在哪可以下载
新建一个移动app,模板选Hello Mui,mui.previewimage.js就在js目录下新建-》项目-》5+app-》helloMui
2022-04-24 09:25:22
389
原创 Html5Plus起步报错集合
1. supper_info_show.html:16 Uncaught ReferenceError: plus is not defined使用模板创建mui,不要自己写,用HBuilderX,别用VSCode
2022-04-22 19:09:47
748
原创 Mysql数据库备忘
1.新建数据库时的选择简单说就是utf8可以换到utf8mb4但是utf8mb4更吃性能,而且不能换回utf8另外外,如果你用的是Java服务器,升级或确保你的mysql connector版本高于5.1.13,否则仍然无法使用utf8mb4 。参考文档...
2022-04-20 16:21:20
880
原创 遇到的面试题
1.document节点和element节点的属性和操作2.什么是闭包?简单讲,闭包就是指有权访问另一个函数作用域中的变量的函数。比如每次调用函数时传入不同的参数,会形成不同的闭包。创建闭包最常见方式,就是在一个函数内部创建另一个函数。通常,函数的作用域及其所有变量都会在函数执行结束后被销毁。但是,在创建了一个闭包以后,这个函数的作用域就会一直保存到闭包不存在为止。//比如var a = 函数()a=null;//释放闭包的空间参考文档:闭包,看这一篇就够了参考文档:什么是闭包3.v
2022-04-15 16:39:20
160
原创 VUE小知识点查漏
1.Vue-ls是什么Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storage一个vue封装的本地储存的方法。2.
2022-04-12 18:15:20
401
原创 ESlint:我遇到的情况汇总
1. Parsing error: Unexpected token import eslint//首先确保你正确的安装了,在终端(ctrl+~)运行如下代码npm install babel-eslint --save-dev//然后在.eslintrc.js文件中,配置如下 (如果你已经配置了暴露,在里面添加即可)module.exports = { "parserOptions": { "parser": "babel-eslint", }},2. Parsing
2022-04-12 17:50:36
642
原创 【VUE学习笔记】前端三大件之分页器
虽然有很多成品分页器可以调用,但是我们还是尽量知道原理,方便实现定制化直接上代码,这是vue组件<template> <div class="pagination"> <button :disabled="pageNo == 1" @click="$emit('getPageNo', pageNo - 1)">上一页</button> <button :class="{ active: pageNo == 1 }" v-if="s
2022-04-08 17:01:09
1239
原创 【ES6语法】Object.assign合并数组及使用案例
当你需要将来自两个数组的数据都交给大数组的时候,可以使用Object.assign(目标数组ab,小数组a,小数组b)let ab={id:"",name:""};let a={id:1};let b={name:2};Object.assign(ab,a,b)使用场景:网页的搜索功能,将各种信息合并成数组发送给服务器<script>//要传送给服务器端的对象形式的数据let searchParams =-{//一级分类的idcategory11d:“”,//二级分类i
2022-04-07 10:25:18
1827
1
原创 【VUE学习笔记】mockAxios流程:
项目场景:需要做假数据,mockAxios解决方案:第一步:在src目录下新建mock文件夹用于存放JSON格式的数据第二步:在src目录下的api文件夹,创建mockAxios.js用于对axios进行二次封装//对Axios进行二次封装import axios from "axios";//引入进度条import nprogress from "nprogress";//引入进度条样式import "nprogress/nprogress.css";//start()开始进度
2022-04-04 00:26:07
1855
原创 【VUE学习笔记】vue-router编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出 NavigationDuplicated 的警告错误?
注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航内部(vue-router)已经解决这种问题。这种异常,对于程序运行是没有任何影响的。但是看着非常烦为什么会出现这种现象:由于 vue-router 最新版本 3.5.2,引入了 promise,当传递参数多次且重复,会抛出异常,因此出现上面现象,function push(){return new Promise((resolve,reject)=>{})}第一种解决方案(仅解
2022-04-01 17:03:29
937
原创 【ES6语法】解构赋值及其应用场景举例
let obj={ a:{ b:{ c:666 } } }//从对象中拿到clet {a:{b:{c}}}=objconsole.log(c) //666 //改变属性名let {a:{b:{c:alias}}}=objconsole.log(alias) //666应用: VUE路由的index中的props的一种写法,值为函数props(query:{id,t
2022-03-30 15:07:34
1055
原创 【VUE学习笔记】VUEX模块化编码--手写VS自动生成
手写VUEX自动生成this.$store.state.分类.数据…mapState( ‘分类’ , [ ‘数据’ ] )this.$store.getters[ ‘分类/数据’ ]…mapGetters( ‘分类’ , [ ‘数据’ ] )this.$store.commit( ‘分类/函数’ , 数据 )…mapMutations( ‘分类’ , { 此处数据名 :‘index数据名’ } )this.$store.dispatch( ‘分类/函数’ , 数据...
2022-03-30 11:12:58
122
原创 【VUE学习笔记】模板绑定时,若绑定的值为函数,不加小括号仍旧会传参
2.模板绑定时,若绑定的值为函数,不加小括号仍旧会传参@click=add等同于@click=add(event)
2022-03-30 11:02:59
109
原创 【VUE学习笔记】Select标签中Value属性取值,写数字却变成字符串的解决方法
1.给value属性添加绑定v-bind:value="1"此时的1会被当作js表达式,而不是双引号所包裹的字符串2.给select标签的v-model增加.numberv-model.number此时select标签收集的数值都会强制转换成字符串
2022-03-29 16:58:35
1966
原创 前端解决跨域问题
1.cors携带了特殊的响应头2.jsonp是借助了Script标签里面的src属性在引入外部资源时不受同源限制办到的需要前后端配合开发只能解决get请求, 解决不了post请求然而面试中喜欢问3.配置代理服务器代理服务器和前端人员所处位置相同如:都在8080端口,方便使用前端技术举例:本机:8080 --> Ajax --> 代理服务器:8080 —> HTTP —> 服务器:5000(1).Nginx(学习成本较高)(2).VUE-CLI...
2022-03-29 11:01:57
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人