自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xyphf的博客

不断学习,追求卓越

原创 从零启动一个JAVA SSM项目详细步骤目录

详解大型互联网项目服务端架构演进历程   JAVA环境配置 1、Linux软件源配置操作 2、Linux系统 jdk安装实操 3、Linux系统tomcat安装 4、Linux下Maven项目构建与管理工具 5、Linux下vsftpd文件服务器安装与配置实操 6、Linux下ng...

2018-07-29 15:25:35 2605 2

原创 HTML5&CSS3.0基础部分目录-xyphf

[置顶] CSS3.0入门笔记 [置顶] animate.css动画库使用方法介绍 [置顶] 聊一聊HTML5的表单,话说这些表单你都用过吗? [置顶] 聊一聊HTML5存储的那些事儿! [置顶] canvas入门系列1、H5标签 音效audio - HTML5&CSS3.0基础部...

2017-07-05 09:47:51 736 1

转载 声网SDK Agora Web SDK 支持哪些浏览器?

Agora Web SDK 支持所有主流浏览器,支持的浏览器及平台如下。 除上表浏览器外,还有以下支持: Agora Web SDK 2.5 及以上版本支持 Windows XP 平台的 Chrome 49 版本浏览器(仅支持 VP8 编解码,不能与 Native SDK 互通)。 Agor...

2020-05-27 08:48:09 35 0

原创 怎么使一行代码实现网页变灰

