鱼樱前端 - 博客园

2018年4月2日

摘要：你在前面看到，在new Vue()的时候，是可以给data直接赋值为一个对象的。这是怎么回事，为什么到了组件这里就不行了。实际上，它首先需要创建一个组件构造器，然后注册组件。注册组件的本质其实就是建立一个组件构造器的引用。使用组件才是真正创建一个组件实例。所以，注册组件其实并不产生新的组件类，但会阅读全文

posted @ 2018-04-02 23:00 鱼樱前端阅读(5627) 评论(0) 推荐(0) 编辑

JS实现让其他浏览器自动转至微信浏览器打开链接

摘要： //判断是否是pc function is_pc() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) ... 阅读全文

posted @ 2018-04-02 22:41 鱼樱前端阅读(1210) 评论(0) 推荐(0) 编辑

目前主流的四大浏览器内核

摘要：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引阅读全文

posted @ 2018-04-02 22:28 鱼樱前端阅读(692) 评论(0) 推荐(0) 编辑

浏览器的渲染过程、渲染原理

摘要：客户端渲染主流程：解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树；步骤：1...处理 HTML 标记并构建 DOM 树。2...处理 CSS 标记并构建 CSSOM 树。3...将DOM与CSSOM合并成一个渲染树。4...根据渲染树来布局，阅读全文

posted @ 2018-04-02 22:21 鱼樱前端阅读(262) 评论(0) 推荐(0) 编辑

2018年4月1日

echarts简单用法快速上手

摘要： 1.html结构简单说就是一个标签一个图表；2.初始化:var myEcharts = echarts.init(document.getElementById("xxx"))；setOption用指定数据绘图；Option对象title 标题legend 图例xAxis x轴yAxis y轴se 阅读全文

posted @ 2018-04-01 21:07 鱼樱前端阅读(320) 评论(0) 推荐(0) 编辑

2018年3月28日

gulp自动化构建工具使用

摘要： gulpfile.js: var gulp = require("gulp"); var imagemin = require("gulp-imagemin");//压缩图片插件 var uglify = require("gulp-uglify"); //js压缩插件 var sass = require("gulp-sass"); //sass转换为css插件 var conc... 阅读全文

posted @ 2018-03-28 23:40 鱼樱前端阅读(167) 评论(0) 推荐(0) 编辑

vue路由高级语法糖

摘要： 1.当对应的路由匹配成功，将自动设置 class 属性值 .router-link-active. 模板中可以用{{$route.params.xxx取到路由参数}}或者{{$route.query取到参数}}或者{{$route.hash取到hash}} 实例中(js)可用：this.$route.params.xxx/this.$route.query.xxx取到路由参数； 2.通过$r... 阅读全文

posted @ 2018-03-28 17:18 鱼樱前端阅读(2589) 评论(0) 推荐(0) 编辑

2018年3月26日

git项目常用命令

摘要： git rm --cached 文件名 //移除不上传 git add . //添加所有文件 .gitignore //git忽略不想上传或者不需要上传的文件 REAMDE.md 文件一般是备注项目启动步骤用项目里面有什么。。。情况一：远程仓库已经建立好 1...git remote add or 阅读全文

posted @ 2018-03-26 10:52 鱼樱前端阅读(166) 评论(0) 推荐(0) 编辑

2018年3月20日

vue项目中快捷语法糖

摘要： 1.Vue.js是渐进式框架，采用自底向上增量开发的设计基于MVVM思想。 2.Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 3.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 4.指令带有前缀 v-，以表示它们是 Vue.js 提供的特殊属性。 5.站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XS... 阅读全文

posted @ 2018-03-20 11:55 鱼樱前端阅读(1212) 评论(0) 推荐(0) 编辑

2018年3月19日

移动端调试、布局以及常见的问题解析

摘要： rem原理与简介：依据html根元素大小定，px转rem动态调整根元素font-size大小； 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小；移动端适配：方式一媒体查询@media @media screen and （max-width:320px）{ html{ font-size:20px; } } @media screen an... 阅读全文

posted @ 2018-03-19 17:48 鱼樱前端阅读(519) 评论(0) 推荐(0) 编辑

鱼樱、、

Web followers on the road..........

公告