摘要: 1.首先明白vuex是做什么用的。 管理统一组件状态state。每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。 2.如何实现 vuex有几个对象 state =>mapState getters =>m 阅读全文
posted @ 2020-05-01 23:22 热爱前端知识 阅读(1022) 评论(0) 推荐(0) 编辑
摘要: 一、业务场景 项目的发展需要吧原来自己的写的通讯换为第三方的,多家对比后选择了融云IM通讯,项目要实现的功能这要是单聊、群聊、聊天室、发送的内容为文字、图片、文件、语音通话与视频通话。听起来挺复杂的我们一起来实现一下,先从一个demo开始,文章会一直维护下去,知道项目本期项目开发结束。 二、进行配置 阅读全文
posted @ 2020-05-01 22:45 热爱前端知识 阅读(552) 评论(0) 推荐(0) 编辑
摘要: 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu... 线条简单的小货车行进的动画https://codepen.io/chrisganno... 炉石传说人物展示效果https://co 阅读全文
posted @ 2020-05-01 22:02 热爱前端知识 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 按照画出的路线吃豆子的交互动画https://codepen.io/createjs/f... 模拟真实手表走针的效果https://codepen.io/vuild/full... 纯 css 画的台灯https://cod 阅读全文
posted @ 2020-05-01 21:17 热爱前端知识 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,对于某些API在现有的JavaScript运行时环境不支持的时候,我们大都会采用加入polyfill来解决这个问题。但有些时候我们可能需要知道现在某个API到底是否为运行时环境所原生支持,还是polyfill代码支持的。今天在学习Vue 2.X版本的源代码时,就发现了Vue中也有用来检 阅读全文
posted @ 2020-05-01 20:32 热爱前端知识 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 书写是为了更好的记忆。 方案一:form表单上传 该方案优点是支持好,缺点刷新页面。 <form action="url" method="post" enctype="multipart/form-data"> <input type="file" name="file"><input type= 阅读全文
posted @ 2020-05-01 19:39 热爱前端知识 阅读(485) 评论(0) 推荐(0) 编辑
摘要: SpringBoot 急速构建项目,真的是用了才知道,搭配JPA作为持久层,一简到底!下面记录项目的搭建,后续会添加NOSQL redis,搜索引擎elasticSearch,等等,什么不过时就加什么。 开发工具idea、项目构建gradle、模板引擎thymeleaf 项目构建 1.【new】 - 阅读全文
posted @ 2020-05-01 18:59 热爱前端知识 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 前言 最终适配所有机型的方案基于clipboardjs官网https://clipboardjs.com/ 这个库由几个不同的CDN提供商托管。选择你最喜欢的:) jsDelivr <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/ 阅读全文
posted @ 2020-05-01 18:19 热爱前端知识 阅读(264) 评论(0) 推荐(0) 编辑
摘要: CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。 CRM WebClient UI 在CRM WebUI workbench里,开发人员需要写下图这些SAP封装的tag: 这些Tag能在事物码SE80里找到: Hybris backof 阅读全文
posted @ 2020-05-01 17:38 热爱前端知识 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写行走的大象https://codepen.io/FabioG/ful... 纯 css 画的 iphoneXhttps://codepen.io/ahmedtarek... 通过道具表现响应式效果https:// 阅读全文
posted @ 2020-05-01 17:01 热爱前端知识 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 摘要: 大师:很简单,我这里有一份佛系月薪 5 万指南,我看你骨骼清奇、脑门光亮,一看就是将要大富大贵之人,这份指南可以助你快速实现小目标! 程序员问大师…… 青年:大师,你看咪蒙的助理都月薪 5 万了,我也想月薪 5 万! 大师:很简单,我这里有一份佛系月薪 5 万指南,我看你骨骼清奇、脑门光亮, 阅读全文
posted @ 2020-05-01 16:22 热爱前端知识 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 在项目需求中,有需要用到输入框在进入这个页面的时候就自动定位获取这个输入框的焦点。 查了许多资料,也问了ionic3的大神,现将知识点记录如下: 1、能不能直接设置ion-input的属性值来达到自动获取焦点的目的 使用autofocus="true"属性值 效果: ⑴在网页端浏览,可以自动获取焦点 阅读全文
posted @ 2020-05-01 15:38 热爱前端知识 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 前天面试遇到一个多叉树面试的题目,在这里分享记录一下。 题目:一个树形的数据(如下数据),面试官给你一个id,然后拿到对应的name? 数据结构大概是这个样子 var cityData = [ { id: 1, name: '广东省', children: [ { id: 11, name: '深圳 阅读全文
posted @ 2020-05-01 14:45 热爱前端知识 阅读(422) 评论(0) 推荐(0) 编辑
摘要: CRM Controller只需实现IF_BSP_WD_HISTORY_STATE_DESCR~GET_STATE_DESCRIPTION方法: 上图在ABAP调试器里观察到的这个字符即出现在最终页面上。 Hybris Product明细页面的pageTitle字段绑定到Model的{pageTit 阅读全文
posted @ 2020-05-01 13:57 热爱前端知识 阅读(108) 评论(0) 推荐(0) 编辑
摘要: i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称。对程序来说,在不修改内部代码的情况下,能根据不同语言及地区显示相应的界面。 SAP CRM WebClient UI上显示的文本不会硬编码,而是维护在OTR(Online T 阅读全文
posted @ 2020-05-01 13:08 热爱前端知识 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 内容切换的交互效果https://codepen.io/jcoulterde... 报价卡片的交互效果https://codepen.io/jcoulterde... 3d 菜单交互效果https://codepen.io/j 阅读全文
posted @ 2020-05-01 11:37 热爱前端知识 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 1.xss的攻击原理 需要了解 Http cookie ajax,Xss(cross-site scripting)攻击指的是攻击者往Web页面里插入恶意html标签或者javascript代码。比如:攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取cookie中的用户私密信息;或者攻击者在 阅读全文
posted @ 2020-05-01 10:47 热爱前端知识 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 霸面的是前端实习生岗位,当时听同学说前端缺人,还特意设了一个霸面区,就去溜了个弯儿,毕竟不试试,怎么知道自己有多菜呢o( ̄︶ ̄)o一面技术面,面试官关注的点一直在数据结构、算法、计算机网络这些点,关于框架也有问,但较少,而且直接问原理。下面是把面试官问的问题做个总结,以便以后查漏补缺 手写快排,讲原 阅读全文
posted @ 2020-05-01 10:04 热爱前端知识 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 在前端页面开发过程中偶尔会有需要对数据进行相应的数学模型展示,或者地理位置的动态展示,可能就会想到用canvas,网上有很多已经集成好的,比如说类似echarts,确实功能非常强大,而且用到了canvas,所以对canvas的使用研究了以下,做一下总结,方便复习。1.利用canvas画一条线:首先, 阅读全文
posted @ 2020-05-01 09:21 热爱前端知识 阅读(343) 评论(0) 推荐(0) 编辑
摘要: jQuery网页自适应屏幕图片滚动切换https://www.mk2048.com/demo/demo_target_desc.php?id=0i0bibi1jjQuery自适应,图片切换,图片滚动jQuery用户注册表单验证提交代码https://www.mk2048.com/demo/demo_ 阅读全文
posted @ 2020-05-01 08:44 热爱前端知识 阅读(146) 评论(0) 推荐(0) 编辑