随笔分类 - 前端知识一丁点
摘要：Vue从入门到精通 Vue.js介绍 Vue.js官方文档 vue.js有哪些功能 声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。 比如：使用vue.js的插值表达式放在Dom的任意地方， 差值表达式的值将被渲染在Dom中。 条件与循环 dom中
阅读全文
摘要：flex布局 写在前面 flex布局可以说是目前移动端布局中运用最多的一种布局方式了，专门针对移动端开发，以前的老技术就不提了，现在火热的比如微信小程序，React Native等都对flex布局支持相当友好！ 父项常见属性详解 flex：就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方
阅读全文
摘要：接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步理解 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个
阅读全文
摘要：前端路由尝鲜 前端路由是依靠hash值(锚链接)实现的 下面我们就来实现一个简单的前端路由效果 实现效果：就是一个Tab栏切换效果 我们有两个区域，一个区域放置我们的按钮， 另一个区域根据按钮的变化展示不用的内容 页面理解 在页面中有三个按钮，这三个按钮点击触发修改本页的hash 通过window.
阅读全文
摘要：组件注册 全局注册 component有两个参数，第一个参数是该组件的名字， 第二个参数看做是一个在Html中显示的模板对象， 组件模板只能由一个根标签囊括全部内容，可以是模板字符串，即: `` 组件允许多次使用，其内有个data属性，每个组件在使用时，单独维护自己的data对象 渲染如下： 当然在
阅读全文
摘要：字体图标的使用 技术背景 很多情况下，我们都希望我们的图标可以缩放，而图片的放大和缩小都会失真，字体图标在这里被运用 字体图标的特点 可以做出跟图片一样可以做的事情,改变透明度、旋转度，等.. 但是本质其实是文字，可以很随意的改变颜色、产生阴影、透明效果等等... 本身体积更小，但携带的信息并没有削
阅读全文
摘要：webpack简单介绍 webpack是一个项目构建工具，webpack可以将多种静态资源，比如js，css，less等转换成一个静态文件，还有就是一些浏览器不支持的高级语法，可以通过打包后转变为被浏览器所识别的的语法 至于环境配置，这里不做多说，node 和 npm环境备好 一个列子入门webpa
阅读全文
摘要：关于组件之间的通信 全局注册 component有两个参数，第一个参数是该组件的名字， 第二个参数看做是一个在Html中显示的模板对象， 组件模板只能由一个根标签囊括全部内容，可以是模板字符串，即: `` 组件允许多次使用，其内有个data属性，每个组件在使用时，单独维护自己的data对象 渲染如下
阅读全文
摘要：ES6新特性 1.1：let和const let的出现，解决了某些场景下var关键字带来的变量作用域问题，一般用var在外部定义的变量是全局的，但有时候我们想像Java那样，对于不同场合定义当前场合的局部变量，出了这个场合即为未定义，比如下面这个场景 for(var i = 0; i < 5; i+
阅读全文
摘要：跨域：跨域名的访问，是浏览器对ajax的一种限制，这样可以有效的防止跨站攻击 跨域的范畴： 域名不同 或 端口不同 或 二级域名不同 解决方案： 第一种：由于前端基础薄弱，且该方式老掉牙，不讲解； 第二种：利用nginx的反向代理，使得我们表面发送不跨域的请求，实际代理了跨域，配置nginx相关配置
阅读全文
摘要：前端路由尝鲜 前端路由是依靠hash值(锚链接)实现的 下面我们就来实现一个简单的前端路由效果 实现效果：就是一个Tab栏切换效果 我们有两个区域，一个区域放置我们的按钮， 另一个区域根据按钮的变化展示不用的内容 页面理解 在页面中有三个按钮，这三个按钮点击触发修改本页的hash 通过window.
阅读全文
摘要：promise解读 说到promise就得说到同步和异步，JS的执行环境是单线程的，也就是说一次只能完成一个任务，如果有多个任务，则会发生阻塞，而异步模式可以一起执行多个任务，常见的异步调用如：定时任务、ajax、事件函数。 promise主要解决的是异步深层嵌套的问题，避免嵌套地域的问题 下面我们
阅读全文
摘要：1. 引入CSS样式表 要书写css样式，那css样式书写的位置在哪呢？ 1.1 行内式 概念： 称行内样式、行间样式. 是通过标签的style属性来设置元素的样式 其基本语法格式如下： <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 实际
阅读全文
摘要：flex布局 写在前面 flex布局可以说是目前移动端布局中运用最多的一种布局方式了，专门针对移动端开发，以前的老技术就不提了，现在火热的比如微信小程序，React Native等都对flex布局支持相当友好！ 父项常见属性详解 flex：就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方
阅读全文
摘要：1. HTML5 1.1：典型的语义化标签 header 头部标签 nav 导航标签 article 内容标签 section 块级标签 aside 侧边栏标签 footer 尾部标签 1.2：多媒体音频标签 音频 -- audio src : url //要播放的资源的URL loop:loop
阅读全文
摘要：1. 引入CSS样式表 要书写css样式，那css样式书写的位置在哪呢？ 1.1 行内式 概念：称行内样式、行间样式. 是通过标签的style属性来设置元素的样式 其基本语法格式如下： <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 实际上
阅读全文
