摘要: 前段时间集团举行前端IOT比赛,借此机会熟悉了树莓派相关的东西,特此记录一些相关的文档和开发指南。 先介绍一些树莓派的入门教程 阮一峰的树莓派入门 微雪电子-树莓派硬件中文官网 ssh链接树莓派 ssh pi@dd.dd.dd.dd(ip)密码:raspberry 设置显示设备 推荐选购3.5吋或者 阅读全文
posted @ 2020-01-20 23:33 热爱前端知识 阅读(527) 评论(0) 推荐(0) 编辑
摘要: vue2.* (多页面跳转) @[vue2.3.3|webpack2.6.1|less|axios] 之前看过有相关朋友share了空的多页面脚手架. 不过down了几个都是webpack1.0或者vue1.0的. 刚好项目需要用到vue. 就在vue-cli的基础上进行了修改 已经有babel直接 阅读全文
posted @ 2020-01-20 22:47 热爱前端知识 阅读(462) 评论(0) 推荐(0) 编辑
摘要: HTML 简介 HTML 历史 最初的 HTMl 是由 CERN 负责制定的,后来转交给 IETF。 在 1990-1995 年期间, HTML 经历了许多次的版本修改与扩充; 1995 年的时候 HTML 的版本更新到了 HTML3.0;1997 年又完成了 HTML3.2; 同年也完成了 HTM 阅读全文
posted @ 2020-01-20 22:20 热爱前端知识 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 系列文章说明 原文 所有的web开发者都会很快(或者很痛苦地)意识到Web是一个粗糙的环境,其中最糟糕的一点就是老旧的浏览器。提到“老旧浏览器”,我们脑海中往往复现的就是旧版的IE。但其实老旧浏览器不止这一种,一个一年前的Firefox,比如ESR版本也算得上老旧了。至于移动端,由于有些浏览器和操作 阅读全文
posted @ 2020-01-20 21:35 热爱前端知识 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用。 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件的效果: demo2:列表循环绑定,识别当前点击对象: 项目地址为:https://github.c 阅读全文
posted @ 2020-01-20 20:55 热爱前端知识 阅读(10142) 评论(0) 推荐(0) 编辑
摘要: 1.什么是盒子模型? CSS中的思维模型,每一个元素都包含margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型. 2.简述一下src与href的区别? Href 超文本链接,指向网络资源所在位置,如果我们在文档添加<link href="common.css" 阅读全文
posted @ 2020-01-20 20:09 热爱前端知识 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 字符串补白: 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.log("|"+str+"| 阅读全文
posted @ 2020-01-20 19:41 热爱前端知识 阅读(121) 评论(0) 推荐(0) 编辑
摘要: <script type="text/babel"> let colorArr = ["red","yellow","blue","orange","pink","green","gray"]; class HelloWorld extends React.Component{ constructo 阅读全文
posted @ 2020-01-20 18:51 热爱前端知识 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 项目需求:在ie或chrome浏览器下,调用电脑摄像头(确保使用的是笔记本电脑,或者摄像头功能正常使用的台式机),进行人脸图像采集预览,并将图片的base64码传入到后台进行后续操作。该demo适用于chrome和ie10以上,ie10以下版本的未测试。 前期插件准备 jquery:1.5版本以上即 阅读全文
posted @ 2020-01-20 18:18 热爱前端知识 阅读(802) 评论(0) 推荐(0) 编辑
摘要: 遇到一个项目,客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器,但是却不支持本地MP3上传并使用audio标签播放,只能搜索在线MP3,实在有点不方便。这里说一下怎么修改,主要还是利用原来的【插入视频】的功能: 步骤一:上传视频的时候判断格式,如果是音频格式的话则调用原来music的处理 阅读全文
posted @ 2020-01-20 17:32 热爱前端知识 阅读(1374) 评论(0) 推荐(0) 编辑
摘要: 前言 WEB缓存探究第一弹中我们讲了一些WEB缓存的基础知识和策略。第二弹我们来讲讲如何实际在项目中配置。 实战 鉴于叉烧包本包是个前端,所以我们就以HTML和Node为例开始 HTML——在header中加入meta标签 当然根据我的测试发现这种方式好像并没有什么卵用这段代码代表的是不需要浏览器缓 阅读全文
posted @ 2020-01-20 16:52 热爱前端知识 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 起因 昨晚在做慕课网的十天精通CSS3课程,其中的综合练习是要做一个3D导航翻转的效果。非常高大上。 以往这些效果我都很不屑,觉得网上一大堆这些特效的代码,复制粘贴就好了,够快。但是现实工作中,其实自己写出来,比你网上找代码要快很多,因为你是不会才去找代码粘过来的。那么你就要去看哪些代码需要用,哪些 阅读全文
posted @ 2020-01-20 16:03 热爱前端知识 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 两年前,我开始接触 Vue.js 框架,当时就被它的轻量、组件化和友好的 API 所吸引。之后我将 Vue.js 和 Webpack 技术栈引入我的公司(TalkingData)可视化团队,并经过一年多的实践,现已成为整个公司的前端开发规范。与此同时,我开源了 iView 项目,它是基于 Vue.j 阅读全文
posted @ 2020-01-20 15:19 热爱前端知识 阅读(598) 评论(0) 推荐(0) 编辑
摘要: 原文出处:https://segmentfault.com/a/11... 在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。 而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性 这里有三种方法: 第一种:通过数据的双向绑定( 阅读全文
posted @ 2020-01-20 14:44 热爱前端知识 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 先看成果:1.PC端2. 首先确立html,有哪些东西我们要知道。布局大概的样子在心里有个数 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2020-01-20 14:11 热爱前端知识 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 绑定实现的历史 绑定的基础是 propertyChange 事件。如何得知 viewModel 成员值的改变一直是开发 MVVM 框架的首要问题。主流框架的处理有一下三大类: 另外开发一套 API。典型框架:Backbone.js Backbone 有自己的 模型类 和 集合类。这样做虽然框架开发简 阅读全文
posted @ 2020-01-20 13:22 热爱前端知识 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 1、 减少http请求,合理设置 HTTP缓存 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵,减少http请求的数目可有效提高访问性能。 减少http的主要手段是合并CSS 阅读全文
posted @ 2020-01-20 11:58 热爱前端知识 阅读(1888) 评论(0) 推荐(0) 编辑
摘要: 模块化、组件化是一种开发思想,是一种开发思路上的解决方案,我们大多数人要是没有深入理解 这个概念的话,会有一种模糊摸不着模块化、组件化意思的感觉,会有一种想用模块化、组件化来实现项目却不知道怎么下手。其实,只要记住,模块化只是一种思想,不是一种具体的解决方案。 在项目中,我们可能用到类似bootst 阅读全文
posted @ 2020-01-20 11:09 热爱前端知识 阅读(1386) 评论(0) 推荐(0) 编辑
摘要: 如题,祖先元素transform非none时,记录一下Iphone6中引起后代元素fixed参考视图怪异表现和解决方案。 层叠关系及参考视图 层叠上下文是HTML元素的三维概念,这些HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优先级顺 阅读全文
posted @ 2020-01-20 10:24 热爱前端知识 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 又想起08年的北京奥运会 其实更多的是 小岳岳的五环 还有hot-dog的rap 哼~就把车子开上五环 废话不说了 否则就变成演唱会了。 首先呢先分析我们需要设置五个宽高相等的div 并且要把border-radius属性值设为50% 设置上10px的实心边框默认颜色为黑色 当然只要比50%大都可以 阅读全文
posted @ 2020-01-20 09:36 热爱前端知识 阅读(675) 评论(0) 推荐(0) 编辑