腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端杂谈

专栏作者

26

文章

51993

阅读量

27

订阅数

vue-roter2 路由传参

使用vue开发项目,在使用vue-router做路由时,经常遇到需要在新路由到页面中需要使用之前页面的一些数据, 比如从列表页到详情页. 本文主要介绍通过vue-router2路由中传参的方法,项目为vue-cli搭建项目 1.路由配置首先在路由配置处(router/index.js), 在path后面通过:+参数名来指定参数名需要注意的是此处的name为必须 1 const router = new VueRouter({ 2 routes: [ 3 { 4 path: '/u

2018-05-16

6880

使用performance进行网页性能监控

由于项目需要, 需要对网页的一些性能进行监控, 接触到了performance, window.performance 提供了一组精确的数据，经过简单的计算就能得出一些网页性能数据, 将这些数据存储为

2018-05-16

1.6K0

广告等第三方应用嵌入到web页面方案之使用js片段

在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>

2018-05-16

3.3K0

通过核心概念了解webpack工作机制

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。需要先理解四个核心概念：入口(entry) 输出(output) loader 插件(plugins) 入口(entry) 入口指 webpack 构建其内部依赖图开始的模块。进入入口后，webpack 会找出有哪些

2018-05-16

9540

性能优化之reflow和repaint

本文主要介绍一下什么是reflow,repaint, 怎样避免它们造成的不良影响, 怎么通过工具查看分析它们.　　一.首先对浏览器渲染引擎下网页呈现过程简要说一下: 浏览器的渲染引擎开始解析html构建成DOM树，DOM树是以document对象为根节点，包含所有的html标签，包括display： none隐藏的，也包括js动态添加的元素。解析html的同时，将css文件或者样式元素中的样式解析成CSS Rule Tree，解析时会去掉浏览器不能识别的样式。根据DOM树和CSSOM来构造Ren

2018-05-16

1.3K0

前端算法-基本排序算法比较

基本排序算法　　这里主要介绍的基本排序算法主要包括: 冒泡排序,选择排序,插入排序,之后的文章会介绍希尔排序,快速排序等高级排序算法, 文章后面会对这几个算法进行性能比较. 基本排序算法的核心思想是对一组数据按照一定的顺序重新排列. 重新排列主要就是嵌套的for循环. 外循环会遍历数组每一项,内循环进行元素的比较. 注: 文中都以实现升序排序为例: 1.冒泡排序　　冒泡排序是最慢的排序算法之一, 也是最容易实现的排序算法.使用这种算法进行排序时,数据值会像气泡一样从数组的一端漂浮到另一端,所以称之为冒泡

2018-05-16

8640

cookie方法封装及cookie缺点分析

1 var CookieUtil = { 2 get: function(name) { 3 var cookieName = encodeURIComponent(name) + "=", 4 cookieStart = document.cookie.indexOf(cookieName), 5 cookieValue = null; 6 if(cookieStart > -1) { 7 var cookieEnd = document.cookie.index

2018-05-16

8510

项目中如何使用babel6详解

由于浏览器的版本和兼容性问题，很多es6,es7的新的方法都不能使用，等到可以使用的时候，可能已经过去了很多年。Babel可以把es6,es7的新代码编译成兼容绝大多数的主流浏览器的代码。本篇文章主要介绍在项目中如何安装配置和使用babel. 1.在项目下初始化 package.json $ npm init 2.在项目中安装babel $ npm install babel-cli --save-dev 3.安装babel插件 $ npm install babel-preset-xxxxxx --sa

2018-05-16

6990

vue-cli项目中怎么mock数据

在vue项目中, mock数据可以使用 node 的 express模块搭建服务 1. 在根目录下创建 test 目录, 用来存放模拟的 json 数据, 在 test 目录下创建模拟的数据 data

2018-05-16

1.2K0

让你的JS代码更具可读性

一.合理的添加注释函数和方法——每个函数或方法都应该包含一个注释,描述其目的和用于完成任务所可能使用的算法。陈述事先的假设也非常重要,如参数代表什么,函数是否有返回值(因为这不能从函数定义中推断出来)。大段代码——用于完成单个任务的多行代码应该在前面放一个描述任务的注释。复杂的算法——如果使用了一种独特的方式解决某个问题,则要在注释中解释你是如何做的。(这不仅仅可以帮助其他浏览你代码的人,也能在下次你自己查阅代码的时候帮助理解) 二.合理的变量和函数命名适当给变量和函数起名字对于增加代码可

2018-05-16

8140

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态