摘要: 第一篇 https://segmentfault.com/a/11... 在上一篇文章中教给大家了怎么搭建项目的架子;那么今天我们就来说一下项目里的导航和列表的实现 导航 废话不说啦 下面直接给大家讲一下代码项目用的antd-mobile的框架 应该没什么难度,我相信大家认真看文档的都能布局出来; 阅读全文
posted @ 2020-05-12 23:43 热爱前端知识 阅读(307) 评论(0) 推荐(0)
摘要: [博文]内容属性(HTML属性)和 DOM 属性 标签: 博文 JavaScript 粗略解读(与jQuery做对比) 内容属性(HTML属性) : attribute DOM 属性(Element属性) : property jQuery 中的:attr() 对应原生JS中的 setAttribu 阅读全文
posted @ 2020-05-12 23:01 热爱前端知识 阅读(234) 评论(0) 推荐(0)
摘要: 我们一般在浏览器里识别用户的访问设备都是通过 User Agent 这个字段来获取的,但是通过它我们只能获取一个大概的信息,比如你用的是 Mac 还是 Windows,用的是 iPhone 还是 iPad。如果我想知道你用的是第几代 iPhone,这个方法就不行了,前段时间我正好有这个需求,识别移动 阅读全文
posted @ 2020-05-12 22:12 热爱前端知识 阅读(402) 评论(0) 推荐(0)
摘要: 前言 前端的童鞋在写页面时, 都不可避免的总会踩到表单验证这个坑. 这时候, 我们就要跪了, 因为要写一堆js来检查. 但是自从H5出现后, 很多常见的表达验证, 它都已经帮我们实现了, 让我们减轻了很多负担, 就好像下面的: 邮箱地址验证: <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2020-05-12 21:31 热爱前端知识 阅读(888) 评论(0) 推荐(0)
摘要: 知识点总结 一、keep-alive(实现页面的缓存) 二、 移动端固定定位的解决方案 三、 Vue表单校验 [https://www.zhihu.com/questio... 99220](https://www.zhihu.com/questio... "Vue表单验证") https://gi 阅读全文
posted @ 2020-05-12 20:48 热爱前端知识 阅读(268) 评论(0) 推荐(0)
摘要: 本章涉及3个知识点,var、let、const,现在让我们了解3个关键字的特性和使用方法。 var JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting) 也就是说,如果在函数 阅读全文
posted @ 2020-05-12 19:56 热爱前端知识 阅读(121) 评论(0) 推荐(0)
摘要: web缓存作用 减少网络带宽消耗降低服务器压力减少网络延迟,加快页面打开速度 Web缓存的类型 数据库数据缓存:为了提供查询的性能,会将查询后的数据放到内存中进行缓存,下次查询时,直接从内存缓存直接返回,提供响应效率代理服务器缓存:代理服务器是浏览器和源服务器之间的中间服务器,浏览器先向这个中间服务 阅读全文
posted @ 2020-05-12 19:19 热爱前端知识 阅读(159) 评论(0) 推荐(0)
摘要: 变量功能被加强了、函数功能被加强了,那么作为JavaScript中最普遍的对象,不加强对得起观众吗? 对象类别 在ES6中,对象分为下面几种叫法。(不需要知道概念) 1、普通对象 2、特异对象 3、标准对象 4、内建对象 对象字面量语法拓展 随便打开一个js文件,对象都无处不在,看一个简单的对象。 阅读全文
posted @ 2020-05-12 18:34 热爱前端知识 阅读(143) 评论(0) 推荐(0)
摘要: css3 nth-child选择器 css3的nth-child选择器,乍看起来很简单,其实不是那么容易。 简单用法 p:nth-child(n) // 选择属于其父元素的第n个子元素的每个 <p> 元素 p:nth-child(2n) // 选择属于其父元素的子元素的每个偶数<p> 元素 p:nt 阅读全文
posted @ 2020-05-12 17:56 热爱前端知识 阅读(309) 评论(0) 推荐(0)
摘要: 在实际开发中,无论是做PC端、WebApp端还是微信公众号等类型的项目的时候,或多或少都会涉及到微信相关的开发,最近公司项目要求实现微信网页授权,并获取微信用户基本信息的功能及微信分享的功能,现在总算完成了,但开发过程中遇到好几个坑。废话不多说了,开始正题。 描述点 微信相关开发知识了解 怎么样实现 阅读全文
posted @ 2020-05-12 17:20 热爱前端知识 阅读(2054) 评论(0) 推荐(0)
摘要: Day05 - Flex 实现可伸缩的图片墙 中文指南 作者:©liyuechun 简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西 阅读全文
posted @ 2020-05-12 16:37 热爱前端知识 阅读(129) 评论(0) 推荐(0)
摘要: 大屏开发心得 布局篇 因为大屏不是对外开放的,所以可以使用固定的浏览器。既然这样其实是可以使用一些相对比较新的技术的。所以在布局这块我优先选择使用flexbox技术。 因为大屏屏幕很大,设计师给出的设计图通常会有很大的尺寸。其实设计师并不知道的是大屏屏幕在再大,也不过就是一个显示屏的尺寸。其实那这块 阅读全文
posted @ 2020-05-12 15:59 热爱前端知识 阅读(1692) 评论(1) 推荐(0)
摘要: es8(字符串,对象) 字符串补白: let str = "abc"; let a = str.padEnd(5); let b = str.padStart(5); let c = str.padEnd(5,"a"); let d = str.padStart(5,"a"); console.lo 阅读全文
posted @ 2020-05-12 15:16 热爱前端知识 阅读(281) 评论(0) 推荐(0)
摘要: 推荐 1. Styled-Components 实战 https://hackernoon.com/styled... Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库,能够帮你组织 React 或者 React 阅读全文
posted @ 2020-05-12 14:36 热爱前端知识 阅读(113) 评论(0) 推荐(0)
摘要: jquery商城焦点图片切换按钮控制大图和小图一起切换的焦点图片https://www.mk2048.com/demo/demo_target_desc.php?id=j2hah2ihj一款很好看的商业网站的幻灯片效加上底部的滑动效果,打开看看,你会觉得不错的.原生js仿百度有啊首页图片叠加滚动切换 阅读全文
posted @ 2020-05-12 13:57 热爱前端知识 阅读(191) 评论(0) 推荐(0)
摘要: 前段时间公司做一个线上活动,在电视上商品促销。产品的要求是每个商品介绍刚好满一屏,按下遥控器向下键可以整屏切换。这种功能如果实在PC端,实现起来非常容易,引用jQuery插件就能实现。但是在安卓智能电视上就会有许多兼容性问题,因为各种厂家生产的电视机盒子、智能电视系统都不一样。下面主要介绍一下我的这 阅读全文
posted @ 2020-05-12 13:03 热爱前端知识 阅读(1136) 评论(0) 推荐(0)
摘要: 插播一则广告(长期有效) **MONO哥需要在武汉招JavaScript工程师若干要求:对前端技术(JavasScript、HTML、CSS),对可视化技术(Canvas、WebGL)有浓厚的兴趣基础不好的可培养,基础好的可共谋大事感兴趣的给我发邮件:hr@servasoft.com** 正文的分割 阅读全文
posted @ 2020-05-12 11:24 热爱前端知识 阅读(152) 评论(0) 推荐(0)
摘要: 翻译:疯狂的技术宅来源:Chromium Blog原文标题:So long, and thanks for all the Flash英文原文:https://blog.chromium.org/2017/07/so-long-and-thanks-for-all-flash.html 今天早上(译 阅读全文
posted @ 2020-05-12 10:48 热爱前端知识 阅读(158) 评论(0) 推荐(0)
摘要: 前两天,美团推出的杨洋H5火爆朋友圈。里面主要的是多段视频播放、暂停。听起来很简单,但是由于腾讯白名单限制,在微信浏览器,qq浏览器,会自动将video标签中非腾讯域名的视频 ,自动全屏,结尾追加视频推荐。并且白名单申请入口已经关闭。 本文包含 全屏适配播放 并在视频上放置其他元素。例如下载按钮。 阅读全文
posted @ 2020-05-12 10:08 热爱前端知识 阅读(2095) 评论(0) 推荐(0)
摘要: http://blog.csdn.net/zhoujie_... localStorage是持久化的本地保存,除非主动删除,不然会一直存在,而且在所有的同源窗口中都是可以共享的sessionStorage是会话级别的本地保存,比如一个页面关闭的时候该页面设置的sessionStorage数据会自动消 阅读全文
posted @ 2020-05-12 09:14 热爱前端知识 阅读(126) 评论(0) 推荐(0)
摘要: ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构。 ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构造函数的原型。 'use strict'; //新建构造函数,默认大写字母开头 function P 阅读全文
posted @ 2020-05-12 08:31 热爱前端知识 阅读(140) 评论(0) 推荐(0)