随笔分类 -  Frontend

1 2 下一页
如何使用Vue.js来搭建一个后台管理系统
摘要：[toc] 首发日期：2019 06 27 修改：2019 07 05：修改一条代码，在页面布局的时候，使用了element UI的el container，但由于标签包裹错误而导致中间的内容一直处于左侧菜单栏之下： 旧的代码： 新的代码： 2019 07 15修改：末尾增加最终项目构建的提醒。 使 阅读全文
posted @ 2019-06-28 13:07 随风行云 阅读(20452) 评论(4) 推荐(22) 编辑
后端开发者的Vue学习之路（五）
摘要：[toc] 首发日期：2019 01 29 作者：http://www.cnblogs.com/progor/ 修改： 2019 02 11：发现发起请求的封装中的export default 写错了，是export，在后面的代码是使用了export ，但有一个地方使用了export default 阅读全文
posted @ 2019-01-29 17:33 随风行云 阅读(2824) 评论(2) 推荐(4) 编辑
后端开发者的Vue学习之路（四）
摘要：[toc] 首发日期：2019 01 28 修改： 1. 2019 01 29：增加404路由 上节内容回顾： 组件的注册（全局，局部） 组件的数据传输（父子组件，非父子组件） props（数据校验） 给组件绑定原生事件 template 插槽（插槽的作用，命名插槽，插槽的默认内容，作用域插槽） 动 阅读全文
posted @ 2019-01-28 19:43 随风行云 阅读(3575) 评论(0) 推荐(6) 编辑
后端开发者的Vue学习之路（二）
摘要：[toc] 首发日期：2019 01 20 上篇内容回顾： 上篇内容讲了 Vue的介绍：优点，MVVM Vue的静态导入与安装，以及hello world 实例可定义的内容：el,data,methods,生命周期钩子（包括计算属性，侦听器也是可以定义在实例中的） 计算属性 侦听器 数据绑定 v m 阅读全文
posted @ 2019-01-20 01:32 随风行云 阅读(2711) 评论(3) 推荐(9) 编辑
后端开发者的Vue学习之路（一）
摘要：[toc] 首发日期：2019 01 19 前言： 有时候，一个后端开发者“不得不”自己去搭建前端界面。如果有的选，当然选一个比较好学的前端“框架”咯（框架很多时候封装了普通的html元素，使得能更加方便地使用）。 如果你做的项目的界面是一个偏后台管理的而且要求并不高的界面的时候，你可以考虑easy 阅读全文
posted @ 2019-01-19 17:48 随风行云 阅读(13661) 评论(7) 推荐(25) 编辑
字体图标的使用
摘要：[toc] 首发日期：2019 01 13 字体图标的介绍 什么是字体图标? 在计算机上，文字本质上都是一些像素点，而图标也是一些像素点，那么有没有办法把某个字体的字做成图标的样子呢？于是有了字体图标这种东西。字体图标本质上是一种字体，不过它在表现意义上是一个图标。 为什么使用字体图标？有什么好处？ 阅读全文
posted @ 2019-01-13 01:13 随风行云 阅读(581) 评论(0) 推荐(0) 编辑
css的定义、用法、注释、命名规则、书写规范
摘要：什么是css: css全名是层叠样式表(Cascading Style Sheets) CSS的作用：给html标签添加“样式”，样式定义了如何显示 HTML 元素 标签是可以由自己的属性去定义样式的（比如表格可以自定义边框），为什么要新定义一个CSS来添加样式呢？因为早期的设计混乱，标签的样式属性没有“通用”性（不同的标签有不同的样式属性），相对难以去使用。 CSS的... 阅读全文
posted @ 2018-07-23 00:50 随风行云 阅读(5962) 评论(0) 推荐(0) 编辑
前端了解之路
摘要：首发日期：2018-07-20 修改日期：2018-07-22：发现漏了几篇博文，补上。 阅读全文
posted @ 2018-07-20 00:03 随风行云 阅读(799) 评论(0) 推荐(1) 编辑
javascript:正则表达式、一个表单验证的例子
摘要：本文内容： 正则表达式 正则表达式的使用方法 正则表达式的特殊匹配字符 正则表达式修饰符 利用正则表达式进行表单验证的例子 首发日期：2018-05-13 正则表达式： 正则表达式的使用方法： 首先创建正则表达式对象： 【正则表达式的字符规则：如果是没有特殊意义的字符，直接写；如果是有特殊意义的，直接写；如果想将特殊意义的字符转成非特殊意义的，前面使用\】 可以... 阅读全文
posted @ 2018-05-13 15:32 随风行云 阅读(4185) 评论(1) 推荐(1) 编辑
DOM对象和window对象
摘要：本文内容： DOM对象 Window 对象 首发日期：2018-05-11 DOM对象： DOM对象主要指代网页内的标签【包括整个网页】 比如：document代表整个 HTML 文档，用来访问页面中的所有标签。 比如：form代表 元素 这里主要介绍使用document来查找标签和操作标签： 查找标签： 根据id查找标签：getElementById() 根... 阅读全文
posted @ 2018-05-11 16:20 随风行云 阅读(2774) 评论(0) 推荐(1) 编辑
javascript:面向对象和常见内置对象及操作
摘要：本文内容： 面向对象 常见内置对象及操作 首发日期：2018-05-11 面向对象： JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。 对象是一种带有属性和方法的特殊变量类型。 如何创建对象： 使用内置对象类型创建一个内置对象：变量名=new 对象类型(参数列表);【比如var a =new Arra... 阅读全文
posted @ 2018-05-11 15:23 随风行云 阅读(535) 评论(0) 推荐(0) 编辑
javascript的函数、事件
摘要：本文内容： 函数 函数的定义方式 函数的调用方式 函数的参数 匿名函数 函数中的this 事件 常见事件 绑定事件 首发日期：2018-05-11 函数： 函数的定义方式： 函数可以有参数，参数为局部变量，无需要var修饰： 函数可以有返回值： 函数的调用方式：除了自执行函数，其他函数都要手动调用 手动调用，利用各种组件【按钮、图片、输入... 阅读全文
posted @ 2018-05-11 14:13 随风行云 阅读(2087) 评论(0) 推荐(0) 编辑
【粗糙版】javascript的变量、数据类型、运算符、流程结构
摘要：本文内容： javascript的变量 javascript的数据类型 javascript的运算符 javascript的流程结构 首发日期：2018-05-09 javascript的变量 创建变量: 全局变量：全局变量是在js代码的各个地方都能调用的变量 【不在{}内时】var 变量名 = 值； 【不论在不在{}内】 变量名 = 值； 局部变量：局部变量是仅仅... 阅读全文
posted @ 2018-05-09 18:18 随风行云 阅读(413) 评论(0) 推荐(0) 编辑
javascript的介绍、javascirpt的存在形式、javascript注释
摘要：本文内容： javascript的介绍 javascirpt的存在形式 javascript注释 javascript的介绍： javascript是一种解释性脚本语言 它的用途是给html网页增加动态功能 javascript可以在浏览器中直接运行 javascirpt的存在形式： 如果想要使用javascript给自己的html网页增加动态功能，javas... 阅读全文
posted @ 2018-05-09 14:56 随风行云 阅读(470) 评论(0) 推荐(0) 编辑
CSS的三大特性
摘要：本文内容： 层叠性 继承性 优先级 权重计算方法（特异性） 首发日期：2018-05-01 层叠性： 层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另外一个属性。 比如：先给div设置背景颜色为红色，然后设置背景颜色为粉红色，那么最终颜色可能为红色，也可能为粉红色（明显的两种颜色设置不能并立，所以只为其一，这里没给出确定答案是因为还要考虑“优先... 阅读全文
posted @ 2018-05-01 15:48 随风行云 阅读(9273) 评论(2) 推荐(2) 编辑
CSS之精灵图（雪碧图）与字体图标
摘要：本文内容： 精灵图 字体图标 首发日期：2018-05-01 精灵图： 在以前，每个图片资源都是独立的一张张图片，浏览器访问网站中的不同网页时是重复获取这一张张图片的，这代表需要访问很多次资源。 为了减少资源的访问次数，将多个常用的图片集合到一张图片中（网页的缓存机制是会略去本地已经有的资源，如果前 阅读全文
posted @ 2018-05-01 02:06 随风行云 阅读(3230) 评论(0) 推荐(1) 编辑
CSS之表格边框合并、兄弟标签外边距合并、父子标签的外边距合并
摘要：本文内容： 表格边框合并 兄弟标签外边距合并 父子标签的外边距合并 首发日期：2018-05-01 表格边框合并： 发生情况： 当设置了cellpadding="0" cellspacing="0"后，表格的相邻边框会合并，使得边框变粗了。 解决方案： 在table标签中设置border-colla 阅读全文
posted @ 2018-05-01 01:01 随风行云 阅读(2500) 评论(0) 推荐(0) 编辑
html之css选择器学习
摘要：相关内容： 首发时间：2018-03-02 修改： 什么是css选择器： 介绍： css可以设置标签的样式，为了更好的设置样式以及为了方便给某些标签指定样式（批量的给某些标签增加样式），所以有了css选择器，css选择器可以筛选出指定的标签。筛选出来之后就可以给对应的标签设置样式。 css选择器的语 阅读全文
posted @ 2018-04-30 18:47 随风行云 阅读(1626) 评论(0) 推荐(1) 编辑
html5常见新增标签
摘要：本文内容： header nav article footer section aside datalist 音频标签： audio 视频标签： video 插入媒体标签: embed 新增input属性 audio video embed 首发日期：2018-04-25 header 功能：hea 阅读全文
posted @ 2018-04-25 15:28 随风行云 阅读(10747) 评论(2) 推荐(3) 编辑
html之CSS样式学习笔记
摘要：本文内容： 字体样式 文本样式 背景样式 尺寸样式 盒子模型 边框样式 边距样式 浮动布局 定位布局 【CSS3】伸缩布局 标签显示方式 列表样式 【CSS3】过渡样式 【CSS3】变换样式之2D变形 【CSS3】变换样式之3D变形 【CSS3】动画样式 首发日期：2018-04-04 修改： 2018-05-02：增加了CSS3的常用样式，增加了对各种样式的使用... 阅读全文
posted @ 2018-04-04 13:48 随风行云 阅读(1393) 评论(0) 推荐(2) 编辑

1 2 下一页