摘要: 《前端每日实战》专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码解读,是学习前端开发的活的参考书! 以下是 2018 年 4 月份发布的项目: 1# 视频演示如何用纯 CSS 创作一个按钮文字滑动特效 2# 视频演示如何用纯 CSS 创作一个矩形旋转 loader 特效 3# 视频演示 阅读全文
posted @ 2020-04-29 23:37 热爱前端知识 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 作者:心叶时间:2018-05-01 18:30 H5提供了二种非常好用的本地存储方法:sessionStorage和localStorage,下面分别介绍一下: 1.sessionStorage:保存的是一个会话的数据,也就是说只在一次会话中有效,关闭就会销毁数据,不是持久的本地数据存储,只是一个 阅读全文
posted @ 2020-04-29 22:51 热爱前端知识 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 原文首发于我的个人博客: https://lonhon.top/ 之前的《基础篇》主要介绍了Sentry和基本部署流程,在实际使用过程中你会发现Sentry受欢迎的原因:除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能,包括: Release控制,分别处 阅读全文
posted @ 2020-04-29 22:07 热爱前端知识 阅读(1733) 评论(0) 推荐(0) 编辑
摘要: z-index基础介绍:三维坐标空间里,x轴通常用来表示水平位置,y轴来表示垂直位置,还有z轴来表示在纸面内外方向上的位置,像下面的图片一样: css允许的z-index的值是 ● auto (自动,默认值) ● (整数) ● inherit (继承)当设置成整数时,值越大越靠近用户。如果有两个元素 阅读全文
posted @ 2020-04-29 21:12 热爱前端知识 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用。工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧。 1.到github下载:git clone https://github.com/vuejs/vue-... 2.在vue-devto 阅读全文
posted @ 2020-04-29 20:35 热爱前端知识 阅读(1128) 评论(0) 推荐(0) 编辑
摘要: H5新增API 选择器 querySelector()和querySelectorAll(),参数都是css选择器,前者返回符合条件的第一个匹配的元素,如果没有则返回Null,后者返回符合筛选条件的所有元素集合,如果没有符合筛选条件的则返回空数组。 getElementsByClassName()返 阅读全文
posted @ 2020-04-29 19:55 热爱前端知识 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 技术栈 vue+vuex+vue-router+socket.io+koa2+mongodb+pm2自动化部署+图灵机器人+[npm script打包,cdn同步,服务器上传一个命令全搞定] 功能清单 登陆注册 获取聊天记录(包含前端分页优化) 发送文字,表情,文件消息 创建群组,添加群组,群组搜索 阅读全文
posted @ 2020-04-29 19:12 热爱前端知识 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 原文请查阅这里,本文有进行删减,文后增了些经验总结。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原理的第三章。 我们将会讨论日常使用中另一个被开发者越来越忽略的重要话题,这都是日益成熟和复杂的编程语言的锅,即内存管理问题。我们将会提供在创建 SessionSt 阅读全文
posted @ 2020-04-29 18:22 热爱前端知识 阅读(248) 评论(0) 推荐(0) 编辑
摘要: Node.js究竟是什么? Node.js是一个JavaScript运行时环境。听起来不错,但这是什么意思?这是如何运作的? Node运行时环境包含执行用JavaScript编写的程序所需的一切。 当JavaScript的原始开发者将它从只能在浏览器中运行的东西扩展到可以作为独立应用程序在机器上运行 阅读全文
posted @ 2020-04-29 17:30 热爱前端知识 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 全球最大的控件提供商葡萄城宣布,新一代纯前端控件 WijmoJS 发布2018 v1 版本,进一步增强产品功能,并支持在 Npm 上的安装和发布,极大的提升了产品的易用性。 WijmoJS 是用 TypeScript 编写的新一代 JavaScript/HTML5 控件集,秉承触控优先的设计理念,W 阅读全文
posted @ 2020-04-29 16:50 热爱前端知识 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 本人是一枚前端小白,也是从零开始学习vue.js。由于闲着蛋疼,写一点自己的经验,可能有点low。是新手想上道的话,可以看看,如果有大神,也可以给我指导一下,小生感激不尽。 关于如何使用vue-cli搭建vue项目,我这里就不再赘述,直接转发个博客,你们自己看就行了。https://www.cnbl 阅读全文
posted @ 2020-04-29 16:03 热爱前端知识 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 日前,活字格Web 应用生成平台发布V4.0版本,首次公开插件机制,强大的扩展性和系统集成能力,引起业内瞩目。 活字格是由西安葡萄城自主研发的 Web 应用生成平台,提供易用的类Excel可视化设计器和灵活的定制能力,帮助使用者以无代码或少写代码的方式,快速自主创建各类企业管理系统,如生产管理、进销 阅读全文
posted @ 2020-04-29 15:14 热爱前端知识 阅读(639) 评论(0) 推荐(0) 编辑
摘要: 感谢本文引用链接的各位大佬们,小菜鸟我只是个搬运工 1.谈一谈你理解的vue是什么样子的? vue是数据、视图分离的一个框架,让数据与视图间不会发生直接联系。MVVM 组件化:把整体拆分为各个可以复用的个体 数据驱动:通过数据变化直接影响bom展示,避免dom操作。 可以在原项目的基础上,一两个组件 阅读全文
posted @ 2020-04-29 14:35 热爱前端知识 阅读(1206) 评论(0) 推荐(0) 编辑
摘要: 微信小程序的学习 微信小程序的开始尝试 TodoList 微信开发者工具生成 目录如下: . |-- app.js |-- app.json |-- app.wxss |-- pages | |-- index # 主页 | | |-- index.js | | |-- index.json | | 阅读全文
posted @ 2020-04-29 13:54 热爱前端知识 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 基于svg写了一个涂鸦组件,说项目之前先附上几张效果图: 项目地址:SVGraffiti 由于篇幅问题,本文先总体介绍一下项目的大概情况,重点介绍一下组件间的通信方式。 一、项目说明 该项目是基于webpack@3.x.x构建的多页应用,使用ES6开发,以组件的方式组织代码。git clone项目后 阅读全文
posted @ 2020-04-29 13:11 热爱前端知识 阅读(546) 评论(0) 推荐(1) 编辑
摘要: 基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp,UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因,所以可能多人访问的时候有些东西会加 阅读全文
posted @ 2020-04-29 11:59 热爱前端知识 阅读(1568) 评论(1) 推荐(1) 编辑
摘要: 原文请查阅这里,略有改动,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原理的第六章。 现在,我们将会剖析 WebAssembly 的工作原理,而最重要的是它和 JavaScript 在性能方 阅读全文
posted @ 2020-04-29 11:13 热爱前端知识 阅读(874) 评论(0) 推荐(0) 编辑
摘要: React-Node搭建的博客 曾经用的php+mysql+js写的博客,现在看来已经很low了,所以用目前最火的react+koa框架重构一下。先上地址吧:目前线上版本http://www.liuweibo.cn/,要想看到最新版本和代码,请看Github地址https://github.com/ 阅读全文
posted @ 2020-04-29 10:36 热爱前端知识 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考。若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库。刚开始时想着能用 Material Design 设计规范是一件非常开心的事情,然后事情并不会一直 阅读全文
posted @ 2020-04-29 09:56 热爱前端知识 阅读(446) 评论(1) 推荐(0) 编辑
摘要: Web Workers 分类及 5 个使用场景 原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 这是 JavaScript 工作原理的第七章。 本系列持续更新中,Github 地址请查阅这里。 现在,我们将会剖析 Web Workers:我们将会综合 阅读全文
posted @ 2020-04-29 09:15 热爱前端知识 阅读(854) 评论(0) 推荐(0) 编辑