
我的代码世界
lllomh
私信邮箱: lllomh@qq.com 网站: https://www.lllomh.com/
展开
-
Nextjs 设置网页meta等
放里面就行 . 在_app.js 中。原创 2025-01-02 06:29:21 · 184 阅读 · 0 评论 -
Vue在/public目录下访问process.env.NODE_ENV(其它通用)
所以process.env.NODE_ENV 也无效.无法判断,当要根据这个去判断的时候就麻烦了. 但有个办法可以解决这个问题.总所周知,/public目录下的js文件是不会经过webpack处理的.先安装 npm install --save-dev cross-env。就是在index.html里面去赋值到window变量中,如下。在 /public/index.html中加上。然后在/public下的js文件中就可以判断了。然后在 package.json中标记。上面的判断就跟赋值就会生效.原创 2024-05-01 00:49:37 · 850 阅读 · 1 评论 -
Liunx 免费证书配置 带自动续期
安装完 nginx 之后 执行 yum imstall certbot安装完后接着安装 python3-certbot-nginx 插件.原创 2024-02-22 13:41:31 · 598 阅读 · 0 评论 -
vue实现带缩略图的轮播图(vue-awesome-swiper)
和vue-awesome-swiper插件。template:布局。原创 2024-02-01 00:49:55 · 954 阅读 · 0 评论 -
php启用Gzip压缩JS、CSS还有页面(亲测有效)
这样,你的CSS就被Gzip压缩了,同样的方法可以压缩你的JS。2、按照下面的方式修改header.php中的css连接。如果是html 就在 html php文件顶部加。原创 2023-06-01 22:10:14 · 636 阅读 · 0 评论 -
微信支付企业付款到零钱提示:XML解析错误 XML_ERROR
微信支付提示:XML解析错误 错误 XML_ERROR根据文档呢 是这个错原因就是在请求的时候 格式设置 格式为 xlm 就可以了我原先的还是json的 所以错误原创 2023-02-02 16:04:11 · 1027 阅读 · 0 评论 -
Nuxtjs 引入jq的第三方库报错jquery.bgswitcher.js:559 Uncaught ReferenceError: jQuery is not defined方案(已解决)
1,首先改造一下该插件的写法: /plugins/bgswitcher.js。这里我就根据 jQuery.headroom.js 插件为例子。demo 请狠狠的戳这里。原创 2023-08-01 14:27:01 · 551 阅读 · 0 评论 -
vuejs手机拍照上传的方向旋转问题(已解决)
在用vue做 移动端项目的时候. 特别是调用相机拍照的时候有些手机会旋转照片,导致拍出来是 歪的, 横着的, 这里记录下怎么解决这个问题.let file = e.target.files[0];1, 安装 compressorjs 插件,导入。经过这个的修正, 就会自动复位正常了。demo 请狠狠的戳这里。...原创 2022-08-10 11:57:28 · 1446 阅读 · 0 评论 -
iframe 利用postMessage 传参获取内容高度等
demo请狠狠的戳这里:https://download.lllomh.com/cliect/#/product/IB02378830612627被嵌页面:test1.html<script type="text/javascript"> let origin='https:www.lllomh.com'; document.addEventListener('DOMContentLoaded',sendTmb()) window.setTimeout(funct.原创 2022-02-01 23:53:09 · 1416 阅读 · 0 评论 -
Vue keep-alive,同一个路由组件参数不同,如何分别缓存状态
在实际开发中.会有这样的需求,从列表点击到详情,缓存数据。详情返回列表则保持滚动条位置,并且不再请求列表api!正常情况下 直接 加上<keep-alive> 即可,但是如果列表本身是带有参数的,那就不行了。一下为参数变化的实现方式!demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/FA28111110405059 一:一样的是 在 路由表设置好标记const routes = [ { path: '/...原创 2021-11-02 09:50:29 · 4801 阅读 · 0 评论 -
移动端vue适配解决方案,(兼容vant)
移动端vue 的项目适配一直是个问题,这里记录下实现推荐用postcss-px-to-viewport 插件去处理,转换成vw 单位demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/F421745961449998demo 请狠狠的戳这里 c https://download.youkuaiyun.com/download/lllomh/16789719postcss-px-to-viewport是一款非常好用的插件,它将p...原创 2021-10-02 23:04:07 · 2158 阅读 · 6 评论 -
nuxtjs接口多代理转发
如下 proxy: { '/api': { target: 'http://192.168.1.56:8080', // 目标接口域名 changeOrigin: true, // 表示是否跨域 pathRewrite: { '^/api': '', // 把 /api 替换成‘’ } }, '/music': { target: 'http://music.text.com', // 目标接口域名.原创 2021-09-10 16:17:09 · 1345 阅读 · 0 评论 -
nextjs代理转发fetch请求封装
原创 2022-01-01 15:57:24 · 5622 阅读 · 0 评论 -
nuxt.js ssr vuex 实现登录操作刷新数据不丢失
11111原创 2021-09-03 14:15:47 · 1418 阅读 · 0 评论 -
谷歌浏览器信用卡自动填充字段
记录一下谷歌信用卡自动填充:谷歌浏览器 在https 的情况下 有信用卡的地方有存的话会有如下图示:这情况要字段名字跟谷歌内置的对应,才能填充的上对应的字段内容:原创 2021-08-06 16:27:09 · 1586 阅读 · 0 评论 -
Vant-Picker 选择器PC不支持鼠标滚轮滚动操作(已解决)
这里记录下,魔改vant 的Picker 选择器 插件的过程:因为Picker 选择器这个在pc上访问只能点击来选,并不能鼠标滚动滚轮来选择。demo 请狠狠的点这里:https://download.lllomh.com/cliect/#/product/E7197259023586051,在node_modules 中找到 vant目录。再进入里面的es目录, 注意是 es里面的 不是在 lib中要改的就是这个找到本事 li 中的事件:在genO...原创 2021-07-19 13:31:38 · 4188 阅读 · 14 评论 -
vue中Vant的field输入框实现输入内容可见密码
有时候会有这种需求,密码输入的时候点击要显示密码再次点击隐藏。demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/F422705952730242demo 请狠狠的戳这里 chttps://download.youkuaiyun.com/download/lllomh/16817908接下来,就实现这个做个记录vant 官方文档中Filed密码框没有右侧????功能的,要自己加上!先看代码:利用 插槽 slot 插入右侧...原创 2021-07-02 21:00:49 · 6785 阅读 · 3 评论 -
nodejs对接ueditor编辑器图片上传问题
这里 用use 因为请求有 get 也有 post 所以不能固定指定方式const path=require('path');//加载ueditor 模块var ueditor = require("ueditor");router.use("/ueditor/ue", ueditor(path.join(__dirname, '/'), function (req, res, next) { // ueditor 客户发起上传图片请求 if (req.query.action ==.原创 2021-05-11 18:20:56 · 1111 阅读 · 0 评论 -
node+vue实现微信支付(沙箱)完整版,亲测可用
网上很多资料文档都是残次不全的,没几个真正有用的,我这记录下可用的实现方式微信的沙箱的区别就是在正常的所有api前面加一个sandboxnew。demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/302779150521235demo 请狠狠的戳这里 c https://download.youkuaiyun.com/download/lllomh/155344151,事前准备这里的商户必须要跟商户绑定过才行,不然会...原创 2021-04-01 10:11:12 · 3443 阅读 · 1 评论 -
node+vue实现支付宝支付(沙箱)完整版,亲测可用
沙箱环境 (Beta) 是协助开发者进行接口功能开发及主要功能联调的辅助环境,模拟了开放平台部分产品的主要功能和主要逻辑。可用于在产品上线前了解环境、组合和调试各种接口。沙箱环境配置打开支付宝开发者中心并登录,点击 => 进入我的控制台(也可能登录之后自动进入), 不需要企业账户,个人的也可以在开发者中心中点击开发服务下的研发服务,就进入沙箱环境页面了,在沙箱应用可以看到基本配置。密钥配置点击 RSA2(SHA256)密钥 设置,点击支付宝密钥生成...原创 2021-03-18 09:14:27 · 7128 阅读 · 20 评论 -
React中WebSocket使用以及服务端崩溃重连
我这是即使通知推送,服务端用的node:完整版demo 请狠狠的点这里http://download.lllomh.com/cliect/#/product/JB06452810852671创建 node端index.js, node index.js 执行我这是 去拿 接口的数据再转发给前端var ws = require('nodejs-websocket');var Axios =require('axios')var server = ws.createServer(...原创 2021-03-01 09:47:55 · 2777 阅读 · 0 评论 -
Vue.js Cli 3.0 多页面开发案例解析
本文梗概Vue 是很好用,但是以往的都是单页面应用,这就导致了一些传统的项目移植困难,一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行,这次的 Cli 3.0 可以在原来项目的基础上直接移植,非常方便。在本文中,会讲到如下内容:Vue 多页面的优势与劣势Cli 3.0 的基本配置Cli 3.0 多页面的打包上线Cli 3.0 的目录解析如何提升构建效率受众人群:经常用 Vue 单页面开发的人员,对多页面有兴趣,且实际工作中有需求。老项目想前后端分离,考虑效原创 2021-01-01 20:40:10 · 2612 阅读 · 1 评论 -
react-image-gallery 加入视频图片混合显示
特别是在做商城项目的时候,会有需要带有视频跟图片一起的幻灯箱展示方式,如下:幻灯使用地址https://blog.youkuaiyun.com/lllomh/article/details/103958205这个灯箱的用法是传入数组来做的,上面是大图,下面是导航条图片!正常情况下直接在这里增加 一个对象把original地址换成视频连接就好就行了.但是会出现渲染在img中,报错。这就要修改插件了。方式就是,在这里面增加一个type字段等于 video, 然后在插件里面渲染的地方去..原创 2020-12-02 10:01:43 · 1832 阅读 · 1 评论 -
localStorage设置过期时间用法
1、存localStorage.setItem("phone", "123")//对象let obj = {"name":"xiaoming","age":"16"}localStorage.setItem("phone",JSON.stringify(obj));2、取localStorage.getItem("phone")//对象let user = JSON.parse(localStorage.getItem("phone"))3、删//指定删localS原创 2022-12-01 14:59:45 · 5296 阅读 · 0 评论 -
vue 实例外面调用 vue内部方法变量
vue实例外面跟vue内部方法变量app.$options.methods.selectType(data[0].id)app.typeName=data[0].value一样可以调用跟传参数执行原创 2022-11-03 13:25:01 · 959 阅读 · 0 评论 -
React监控url参数值变化后执行(componentWillReceiveProps最佳替代方案)
在class 外面 定义: const TypeChnage=(props)=>{ console.log(props.type,'ssssssssssssssssssssssss') constinit=()=>{ console.log('cccccccccc') }; useEffect(()=>{ props.init(); },[props.type]); returnnu...原创 2022-10-03 08:47:38 · 1046 阅读 · 0 评论 -
移动端初始化字体大小rem自适应
移动端文字rem用法实际案例,rem并不能直接使用,需要实时改变html的大小才行!//初始化字体大小function setRem() { var windowWidth = $(window).width(); if (windowWidth > 414 && windowWidth < 414) windowWidth = 414; // 设计稿设计宽度是 414 var fs = windowWidth / 414 * 6.25 * 100原创 2020-10-13 12:04:18 · 1344 阅读 · 0 评论 -
React-next.js中渲染变量的坑报错Error: React.Children.only expected to receive a single React element child.
这个问题再 react 前端渲染的时候是没有问题的,但是在next的项目中会出现:在字段中类型不一样的时候,如果你写的是:会导致报出奇怪的错误,很难定位的那种如图:会直接报前面 setState 的错误,确实让人摸不着头脑。--------分割线------------------------------后来发现,是类型的问题,这render 好像只能渲染字符串的数据:于是乎改成:转为字符串成功,不再报之前的错误了!至此:解决该问题...原创 2020-11-01 17:47:43 · 2359 阅读 · 0 评论 -
react 列表循环中单个自由控制里面的元素disabled
记录下情况:需求是这样的:因为整个都是循环出来的, 这控制又是用的变量!伪代码: <Select disabled={!this.state.isOpens['ids'+index]?true:false}做法就是利用index 去匹配存值:定义 全 变量: constructor(props) { super(props); this.state = { isOpens:{},这是点击触发的: .原创 2022-08-01 10:17:02 · 1021 阅读 · 0 评论 -
react-keep-alive 缓存使用
今天来说说,react 的路由缓存,这个在react 中很少有实质性可用的资料!此篇记录一下demo请狠狠的戳这里¥ http://download.lllomh.com/cliect/#/product/J804099672377354demo 请狠狠的戳这里 c https://download.youkuaiyun.com/download/lllomh/12684925导入 之后 :import { Provider, KeepAlive,} from 're...原创 2021-05-02 00:19:18 · 1730 阅读 · 0 评论 -
react-router-dom5.0的路由拦截(路由守卫)实现
react不同于vue,通过在路由里设置meta元字符实现路由拦截。在使用 Vue ,框架提供了路由守卫功能,用来在进入某个路有前进行一些校验工作,如果校验失败,就跳转到 404 或者登陆页面,比如 Vue 中的beforeEnter函数:...router.beforeEach(async(to, from, next) => { const toPath = to.path; const fromPath = from.path;})...react实现路由拦..原创 2020-08-04 09:42:11 · 13872 阅读 · 6 评论 -
React.js登录权限控制实现demo[亲测可用]
react 在项目中如果遇到有些页面是登录之后才有权限访问的情况如何处理?本文记录一下。带axios登录请求封装token跟redux封装demo请的戳这里狠狠:http://download.lllomh.com/cliect/#/product/J702699872528330一:目录结构比如有四个页面组件,error home index login 假定 home是要登录以后才能访问的话。怎么做呢?先上整体目录结构吧二:路由router1,在路由中 分成 map 去...原创 2020-07-08 11:29:58 · 2681 阅读 · 1 评论 -
React Native 中 react-navigation 导航器的使用 [亲测可用]
在React Native中,官方已经推荐使用react-navigation来实现各个界面的跳转和不同板块的切换。react-navigation主要包括三个组件:TabNavigator切换组件 ,用来实现同一个页面上不同界面的切换,即tab选项卡 StackNavigator导航组件,用于实现各个页面之间的跳转,即页面跳转(通过stack栈记录) DrawerNavigator抽屉组件,可以实现侧滑的抽屉效果 我这主要用StackNavigator先.因为用的是组...原创 2021-02-01 23:16:17 · 1509 阅读 · 0 评论 -
js中var跟let的性能研究
这次偶尔发现 let 跟var 在运行效率的区别,就写个东西,记录一下!那这怎么测呢,我这用了console.time函数,测试代码块运行时间的,我们看一下。一样的定于变量,let 跟var 的耗时:代码: console.time("let耗时"); let totalf = 0; console.timeEnd("let耗时"); console.time("var耗时"); var to原创 2020-07-02 11:10:16 · 2322 阅读 · 3 评论 -
Vue.js中Ueditor如何引用 youtube视频源发布(已解决)
Ueditor 发布文章是很多人都用的插件,加入也是有自带的,但是如果要插入youtube 在线地址,会发现就不灵了,不能播放。原因是youtube无法使用video标签使用。是可以用 embed iframe 嵌入标签的。这就需要改造一下ued了。修改config.js文件在白名单whitList加上 标签:embed: ['type', 'class', 'plugi...原创 2020-06-01 11:46:14 · 2133 阅读 · 0 评论 -
Vue多页面路由守卫(鉴权处理)怎么实现?
多页面不想单页面可以使用router.beforeEach 钩子。因为router都没使用了。那这种情况遇到需要权限才能访问的页面怎么办呢?比如用户中心,要登录才能访问。这里有个方式呢,就是利用路径屁匹配的方式达到拦截的效果。原理呢就是访问的时候去匹配该路由是否需要权限,如果需要就结合判断登录状态去拦截。核心代码就在这:/** *获取路由地址路径 * @returns {...原创 2020-04-01 11:18:07 · 2674 阅读 · 0 评论 -
Vue.js中Twitter第三方登录api实现[亲测可用]
国际化的项目就会用用到一些第三方的登录api,这次记录一下 Twitter 的!按步骤来:要注册Twitter 开发者账号,这个要申请,审核时间要好几天。不过国内的手机注册的几乎都过不了审核。看你运气咯!demo 请狠狠的戳这里https://download.youkuaiyun.com/download/lllomh/11429783一:开发者平台配置去Twitter 的开发者平...原创 2020-04-29 14:50:57 · 3831 阅读 · 0 评论 -
React 中 路由 react-router-dom 的用法
理由定义:定义好 路由指向,然后再在index.js根文件中注册渲染在需要跳转的地方引入import { BrowserRouter as Router, Route,Link } from "react-router-dom"这样既可 实现了 路由跳转功能...原创 2021-05-01 06:55:37 · 1127 阅读 · 0 评论 -
vue.js中深拷贝的应用
一:问题场景重现demo链接https://download.youkuaiyun.com/download/lllomh/119790391,当vuex 获取的值 在页面中 复制给 变量 在页面中又有修改该变量的时候,如下: computed: { data_us() { return this.$store.state.data_us ...原创 2020-02-23 01:37:36 · 2911 阅读 · 0 评论 -
onclick 绑定在 input上的坑,无效
在 js 中用 onclick 是常有的事情,但是在 input 中的事件绑定的时候呢 就容易踩坑; 比如你在 写好事件之后发现居然无效那么这为啥呢? 没错就是因为 name名字 跟 function 名字一样了.导致识别出错,改个名字就好了!!!!!!!!!!! 前提是在 form 的情况下哦 ,一般有 input 都会有 fo...原创 2018-02-16 22:29:03 · 16852 阅读 · 1 评论