自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lllomh的博客

记录代码,记录我

  • 博客(49)
  • 资源 (27)
  • 论坛 (1)

原创 React中实现倒计时功能根据接口防止刷新

react中实现根据接口返回的毫秒数,显示倒计时:还剩于00分00秒import React,{ Component } from 'react';class OrderDetail extends Component{ constructor(props){ super(props) this.state={ msg:"" } } timeTransition = (ms) => {

2020-10-15 17:02:02 19

原创 移动端初始化字体大小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 15

原创 React apache 静态文件缓存实现(亲测可用)

在. .haccess 中配置直接添加设置了Cache-Control 会覆盖Expires的过期时间<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|woff|js|css|swf)$"> Header set Cache-Control "max-age=31536000" FileETag MTime Size</FilesMatch><IfModule expires_module> ...

2020-10-02 03:29:51 35

原创 网页全比例缩放不全屏问题(已解决)

网页全比例缩放的时候 导致有些 宽度不满屏幕:导致这种情况,直接在 html{ position: absolute;设置绝对定位就可以了,记得不需要写适应的meta

2020-09-21 14:29:25 119

原创 React.js组件拆分js文件

利用 react 自带的 懒加载:const Home =React.lazy(()=>import('../pages/home'))const Product =React.lazy(()=>import('../pages/product'))导入组件用这种方式 在入口index,js 中:ReactDOM.render( <Provider store={store}> <React.Suspense fallback={&l.

2020-09-15 13:58:06 108

原创 React.js禁止浏览器自动填充解决方案[亲测可用]

网上有很多关于这个问题的资料,什么autocomplete = off 啦 等等啦 , 什么autocomplete =‘new-password’啦。可惜都是统统不靠谱的,可能是更新的问题,还是为何,不知道为何这么多无效的资料。我这记录下载react中可用的解决方案,估计vue或者input也适用:我这是用的antd:就是在 form 中最上面 加一个 不显示的 input。加上可读属性!<Form.Item label=" " className={`list_item...

2020-09-02 10:43:47 101

原创 React 中 axios 请求All并行处理,VUE一样适用

多个请求要等全部都请求玩再做处理实现,这有时候是会用到的.这里记录下先上代码:import axios from 'axios'// 对all 的封装:const $all = function (url, params) { requestNames = params.requestName console.log(params.requestName) return axios({ url:url, .

2020-09-01 11:56:09 158

原创 react-image-gallery幻灯组件跟react-image-lightbox灯箱组件结合记录

这2个单独各自的实例,前面几篇都有详细记录。react-image-gallery:https://blog.csdn.net/lllomh/article/details/103958205react-image-lightbox :https://blog.csdn.net/lllomh/article/details/103896313这里记录配置幻灯片定位灯箱的配置问题! 就是滑到哪个幻灯片,点击该幻灯图片就出现灯箱,并且从该图片开始展示在react-image-gallery中利用

2020-08-10 10:01:06 174

原创 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 574

原创 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 362

原创 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 231 1

原创 纯JSP简易商城项目(不含支付)带购物小车

jsp一般都是搭建java文件来写控制器来做的,那么如果所有的都只在jsp中实现呢,本文就纯jsp实现简易商城项目,包含数据库读取写入等一系列操作。是个做实验研究的好参考!效果:

2020-06-15 14:13:32 294

原创 前端招聘岗位的1314,这是巧合没错了

岗位的1314,这是运气降临。数字实时变动,实时更新。居然就这么巧,刚好,就听到1314,1315上。北京居然这么巧,记录一下!地址:http://react.lllomh.com

2020-06-08 14:15:43 165

原创 Vue.js中Ueditor如何引用 youtube视频源发布(已解决)

Ueditor 发布文章是很多人都用的插件,加入也是有自带的,但是如果要插入youtube 在线地址,会发现就不灵了,不能播放。原因是youtube无法使用video标签使用。是可以用 embed iframe 嵌入标签的。这就需要改造一下ued了。修改config.js文件在白名单whitList加上 标签:embed: ['type', 'class', 'plugi...

2020-06-01 11:46:14 255

原创 有哪些比较有意思的vue项目?

有哪些比较有意思的vue项目呢?当然是如下图的啦!这是用vue+php做的招聘数据统计,php扒取的数据,实时的。vue搭配图表展示出来,非常有意思哟。数据来源都在各大平台实时抓的。把这个大屏显示,做个参考监测,最好不过了!vue:php、php 是用QueryList 的,方便好使,利用file_get_contents 方法。最后送上网址:http://react.lllomh.com欢迎提意见喔!!!...

2020-05-25 14:00:14 338

原创 vue.js中Ueditor如何引入第三方网站视频中添加Loading

第三方引入的视频在没加载前要如下图所示的效果在 all.js文件中 找到视频插入模板 creatInsertStr:方法加上前置 new_video 容器为了放入loading,

2020-05-02 09:03:57 225

原创 Vue.js中Twitter第三方登录api实现[亲测可用]

国际化的项目就会用用到一些第三方的登录api,这次记录一下 Twitter 的!按步骤来:要注册Twitter 开发者账号,这个要申请,审核时间要好几天。不过国内的手机注册的几乎都过不了审核。看你运气咯!demo 请狠狠的戳这里https://download.csdn.net/download/lllomh/11429783一:开发者平台配置去Twitter 的开发者平...

2020-04-29 14:50:57 692

原创 Vue多页面路由守卫(鉴权处理)怎么实现?

多页面不想单页面可以使用router.beforeEach 钩子。因为router都没使用了。那这种情况遇到需要权限才能访问的页面怎么办呢?比如用户中心,要登录才能访问。这里有个方式呢,就是利用路径屁匹配的方式达到拦截的效果。原理呢就是访问的时候去匹配该路由是否需要权限,如果需要就结合判断登录状态去拦截。核心代码就在这:/** *获取路由地址路径 * @returns {...

2020-04-01 11:18:07 474

原创 vue.js中深拷贝的应用

一:问题场景重现demo链接https://download.csdn.net/download/lllomh/119790391,当vuex 获取的值 在页面中 复制给 变量 在页面中又有修改该变量的时候,如下: computed: { data_us() { return this.$store.state.data_us ...

2020-02-23 01:37:36 439

原创 react 幻灯组件 react-image-gallery 的使用

幻灯组件 demo 点这里https://download.csdn.net/download/lllomh/12099989import React,{Component} from 'react';import logo from './logo.svg';import './App.css';import ImageGallery from 'react-image-galle...

2020-01-13 16:11:30 403

原创 react 灯箱组件 react-image-lightbox 的使用

记得要安装配套的react-modal 组件才行demo 点击这里https://download.csdn.net/download/lllomh/12092889

2020-01-13 10:47:28 516

原创 Vue.js中Line第三方登录api实现[亲测可用]

国际化的项目就会用用到一些第三方的登录api,这次记录一下Line 的!按步骤来:注册Line账号就不说了,虽然麻烦,这就自己去想办法了!demo 请狠狠的戳这里https://download.csdn.net/download/lllomh/11429783一:开发者平台配置去Line 的开发者平台 新建一个App:https://developers.line.b...

2020-01-02 10:09:45 478

原创 Vue.js中Facebook第三方登录api实现[亲测可用]

上一篇说了 Line 的第三方登录的实现,这篇记录下Facebook的实现大致相同,又有不同!demo 地址 狠狠的戳这里https://download.csdn.net/download/lllomh/11430695一:开发者平台配置进入开发者https://developers.facebook.com/创建应用(我这里已经有了)动态操作演示:这里...

2019-12-02 09:37:00 1245

原创 Vue.js中Google第三方登录api实现[亲测可用]

上一篇说了 facebook的实现,接下来说下google 的实现了,国际化的用的少.实际详细的文档也不多,这记录下来!demo 地址 狠狠的戳这里https://download.csdn.net/download/lllomh/11431059一:开发者平台配置进入开发者平台https://console.developers.google.com/apis/credentia...

2019-11-08 00:37:14 1051 11

原创 vue打包相对路径路由错误[解决]

这里不说 资源路径问题, 只谈 路由, 就是页面不加载.路由 设置一下目录就行了, 放服务器用相对目录 不能用history 模式 base: '/app/',export default new Router({ // mode: 'history', base: '/app/', routes: [ { path: '/', name...

2019-10-11 12:37:25 415

原创 vue2.x加入fullpage全屏插件

通过 该 地址 修改而来https://github.com/lllomh/vue-fullpage.js/tree/master/demos/webpackdemo 地址 狠狠的戳这里https://download.csdn.net/download/lllomh/11617322main.js:index.vue:效果:...

2019-10-02 00:54:07 451

原创 解决浏览器url带值访问报错URL编码encodeURI

当url 传值的时候大多都没问题,但有些时候就不好使了,比如传的值里面包含特殊符号.特别是 包含 ? & 这种本事就是标识的情况.var str = 'http://www.abc.com/index?test=11&go=http://www.go.com/page?ko=lang'总之就是url 传值 值里面包含网址 参数 信息的 url链接:这种方式就 需要编码...

2019-09-30 09:59:16 378

原创 vue子组件修改父组件的值(子传父 )

子组件 修改 父组件的值 子传父父组件: <template> <parent @change-type="onChangeType"></parent> </template> <script> data () { return { types:...

2019-09-03 09:38:08 344

原创 cli3多页面 webpack打包日志记录

cli3 的打包过程 详细 如图跟 2.0 的时候还不一样的

2019-09-02 09:20:17 219

转载 解决vue-cli npm run build之后vendor.js文件过大的方案

问题描述npm run build命令默认把dependencies中的依赖统一打包,导致vendor.js文件太大,出现首屏加载过于缓慢的问题。解决方案像vue、axios、element-ui、ivew这些基本上不会改变的依赖我们可以把它们用cdn导入,没有必要打包到vendor.js中。<div id="app"></div><!-- 先引入 ...

2019-08-28 10:38:10 685

原创 vueCropper 图片裁剪上传

整个如下:import vueCropper from 'vue-cropper'Vue.use(vueCropper);<template> <div id="app"> <Cephalosome></Cephalosome> <div class="subContent user_back"&...

2019-08-12 13:48:35 159

原创 vue使用UEditor富文本编辑器[实用]

前后分离的东西,在图片上传 文章发布这块还是挺那个的,发现很少完整的UEditorvue的demo.今天这个记录一下.demo 狠狠的戳这里https://download.csdn.net/download/lllomh/11485763其实也差不多,把配置拿出来了而已,放在vue里面了!将编辑器封装成组件的方式,方便调用,代码如下:<template> &l...

2019-08-07 09:34:28 358

原创 解决 cli3 自定义指令在ie11报错 SCRIPT1002: 语法错误

在vue 中使用的directive 命令的时候。 在其他浏览器可以使用但 打包之后 在ie11 就报错如下其实这个因为directive 命令要在 new vue 实例之前创建,如果在 new vue 里面 就会报错 比如这种方法就是 在 new vue 之前 用Vue.directive('test-button', {})就就可以了。...

2019-08-02 10:25:39 3827

原创 cli3搭建项目配置代理跨域

cli 的目录结构跟 2.0差异真的不是一点的小:webpack 的跨域配置如下,这个单独的 文件 里面包含的 webpck的配置信息这个配好之后 api 里面加上就可以了,访问的url路径为http://localhost:8089/api/frontapi/list_testapi 就相当于 接口域名配置代理 devServer:...

2019-07-01 10:21:28 383

原创 简易日期联动选择代码demo

年月日时间联动,这种一般都用插件来做。但如果不用插件呢!demo 狠狠的戳这里https://download.csdn.net/download/lllomh/11248055可以如下写法; 缺点就是年要写死!文件地址:https://download.csdn.net/download/lllomh/11248055<!DOCTYPE html><ht...

2019-06-13 16:20:39 148

原创 vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参

网上有很多资料,几乎全是没用的。要么就是dev 运行不了,要么就是 dev可以运行,但是打包后 dist 就运行报错了。demo 狠狠的戳这里https://download.csdn.net/download/lllomh/11231035这次,我记录下可用的 vue多页面demo!dev 用 npm run servebuild npm run buildwebpac...

2019-06-08 04:42:39 997

原创 jsp根据表单填写内容追加生成json

有时候没有数据库的情况下,要保存用户写的东西咋办呢。肯定就 用json或者txt来存了,为了好读取。一般都是json.。环境的话,就配置好tomcat【apache-tomcat-9.0.19】装好 jdk【1.8】就可以跑起来了!demo ROOT目录文件:https://download.csdn.net/download/lllomh/11222951运行效果那么最常...

2019-06-03 09:56:54 202

原创 Mobiscroll插件-根据时间选择弹出星座

根据Mobiscroll插件-根据时间选择弹出星座,没办法,博客发文长度有限制,只有添加到外链。有需要的话把外链的下载过来自己修改整理一下。基于插件粗鲁修改的,没有优化。用的时候自己优化一下吧!运行效果<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> ...

2019-05-30 19:04:01 872

转载 javascript sdk – 如何注销我使用OAuth2通过Google登录的应用程序?

在我的应用程序中,我使用jsapi实现Google注销。我使用urlhttps://www.googleapis.com/oauth2/v1/tokeninfo?access_token=xxxxxx连接到Google,然后https://www.googleapis.com/plus/v1/people/xxxxxx从Google个人资料中获取用户数据。现在,我需要从Google...

2019-05-27 14:04:06 177

原创 解决React Native安装应用到真机(红米手机)报Execution failed for task ':app:installDebug'的错误

报错信息如下::app:installDebugInstalling APK 'app-debug.apk' on 'Redmi 3S - 6.0.1'Unable to install D:\ReactNative-Workspace\FirstRNProject\android\app\build\outputs\apk\app-debug.apkcom.android.ddml...

2019-05-01 23:32:36 1091

axios-request-all-并行请求处理.rar|axios-request.rar

React 中 axios 请求All并行处理,VUE一样适用,多个请求需要等待完成之后再处理,.这demo就是为这个单独抽出来做的.方便简洁.,自带请求拦截器 免积分下载地址:http://download.lllomh.com/cliect/#/product/J901298760373511

2020-09-01

react-keep-alive-demo.rar

react-keep-alive 缓存demo,网上很少有可用的案例,此demo 包括生命周期都有,可以直接搬到项目中使用! 免 C 币 下载地址: http://download.lllomh.com/cliect/#/product/J804099672377354

2020-08-04

React登录权限控制react-auth.rar

React登录权限控制实现,已经封装好axios请求跟 token 携带 到 hedaer,每次请求如果token 就会携带给后台! 并且已经封装好redux.可以直接使用!注释清楚。免 c 币下载地址: http://download.lllomh.com/cliect/#/product/J702699872528330

2020-07-02

react-router-dom5.0的路由拦截.rar

react-router-dom5.0的路由拦截 守卫 demo 封装好的 可以直接套用,方便研究使用,直接移植,对着修改,安装 redux等就行,免 c币 下载地址 http://download.lllomh.com/cliect/#/product/J615178556091098

2020-06-15

纯jsp简易商城带购物车.rar

这是jsp实现的简易商城的架子,试验研究好demo.包含列表,添加购物车,查看购物车,登录注册等等功能. 组件化处理,免 c 币 下载地址 http://download.lllomh.com/cliect/#/product/J615005547697608

2020-06-15

HTML Password Lock网页加密软件.rar

这是一款可以加密网页的软件,可以给网页上锁,保证代码不被泄露被人抄袭下载,是个好东西, 欢迎下载研究使用 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417194170736177

2020-04-17

vue_twitter_login.rar

vuejs 推特的第三方登录 api demo。 纯实例,利用hello.js实现.可以直接移植到你的项目中!非常好用 3.0 npm install npm run serve 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J416291190483324

2020-02-24

react-image-gallery-demo.rar

react-image-gallery 插件 同步幻灯片组件 次组件 跟carouse 有区别, 底下有同步 list 免 c 币 下载地址 http://download.lllomh.com/cliect/#/product/J417959111397665

2020-01-13

vue-pwa-demo.rar

vue3.0 支持pwa 的demo 直接直接 缓存所有静态文件,自动生成manifest.json 文件,下号谷歌调试pwa调试插件既可以看到效果!!

2020-01-10

react-lightbox-demo.rar

react-lightbox-demo react灯箱插件案列 "react-image-lightbox": "^5.1.1", "react-modal": "^3.11.1", "react": "^16.12.0", 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417060554145183

2020-01-09

antd-demo-react-redux.rar

redux 的项目实用demo加axios拦截器, 代码注释清楚,如何存值取值.实践实用经验 mapStateToProps, //读取 mapDispatchToProps //存值

2019-12-24

antd-demo-react-router.rar

React 路由的用法实例 react-router-dom 跳转,引入 antd 后的 demo 已定义好路由,可测试!

2019-12-17

react_native_navigation_axios.rar

"dependencies": { "axios": "^0.19.0", "jetifier": "^1.6.5", "querystring": "^0.2.0", "react": "16.8.3", "react-native": "0.59.1", "react-native-gesture-handler": "^1.5.0", "react-native-vector-icons": "^6.4.2", "react-navigation": "^3.6.1" }, 已经封装好axios 并且在组件中可以直接使用的 demo 。注释的很清楚!

2019-12-12

react_native_navigations.rar

这是支持 抽屉导航的, 前面那个是 组件跳转支持 这个是都支持,就是有个抽屉跳转 title 待解决, 用的 "react-navigation": "^3.6.1"

2019-12-10

react_native_navigation.rar

React Native 路由组件跳转使用案例 windows 安卓下开发 成品打包已经配可直接打包 npm install react-native run-android 免 c 币下载地址:http://download.lllomh.com/cliect/#/product/J701027723523459

2019-12-09

vuexerror.rar

此资源是配套指定博文的错误的重现demo!vuex 获取之后 利用深拷贝解决问题的重现案例. 欢迎下载研究

2019-11-15

vue-pwa-demo.rar

pwa 例子,可断网访问.比较全面的pwa在vue 中的应用. npm install npm run serve

2019-09-23

vuex_demo.rar

vuex 简单易懂 demo 一个组件中请求数据 全部组件可以同步使用 就不需要用 父子组件来回的传来传去了,存入vuex 随便哪里 都可以调用还是同步更新的.超级好用! 推荐!

2019-09-18

v-fullpages.rar

基于cli2 加入 fullpage 整屏滚动的 vue单页面项目, npm install npm run dev 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417105150034444

2019-08-27

vue-ueditor-web.rar

vue集成ueditor富文本编辑器,全部都配置好了,只需要修改 请求的url地址即可,非常好用.vue2.0 构建 npm install npm run dev

2019-08-06

vue-google-login-ps.rar

vue Google 封装第三方登录,亲测可用,配置好 id OK,基于cli2 构建, npm install npm run dev 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417101756893390

2019-07-25

vue-facebook-login.rar

vue facebook 第三方登录封装,全网最靠谱资源.利用clli3.0 构建 npm install npm run serve 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417096994417412

2019-07-25

vue-line-login-ps.rar

vue line 第三方登录插件,实测可用.可以方便的整合到vue 的项目中.此demo cli3.0的 . npm install npm run serve

2019-07-25

日期年月日三级连动选择demo(超简单)

日期选择简易demo,非常方便使用,没有使用插件.完全js,jq代码实现.非常方便,下载过来直接可用!

2019-06-19

vue-more-pages.zip

vue多页面开发demo,配好了axios拦截器,链接写法打包后不一样的写法也已经标注。 dist要新加index.html。全都配置好了!这个才是真的有用的 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J417131589328672

2019-06-08

jsp根据表单填写内容追加生成json文件

jsp根据表单填写内容追加生成json文件的代码,追加json信息!

2019-06-03

vue-multi-page.zip

vu+webpack多页面应用demo,完善后的,很好用。配置都配置好了,直接打包就可以用了。 免 c 币下载地址 http://download.lllomh.com/cliect/#/product/J421387860584355

2019-05-22

在mac 中nw.js 打包无效怎么破?

发表于 2019-05-12 最后回复 2019-05-12

空空如也
提示
确定要删除当前文章?
取消 删除