随笔分类 - 前端开发学习笔记
1
摘要:Element UI 简介 基于 Vue 2.0 的桌面端组件库,可在官网查看中文文档。 安装 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。 <!-- 引入样式 --> <link rel="stylesheet"
阅读全文
摘要:Vue.js 简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 JavaScript框架:相比于库,框架更为强大,但是用框架必须遵守其规则。 简化DOM操作:对Vue对DOM元素有特殊语法修饰,直接用就完了、 响应式数据驱动:数据改变页面同步更新。 官方文
阅读全文
摘要:Node.js Node.js基础 概念 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎
阅读全文
摘要:移动端 移动端开发概念 移动端开发 区别于传统的页面开发,移动端开发是指利用移动设备的特性以及CSS3提供的各种相对单位来实现移动端页面布局开发。移动设备是指便携的移动电子设备。包括手机、平板、小屏幕电脑等。 为什么不直接使用响应式布局 一是布局不匹配:pc端一般屏幕较大,可以显示更多的东西,而移动
阅读全文
摘要:Canvas 基本概念 canvas元素 因为JavaScript在HTML5之前缺乏实现复杂动画和几何图形的绘制技术,在HTML5 新增了 canvas 元素,使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及
阅读全文
摘要:正则表达式 基本概念 正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达
阅读全文
摘要:jQuery 基础概念 概念 JavaScript 原生DOM有些许不便:API不好记、设置事件不方便、调用繁琐。 jQuery是第三方的javaScript框架。jQuery本质是一个js文件,内部已经写好了大量的函数用于进行快捷的DOM操作。jQuery旨在“Write Less,Do More
阅读全文
摘要:BOM BOM概念 BOM(browser Object model),译为浏览器对象模型。JavaScript会把浏览器的一个标签页(即网页)作为一个对象存于程序中,提供了一系列API来操作标签页,比如新建或关闭标签页、跳转页面、前进或后退等功能。 类似于DOM核心是document对象,BOM也
阅读全文
摘要:DOM 基础概念 DOM DOM(document object model)译为文档对象模型,JavaScript会将文档(HTML页面)看成一系列标签的集合,并提供了一系列的API来操作HTML文档,比如对标签进行增删查改操作,或者修改CSS,这样的的话借助JavaScript能够实现动态页面。
阅读全文
摘要:JavaScript JavaScript基础 JavaScript简介 历史 90年代早期,浏览器只能进行文字图片的阅读,不具备交互功能。95年,火狐前身-即网景公司内部的工程师(布兰登里奇)花了10天时间设计出了JavaScript去实现动态页面,原本叫livescipt。当时是因为蹭java的
阅读全文
摘要:图表 图标框架 Hightcharts 实例丰富, 文档是英文 稳定性比Echarts好 官网 Echarts 百度地图团队开发。 能够结合百度地图一起使用 内部使用vue语法来写数据部分代码 官网
阅读全文
摘要:Bootstrap 概念 传统的使用div+CSS实现响应式布局,为了适配各种设备,会写大量的CSS代码,导致开发效率降低。Bootstrap是一个移动端优先用于快速搭建响应式布局的前端UI框架,能够使用已经写好的代码用于搭建出一个具有良好适应性的页面。Bootstrap内置了很多的组件,比如轮播图
阅读全文
摘要:SASS 概念 Sass(Syntactically Awesome Stylesheets)直译是语法牛逼的层叠样式表语言,是一个将脚本解析成CSS的脚本语言,即SassScript。用部分的Sass代码代替之前写的繁琐的CSS代码,能极大的提高编写CSS的效率。底层是由一个面向对象的编程语言ru
阅读全文
摘要:CSS3 新属性 边框圆角 border-radius: px| %:设置边框圆角 设置为50%可以实现边框为圆,但标签宽高比例必须是1:1。 颜色透明度 在CSS2中,可通过颜色单词、十六进制数、RGB三种方式设置颜色。CSS3可采用RGBA设置颜色,与RGB相比增加了alpha参数,0为完全透明
阅读全文
摘要:BFC 概念 FC(format context)格式化上下文:指的是页面中的一块区域,这块区域可能是一个div或者p标签,或者一堆行内元素构成的一行空间。根据标签的分类,将FC也分成了两种BFC和IFC。 BFC块级格式化上下文:当一个块级标签满足一定条件时会触发BFC,触发后会带有BFC区域的特
阅读全文
摘要:CSS布局 div标签 概念 <div> </div>本身是HTML4的标签,因其特殊性而一直作为CSS布局的核心标签。 特点 <div> </div>本身默认样式极少(只有默认块级元素这一项) 没有太多默认属性 默认宽度为100% 总结 本身不具有太多默认的样式或属性,对CSS来说,可塑性极强,可
阅读全文
摘要:CSS进阶 CSS权重 概念 当不同的选择器匹配到同一个标签并对其同一个CSS属性同时进行设置时*(即层叠)*,CSS提供了一套权重机制解决属性的最终归属问题,根据权重大小来决定CSS属性的最终归属。 权重计算方式 比较权值 给每一种基础的选择器(id、class、标签、伪类)设置为不同的权值,权重
阅读全文
摘要:CSS技巧 背景图片居中 background-size: cover;:图片可能会被拉伸 background-position: center;:图片尺寸不变,只是移动至正中间 button的边框 一般浏览器会给button默认边框 border: 1px solid #ccc;:一般都用灰色细
阅读全文
摘要:CSS CSS基础 背景 单纯使用HTML实现页面有很多不方便的地方,样式代码和内容代码混杂,比较杂乱,不易于阅读,且无法实现更好的效果。HTML和CSS的分工明确,HTML只负责页面的内容,及内容代码,CSS负责页面的美化,即样式代码。 概念 CSS(Cascading Style Sheets)
阅读全文
摘要:HTML 简介 HTML(Hyper Text Markup Language)中文译为“超文本标记语言”,hyper的语气似乎要更强些。HTML不是一种编程语言,而是一种标记语言,它提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可
阅读全文
1