- 博客(69)
- 收藏
- 关注
原创 table表格/内容等左右滑动禁止mac笔记本等自带左右滑返回功能
overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。
2024-02-19 16:18:44
574
原创 前端table表格使用xlsx与file-saver和xlsx-style数据导出xlsx表格
前端table表格使用xlsx与file-saver和xlsx-style数据导出xlsx表格
2023-05-22 10:39:30
1118
原创 vuescroll插件配合原生js属性scrollIntoView实现分页切换滚动内容
vuescroll插件配合原生js属性scrollIntoView实现分页切换滚动内容
2023-05-12 15:27:53
836
1
原创 web使用高德地图,经纬度与地址互相转化/获取用户当前地址/位置比对/地理位置选择等
web使用高德地图,经纬度与地址互相转化/获取用户当前地址/位置比对/地理位置选择等。
2023-04-04 18:34:56
1630
1
原创 同域下多窗口间localStorage/seccionStorage是否可以共享
顶级浏览会话的上下文作为新会话的上下文,修改原页面的sessionStorage属性不会修改新页面sessionStorage数据,重点:从当前页面新开页面方式打开同一个域下的新页面,新开的页面会。例:window.open(‘同源页面’) / a标签。
2023-01-31 19:28:31
3296
原创 解决前端浏览器跨域问题(非前端代码类型)
1.谷歌商店搜索 Allow CORS: Access-Control-Allow-Origin插件安装使用两个图标都亮了代表ok了测试翻墙不了的可以使用第二种2.谷歌浏览器复制一个新的快捷图标右键 属性 -> 点击快捷方式,在目标后面新增如下代码 --disable-web-security --user-data-dir=C:\MyChromeDevUserData注意拼接在后面要加上空格,我的代码已经加了一个了,全部复制即可,确定之后打开使用,浏览器显示该信息表示ok了,
2022-03-30 11:06:52
1352
3
原创 解决电脑权限不足问题
按Windows+R键,打开“运行”,然后输入“gpedit.msc",就是打开组策略,这个在控制面板中也可以打开。在组策略里找到“计算机配置”-“Windows设置”-“安全设置”-“本地策略”-“安全选项”,在“安全选项”里认真查找“用户帐户控制-以管理员模式批准运行所有管理员”这项,将这项禁用掉,解决部分win10打不开组策略@echo offpushd "%~dp0"dir /b C:\Windows\servicing\Packages\Microsoft-Windows-Grou
2022-03-28 17:32:29
3224
2
原创 插件uni-simple-router,报错Error: /pages/error/* 路径无法在路由表中找到,检查跳转路径及路由表
uniapp小程序使用了插件uni-simple-router这时候如果访问不存在的路由 会提示Error: /pages/error/* 路径无法在路由表中找到!检查跳转路径及路由表解决方案-插件携带方法// page.json{ "path": "pages/error/404", "name": "404", "style": { "app-plus": { "titleNView": false } }}//router.js const router =
2022-02-12 16:21:58
5267
原创 vue项目api全局封装
目录结构config.js文件配置// 线上环境默认的配置const defaultConfig = { apiHost: '地址', staticHost: ''}// 测试环境const previewConfig = { apiHost: '地址', staticHost: ''}// 本地环境配置const localConfig = { apiHost: '地址', staticHost: ''}let hostConfig = defaul.
2022-01-26 10:12:52
2943
1
原创 Element-ui设置默认按钮大小
main.js文件里引入代码Vue.use(Element, { size: Cookies.get('size') || 'medium' // set element-ui default size})Vue.use(ElementUI, { size: 'small' })
2022-01-26 09:48:07
3921
1
原创 解决uniapp真机调试报错信息真机运行失败,失败原因:手机上没有信任本计算机的授权,请在手机上信任该授权
错误信如图所示,错误原因网上搜了些解决方法未解决,个人解决方法:网上下载小米助手到电脑上,官网下载地址,打开小米助手连上手机,具体连接方法网上自行寻找,之后再次测试uniapp真机调试成功。如下图,正常使用,热更新需真机退出应用再进入。...
2022-01-24 15:08:41
5254
原创 uniapp项目常用配置/方法
配置路由拦截(uni-simple-router官网地址,讲解很清晰)使用2.x版本注意事项不能使用uni.redirectTo跳转// uni.redirectTo({// url: 'pages/login/loginPage'// });next('/pages/login/loginPage') 解决真机首屏加载时间// 在app.vue onLaunch方法里使用switch (uni.getSystemInfoSync().platform) { case '.
2022-01-24 14:55:13
1167
原创 uniapp项目api封装
// 全局请求封装 request.jsimport store from 'store/index.js';import { Toast} from 'vue'export default (url, method, params) => { // 对传递得参数作处理 if (!params) { params = {} } if (!params['admin_id'] && uni.getStorageSync('userInfo')) { params
2022-01-21 17:27:02
1025
原创 前端vue项目实现动态路由配置
**需求:**后端根据角色使用路由权限,返回路由表给前端,前端比对路由表筛选匹配路由并添加用户登录拿到路由表LoginByUsername({ commit }, userInfo) { return new Promise((resolve, reject) => { apis .loginByUsername(userInfo) .then((response) => { const data
2021-12-13 17:50:08
2882
原创 解决原生html项目打包上传css,js文件导致线上拿取浏览器缓存,无法更新,及index.html清除页面缓存
css,js文件缓存问题在引入得css,js文件里后面接上?v=版本号,每次更新内容打包线上时,修改版本号即可<script src="./js/china.js?v=2021091814"></script>index.html页面缓存问题<meta http-equiv="pragma" content="no-cache"> // 禁止浏览器从本地磁盘缓存上访问页面内容<meta http-equiv="cache-con
2021-09-28 13:07:22
1031
原创 项目引入http的资源,线上报错解决
线上报错代码Mixed Content: The page at ‘https://w.xisoxiongyushu.con/' was loaded over HTTPS, but requested an insecure script ‘http://Libs.baidu.con/jquery/1.9.0/jquery. s?v=2021092315". This request has been blocked; the te oe线上报错代码 <!-- 自动将http的不安全请求升
2021-09-28 11:21:37
352
原创 事件携参传值
事件携参传值(vue)两个默认和一个按需携带@select="(section, row) => someRightCheck(section, row, index)"一个默认和按需携带@select-all="allRightCheck($event, index)"一个默认@select-all="allRightCheck($event)"事件携参传值(react)<Button onClick={this.delFolder.bind(this,index)}&g
2021-08-30 16:34:47
578
原创 定时器实现点击滚动到页面顶部
let currentPosition, timertimer = setInterval(() => { // 获取页面当前位置与顶部的距离 currentPosition = document.documentElement.scrollTop || document.body.scrollTop // 当前位置每次向上滚动指定距离 currentPosition -= 40 // 判断滚动之后,与顶部距离 if (currentPosition >
2021-08-11 09:54:10
1186
原创 解决修改浏览器title的logo不显示问题,附加本地运行打包的dist文件方法
旧版本含build文件的vue项目修改logo在build文件下的webpack.dev.conf.js 修改如下信息:new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon:'./src/assets/logo.png' // 添加logo代码}),在build文件下的webpack.prod.conf.js 修改如下信息:new HtmlWebp
2021-08-05 13:30:18
1236
原创 简单实现防抖和节流
项目实用性能优化loading加载select选择器可搜索setPosition(lnglat)属性(控制台地图报错)简易版防抖本地数据搜索查找本地分页方法本地搜索到的数据分页处理loading加载数据加载出来前提供加载动画饿了么组件loading加载可设置转圈圈,一般用于table表格调取数据时过慢使用v-loading="!loading"select选择器可搜索饿了么组件选择器 需要让他变成可搜索的,直接添加filterable属性,setPosition(lnglat)属性(控制台地
2021-06-23 14:23:44
494
原创 React/Taro多端开发小程序实用属性、技巧等
小知识在text上添加之后,可以使用 ;空格符号decode="{{true}}"获取一个对象{1: 0, 2: 0}里的第n个数据console.log(res[Object.keys(res)[0]])修改react,state里一个对象的某个属性let menuList = this.state.menuList menuList[i].isActive = !menuList[i].isActive this.setState({ menuLi
2021-06-23 14:12:27
609
原创 H5移动端适配(rem布局)(弹性布局)
移动端自适应各种手机屏幕分辨率适配方案采用方案:postcss-plugin-px2rem插件+postcss.config.js+setRem.js安装插件:npm i postcss-plugin-px2rem --save在和src同级目录下创建文件postcss.config.js并添加如下代码:// 一般postcss建议单独配置在文件postcss.config.js中// var px2rem = require('postcss-px2rem');module.exp
2021-04-21 09:34:56
774
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人