前端
文章平均质量分 74
前端开发相关,以Web前端为主
般若Neo
May the force be with you
展开
-
AngularJS Demo 项目
本项目是一个基于AngularJS 1.x版本 构建的示例项目,旨在帮助初学者能够快速了解AngularJS各功能特性的使用方法,及综合运用它们开始一个CRUD项目。原创 2017-01-11 17:36:58 · 28714 阅读 · 11 评论 -
EasyUI - 一个简单的后台管理系统入门实例
采用EasyUI 1.4.x 版本,默认default风格,异步加载页面,多Tab页展示,使用JSON文件模拟从后台动态获取数据。原创 2017-10-20 14:22:40 · 52091 阅读 · 8 评论 -
用JS控制SVG的预设动画
用JS控制SVG预设动画的基本思路:- 用标签把SVG内容嵌入到网页文档结构中,方便后续获取;- 用CSS的@keyframes为SVG中的某些元素“预设”一些动画效果;- 用JS获取SVG中的元素,然后用切换类名class的方式,达到控制动画显隐的效果;.........原创 2022-06-17 15:03:45 · 2344 阅读 · 1 评论 -
在Vue项目中使用mockjs生成模拟数据
本文讲述如何在基于Vue的项目中引入并使用Mockjs来生成模拟数据,拦截Ajax请求。原创 2021-09-06 11:45:17 · 620 阅读 · 2 评论 -
ECharts - dataset组件的用法详解
从ECharts 4开始,支持使用dataset组件用于单独的数据集声明,从而使数据与配置进一步分离,数据可以被单独管理,被多个系列复用,并且可以基于数据指定数据到视觉的映射。本文对dataset组件的使用进行了详细的讲解和介绍,包括其基本用法、按行或列进行映射、维度dimensions、encode映射规则等内容。原创 2020-11-25 13:43:37 · 14710 阅读 · 0 评论 -
在HTML中插入SVG的几种方式
SVG (Scalable Vector Graphics) 可缩放矢量图,是一种基于XML语法的图像格式。其他图像格式都是基于像素处理的,SVG则是属于对图像的形状描述,所以它本质上是文本文件,体积相对较小,且放大时也不会失真。插入svg标签直接使用 <svg> 标签插入内容到网页中,成为DOM的一部分,然后可以使用CSS和JS进行控制。一个简单的圆:<svg widt...原创 2020-04-15 17:11:10 · 38010 阅读 · 1 评论 -
ES6 - 关于Promise的使用
Promise是一种异步编程的解决方案,比传统的回调函数+事件的方式更合理和强大,ES6原生提供了Promise对象。Promise类似一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,从它可以获取异步操作的消息。Promise对象有以下特点:对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)...原创 2018-12-04 11:41:46 · 401 阅读 · 0 评论 -
ES6 - 模块Module的使用方法
ES6模块是静态化的设计思想,使得编译时就能确定模块之间的依赖关系,以及输入和输出的变量。ES6模块自动采用严格模式,即使没有在模块的头部添加use strict。在模块当中,this受到了限制,顶层的this指向undefined,即不应该在顶层代码中使用this。模块功能主要由export和import两个命令实现,export命令用于规定模块的对外接口,import命令用于输入其他模块...原创 2018-11-29 19:57:00 · 24408 阅读 · 0 评论 -
CSS3 - 使用弹性盒子(Flex Box)实现完美居中、栅格系统及响应式布局
CSS3弹性盒子介绍弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex ite...原创 2018-11-09 13:26:55 · 24905 阅读 · 0 评论 -
如何在 GitHub 上大显身手?
码农朋友们都知道,GitHub是一个面向开源及私有软件项目的托管平台,上面托管了众多的优秀的项目,比如Linux内核源码、Git源码、机器学习框架Tensorflow等等。当然,除了这些顶尖项目外,还有海量的高手开发的优秀项目。所有的这些项目,我们都可以为它贡献代码。那么,要如何为这些项目贡献代码呢?我们下面以实例来讲解。比如说,现在GitHub上有个很牛逼的项目githubTest,它的作者...转载 2018-10-19 09:19:04 · 561 阅读 · 0 评论 -
前后端分离模式下,如何跟踪用户状态?
在前后端分离开发模式下,前端采用Vue等MVVM框架,后端负责提供RESTful风格的接口。区别于传统开发模式下使用session来跟踪用户登录状态,前后端分离模式可采用读取cookie的方式来验证用户登录,每次用户访问任意URL,都会对cookie进行验证。 这种方式的好处是保证服务器处理任意的URL都是无状态的,可以扩展到多台服务器。 由于登录成功后是由服务器生成一个cookie发送给浏览...原创 2018-08-24 16:06:07 · 5384 阅读 · 0 评论 -
Markdown基本语法
Markdown 是一种轻量级标记语言,它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。本文将介绍Markdown的基本语法,可以帮助你快速上手使用。原创 2017-01-06 18:43:14 · 606 阅读 · 0 评论 -
2016年前端技术观察
前端技术,从最初的刀耕火种到现在的百花齐放、繁花迷眼,可以说达到了一个前所未有的鼎盛时期。当身边的同事张口闭口都是所谓H5的时候,作为一名前端开发者的我心中越来越多的却是迷惑和不解。我并不完全赞同这篇文章中的观点,但这不重要,重要的是我听到了不同的声音,而不是人云亦云。在这个迷乱的时世中,坚信常识!转载 2016-12-14 14:58:31 · 5408 阅读 · 0 评论 -
SASS基本用法
本文介绍了SASS的基本用法,包括变量、嵌套、混合、继承、函数及运算等。原创 2016-12-12 16:11:02 · 2838 阅读 · 0 评论 -
Git常用命令
本文主要列出在日常开发中常用的Git命令,方便查询。原创 2016-12-05 17:05:20 · 477 阅读 · 0 评论 -
JSON快速入门指南
本文从JSON定义、语法规则及JSON解析与序列化等方面对JSON数据格式进行简要的使用说明,并重点阐述对JSON.parse()和JSON.stringify()方法的使用。原创 2016-04-22 18:46:36 · 2684 阅读 · 0 评论 -
Web 开发模式演变历史和趋势
今天给大家分享一篇淘宝玉伯的文章,详细介绍了 Web 开发的四种常用模式以及未来可能成为流行趋势的 Node 全栈开发模式,相信你看了以后一定会有收获。转载 2016-01-29 15:00:37 · 1404 阅读 · 0 评论