摘要: 在开发大型Web应用或复杂交互的网站,不免会遇到一些页面性能瓶颈的问题。本篇介绍一下如何利用Chrome的性能面板分析网站的性能瓶颈,应该对你有所帮助。 注意,为了减少一些Chrome插件对性能评估产生噪音,最好打开隐身模式访问页面进行测试。 将Chrome切换到隐身模式,然后打开该页面进行测试: 阅读全文
posted @ 2020-08-02 23:59 Jafeney 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 最初,前端是没有架构的,因为功能简单的代码毫无架构可言。通过一个简单的jQuery库操作DOM就能完成的工作,无需复杂的设计模式和代码管理机制,也就不需要架构来支持起应用。 前端开发的发展历史分为以下几个阶段: 古典时代:由后端渲染出前端HTML,用Table布局,用CSS进行简单的辅助 动效时代: 阅读全文
posted @ 2020-08-02 22:14 Jafeney 阅读(391) 评论(0) 推荐(0) 编辑
摘要: React16.8开始内置了10个Hook,核心是2个: 状态管理:useState 副作用管理:useEffect 有状态的函数 useState 有状态组件写法: class Example extends React.Component { constructor(props) { super 阅读全文
posted @ 2020-05-26 00:30 Jafeney 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 在开发大型Web应用或复杂交互的网站,不免会遇到一些页面性能瓶颈的问题。本篇介绍一下如何利用Chrome的性能面板分析网站的性能瓶颈,应该对你有所帮助。 注意,为了减少一些Chrome插件对性能评估产生噪音,最好打开隐身模式访问页面进行测试。 将Chrome切换到隐身模式,然后打开该页面进行测试: 阅读全文
posted @ 2020-05-25 10:31 Jafeney 阅读(715) 评论(0) 推荐(0) 编辑
摘要: 移动端适配我们需要做哪些事情? 一个最佳实践除了设置 和 基准值,随着iPhone手机的不断升级,我们不得不正视以下2个问题: 安全区域适配 识别刘海屏 关于viewpoint fit 在切入正题之前,我们先展开介绍一下 ,它的作用是用于设置可视区域的尺寸,属性如下: PropName | Desc 阅读全文
posted @ 2020-05-24 00:26 Jafeney 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 实践内容 从 MariaDB 一张表内读 10 万条记录,经处理后写到 MongoDB 。 具体实现 1、新建 Spring Boot 应用,依赖如下: 2、创建一张表,并生成 10 万条数据 3、创建 Person 类 4、创建一个中间处理器 5、创建 ,用户数据库映射 6、创建任务完成的监听 7 阅读全文
posted @ 2020-05-16 23:43 Jafeney 阅读(765) 评论(0) 推荐(1) 编辑
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2020-05-10 23:31 Jafeney 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 1.自定义事件(1)一些组件提供了自定义事件,命名方式为{事件名称}.{组件名称}.amui,用户可以查看组件文档了解。使用这些事件,如: $('#myAlert').on('close.alert.amui',function(){ //do something; });(2)data-... 阅读全文
posted @ 2015-02-03 12:13 Jafeney 阅读(2568) 评论(0) 推荐(0) 编辑
摘要: 一.简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则。而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象。随后,我们就可以对这个获取到的 DOM 节点进行行为操作了。#box {//使用 ID 选择... 阅读全文
posted @ 2014-08-19 14:40 Jafeney 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 代码风格 在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写: $(function () {}); //执行一个匿名函数 $(‘#... 阅读全文
posted @ 2014-08-19 14:38 Jafeney 阅读(196) 评论(0) 推荐(0) 编辑