摘要: 鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在 阅读全文
posted @ 2020-04-03 23:51 热爱前端知识 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 单一职责原则(SRP:Single responsibility principle)又称单一功能原则,面向对象五个基本原则(SOLID)之一。它规定一个类应该只有一个发生变化的原因。 在前端开发的过程中,一个需求总会有多种解决方法,如果多人开发,其实我觉得单一职责挺适合前端的,前阵子看了下实习生的 阅读全文
posted @ 2020-04-03 23:04 热爱前端知识 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 前言 我的项目没问题,是用户的网络环境不够好 前端作为一个最贴近用户的技术工种,毫无疑问应该把户体验放在第一位. 而用户体验,基本正比于页面的打开速度,特别是做移动端的同学,所以如何优化自己的项目,提高页面的加载速度成为重中之重. 资源的下载及解析 对前端同学来说,弄清楚页面上资源的下载和解析顺序是 阅读全文
posted @ 2020-04-03 22:03 热爱前端知识 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在 阅读全文
posted @ 2020-04-03 20:50 热爱前端知识 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 文本元素 <wbr> 如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。英文单词过长时使用<wbr>会根据浏览器的宽度适当的裁切换行。 <p> 如果想学习 AJAX,那么您必须熟悉 XML<wbr> 阅读全文
posted @ 2020-04-03 20:02 热爱前端知识 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 目录 语言无关 MySQL NoSQL PostgreSQL Web WEB服务器 其它 函数式概念 分布式系统 在线教育 大数据 操作系统 数据库 智能系统 正则表达式 版本控制 程序员杂谈 管理和监控 编程艺术 编译原理 编辑器 计算机图形学 设计模式 软件开发方法 项目相关 语言相关 Andr 阅读全文
posted @ 2020-04-03 19:22 热爱前端知识 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 开关样式预览图 前言 最近在基于bootstrap框架开发一个网站,在填写表单一项需要用户填写是否选择某一选项,本来想引用bootstrap框架自带的一个按钮插件,结果在引用js的时候总是出错,就找了找资源,用纯css实现这个按钮开关的功能。 具体代码过程 话不多说,直接上代码实现! html代码部 阅读全文
posted @ 2020-04-03 18:10 热爱前端知识 阅读(984) 评论(0) 推荐(0) 编辑
摘要: 前言: 大致记一下模块插件化的书写思路 一般写法: define(function(require, exports, module) { var plugin = { //插件初始化入口 init : function(options){ var that=this; this.parameter 阅读全文
posted @ 2020-04-03 16:43 热爱前端知识 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 系列文章说明 原文 在本文中,我们将了解如何在HTML表单上使用CSS,为那些难于自定义的表单组件加以样式。如前文所述,文本框和按钮很适合使用CSS,而现在我们得来探索HTML表单样式的那些坑了。 在进一步讨论前,先回顾下两种HTML表单组件: 比较糟糕的一些元素只能使用很少的样式,而且得依赖一些复 阅读全文
posted @ 2020-04-03 15:34 热爱前端知识 阅读(852) 评论(0) 推荐(0) 编辑
摘要: tipswindown.js /// //jQuery弹出窗口 By Await [2009-11-22] // /*参数:[可选参数在调用时可写可不写,其他为必写] title: 窗口标题 content: 内容(可选内容为){ text | id | img | url | iframe } w 阅读全文
posted @ 2020-04-03 14:18 热爱前端知识 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 应用场景 在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案 解决方案 在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ,例如 阅读全文
posted @ 2020-04-03 13:24 热爱前端知识 阅读(3928) 评论(0) 推荐(0) 编辑
摘要: <style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300p 阅读全文
posted @ 2020-04-03 10:57 热爱前端知识 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库 0. 引言 如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HTML5 无缝工作的游戏引擎。那么在这里你会找到你需要的东西。尽管市面上有很多免费和付费的游戏引擎,但一个让专业的游戏开发者满意的游戏引擎肯定 阅读全文
posted @ 2020-04-03 09:47 热爱前端知识 阅读(1938) 评论(0) 推荐(0) 编辑
摘要: 谈谈关于scale属性 scale是什么? 根据W3C定义 ,scale主要是进行缩放和转化: scale能做什么? 1.1px细线 <div class="wrap"> <div class="UI-scale1"></div> <div class="UI-scale2"></div> <div 阅读全文
posted @ 2020-04-03 08:34 热爱前端知识 阅读(7433) 评论(0) 推荐(0) 编辑