如何实现下列效果,更换多套CSS么?那多费劲,那么使用一招快速变更页面为灰色,等清明节过完了,就可以恢复 主要是给html标签加个样式 html.gray { -webkit-filter: grayscale(.95); } 其兼容性写法为 html { -web...

2020-04-08 13:23:08 122 0

原创 手机浏览器console日志如何同步到电脑上查看

如何查看手机浏览器的日志?手机浏览器日志如何同步到电脑?电脑上如何查看手机浏览器的日志? 本文主要讲述iphone手机浏览器的console.log日志如果同步到MAC电脑上。 Web Inspector是Web开发人员用来在Mac和iOS设备上修改,调试和优化网站的工具。 在iOS 6之前...

2020-03-26 13:10:44 273 0

原创 视频聊天

必须使用HTTPS协议 /* Wait for the page to load */ $(function() { console.log("[DEMO] :: Rainbow Application started!"); /** * 这里的...

2020-03-22 23:47:41 102 0

原创 loading.js

/** * 将此js文件放在所以页面引入的其他js文件上方 */ // 加载HTML图 var _LoadingHtml = '<div id="loadingDiv" style="position:fixed;left: 0;top: 0;ri...

2020-03-04 11:51:07 71 0

原创 WEBRTC视频直播入门,WEB网页版如何实现IM语音聊天,视频一对一聊天,视频团队会议,屏幕分享功能、IM文件聊天、文件分享功能等?

webRTC 测试相关设备是否满足https://webrtc.github.io/samples/src/content/devices/input-output/ 测试浏览器是否支持 webrtchttps://test.webrtc.org/ 阿尔卡特朗讯 WEBRTC APIhttps...

2020-02-02 19:11:13 109 0

原创 component: () => import() SyntaxError: Unexpected token相关问题的处理

今天在使用vue-router按需加载的时候出现了,SyntaxError: Unexpected token错误,排查了好久,如下 后来发现是是import这儿报错了,这里要babel的插件了,vue-router官网上有一段提示: 如果您使用的是 Babel,你将需要添加 syntax-...

2019-09-09 11:54:04 1014 0

原创 网页刷新后Vuex后数据丢失处理问题

网页刷新后Vuex数据丢失或者恢复了默认值,我们可以通过localStorage来组合使用。 在store文件夹的index文件里面 1、首先我们在改变Vuex里面值的时候,在localStorage也存一份,在使用Vuex取值的时候优先在localStorage里面取值。 2、但是某些浏览...

2019-08-25 07:34:01 130 0

转载 html5将文字生成图片

本文链接:https://blog.csdn.net/qq_30100043/article/details/76549377 由于canvas能够将画布上的纹理生成数据给img显示出来,所以,我们在html5里面可以实现将文字生成图片显示。 首先我书写了一个将文字绘制到canvas上面的函数,...

2019-08-15 21:28:11 241 0

原创 vue-svg-icon报错

$ npm install vue-svg-icon --save-dev 跑起来后报错 This dependency was not found: * !xml-loader!../../src/svg in ./~/.6.4.1@babel-loader/lib!./~/...

2019-08-15 21:25:16 345 0

原创 Element-UI Methods 如何调用

现在用Element-UI做上传文件的功能,需要调用clearFiles方法,但尝试了几次不行?查了好久终于明白了 1、先在el-upload加个ref="xx"; 2、然后把这个写在对应的事件方法里面, this.$refs.xx.clearFiles() ....

2019-08-15 21:20:51 2082 0

原创 elementUI表格无数据显示图片

<el-table :data="tableData" border ...

2019-08-15 21:17:49 871 0

原创 [Vue warn]: Error in mounted hook: "SyntaxError: Unexpected token   in JSON at position 54"

vue.esm.js?c5de:628 [Vue warn]: Error in mounted hook: "SyntaxError: Unexpected token in JSON at position 54" found in ---> <OaHead...

2019-07-25 14:51:47 2693 2

原创 van-action-sheet - did you register the component correctly? For recursive components, make sure t

在使用Vant UI组件的ActionSheet 上拉菜单时一直报错,有遇到的嘛? vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: <van-action-sheet> - did you register the co...

2019-07-11 16:23:05 1863 0

原创 Setting data field "xxx" to undefined is invalid.

Setting data field "isShow" to undefined is invalid. https://www.jianshu.com/p/175e29606c91

2019-06-28 09:24:28 2242 1

原创 IT软件研发管理总结

2019-06-22 19:00:28 821 2

原创 java:-source 1.7中不支持方法引用(请使用-source8或更高版本以启动方法引用)

1.首先审查IDEA的sdk,jdk也已经设置为了java1.8 本地查询JDK也已经是1.8了 原来MAVEN里面设置的JDK版本问题 将setting.xml里面的JDK也设置成1.8就可以了 java 编译器改成8 ...

2019-06-11 14:44:02 2510 1

原创 Intellij IDEA 提示Cannot resolve symbol 'log' 的解决方法

导入别人的项目时,发现log飘红,提示Cannot resolve symbol‘log’,这是因为没有安装lombok插件的原因。以下是MAC下IDEA安装lombok插件的步骤。 搜索并安装lombok插件 安装后重启即可 ...

2019-06-04 10:29:54 3697 1

原创 微信小程序常用控件组件插件总结

微信小程序日历控件https://github.com/yautah/wxp-calendar 踩坑记录,这里和大家说一下,上面这个日历插件会导致真机测试的时候,真机白屏,但是发布后是,手机上的小程序可以用,建议大家在发布之前在做这个日历相关功能。 微信小程序生成二维码组件https://gi...

2019-06-03 09:35:16 1170 1

原创 微信小程序map组件请求的markers数据无法渲染

今天在写小程序详情页时候遇到一个坑,微信小程序map组件的markers属性是通过后端异步请求到数据后设置的,结果就导致了微信底层渲染出错。 但是如果我先在data向如下初始化markers变量,却可以渲染。 但是我们的数据必须是要从后端请求的,不能这样初始化写死。 通过以下步骤便可以解...

2019-05-21 21:51:11 2337 2

原创 微信小程序怎么获取动态创建的表单数据?VUE怎么获取动态创建的表单数据

业务场景:一串一组表单在微信小程序中由后端获取的json数据循环遍历生成的,我们填好表单后要给后端在传回去。 我们假设这段json是由后端传给我们在前端的遍历的 GoodArr: [ {name:"名称一"}, {name:"...

2019-05-17 00:17:40 1901 1

转载 微信小程序表单验证WxValidate使用

请访问 GITHUBhttps://github.com/skyvow/wx-extend 下载WxValidate 使用方法:https://blog.csdn.net/weixin_41041379/article/details/82017301 https://www.cnblogs...

2019-05-15 08:51:50 552 1

原创 微信小程序子组件WXSS样式文件失效处理

场景描述:父组件里面引用子组件,子组件样式失效 处理办法: 第一步:在全局app.wxss中引入子组件的样式,如 @import "pages/路径/子组件样式文件.wxss"; 第二步:在子组件的js文件里面添加上下列代码 options: { add...

2019-05-13 23:09:15 2537 4

原创 微信小程序 组件引用wxss样式错乱,Some selectors are not allowed in component wxss, including tag name selectors, I

今天做微信小程序,在组件引用过程中出现了样式错乱,在没引用之前都是好好的。 只见有这样的警告: Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and a...

2019-05-09 18:41:51 7299 2

原创 微信小程序 Provisional headers are shown问题 SSL证书

今天开发微信小程序,模拟器里面都是正常的,真机调试的时候出现 Provisional headers are shown 搜了一下,解决方案如下: 可以用一个有SSL认证域名 https://blog.csdn.net/qq_26387547/article/details/827...

2019-05-09 18:28:48 7090 0

原创 微信小程序地图获取地址和经纬度信息,可搜索 wx.chooseLocation

业务场景:点击地点图标后,可以搜索当前地点,点击地图中的浮标确定后,可以填充地址栏。 .wxml绑定一个catchtap事件 <view class="cu-form-group"> <view class="title...

2019-05-07 16:54:20 933 1

原创 微信小程序中Map地图组件的使用

常用功能一:绘制地图标记点一个或多个 map.wxml <!-- longitude 经度 latitude 纬度 scale 缩放层级 最小5,最大18 markers 地图标记 bindmarkertap 点击markers时的事件 polyline="{{poly...

2019-05-06 21:56:42 1627 0

转载 Object对象hasOwnProperty方法的作用,如何判断一个JSON对象中是否有某个键key

Object 对象自身用处不大,不过在了解其他类之前,还是应该了解它。因为 ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似,ECMAScript 中的所有对象都由这个对象继承而来,Object 对象中的所有属性和方法都会出现在其他对象中,所...

2019-05-05 16:53:58 1487 0

转载 获取json对象中的key小技巧

比如有一个json var json = {"name" : "Tom", "age" : 18}; 想分别获取它的key 和 value for (var key in json) { console.log(key)...

2019-04-28 23:49:26 1075 0

转载 vue各类轮播图大全

npm install vue-awesome-swiper --save https://www.npmjs.com/package/vue-awesome-swiper https://github.com/surmon-china/vue-awesome-swiper https://...

2019-04-16 18:08:55 3157 2

原创 VUE 移动端自适应布局终极解决方案

大佬们欲知详情看看这个https://github.com/imochen/hotcss 引入px转rem插件 https://www.npmjs.com/package/px2rem-loader npm install px2rem-loader 使用方法: 1、建一个viewpo...

2019-04-16 17:49:53 6143 0

原创 前端面向对象相关问题

类的声明方式 /** * 类的声明 */ function Animal () { this.name = 'name'; } /** * ES6中的class的声明 */ class Animal2 { constructor () { ...

2019-04-09 08:15:22 210 0

原创 原型链类问题

创建对象有几种方法 // 第一种方式:字面量 var o1 = {name:'o1'}; var o2 = new Object({name:'o2'}); // 第二种方式:通过构造函数 var M = function(name){this.nam...

2019-04-09 07:27:32 106 0

原创 Web前端面试对new运算符的理解

大家都常用new运算符,但是new运算符背后的原理是什么? 答: 首先new运算符后面跟的是一个构造函数,new运算符的第一个步骤就是新的对象被创建,可以理解为一个字面量对象,就是一个空对象被创建了。 它是怎么被关联到实例对象上面呢? 然后这个新的对象是继承这个构造函数的原型对象的 f...

2019-04-08 20:15:18 261 0

原创 VUE SSR服务端渲染涉及的插件

npm i vue-server-renderer -S 调用后整体不会有javaScript输出,输出的是一个json npm i koa -S node框架KOA npm i koa-router -S KOA框架的路由工具 npm i axios -S 在no...

2019-04-07 08:49:07 345 0

原创 5、支付宝支付功能官方Demo调试实操2

既然此Demo是一个web项目,我们配置一下相关环境 运行一下 生成支付二维码 如何接收到回调,我们使用natapp 配置本地地址和本地端口 下载natapp客户端 通过命令后打开和授权 运行 后面的参数就是登录只会显...

2019-04-01 12:22:32 96 0

原创 4、支付宝支付功能官方Demo

1、登录支付宝沙箱环境 2、进入开发者文档 3、进入当面付功能,选择JAVA版 https://docs.open.alipay.com/194/105201/ 下载JAVA版本的Demo 使用IDEA打开此DEMO 导入lib下的jar包 首先修改一下配置文件 ...

2019-04-01 11:50:46 237 0

原创 3、支付宝支付功能重要文档简介

1、沙箱登录: https://openhome.alipay.com/platform/appDaily.htm 2、沙箱环境使用说明 https://doc.open.alipay.com/doc2/detail.htm?treeId=200&articleId=10531&am...

2019-04-01 10:37:05 222 0

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