- 博客(26)
- 资源 (3)
- 收藏
- 关注
转载 前端性能优化之缓存利用
缓存种类大体想了一下,关于缓存,无非有如下几种:1、CDN缓存2、DNS缓存3、客户端缓存(无需请求的memory cache,disk cache,需要发请求验证的Etag、Last-Modified304)4、Service Worker与缓存及离线缓存5、PageCache与ajax缓存CDN缓存看到一个形象的比喻,来比喻CDN。10年前,还没有火车票代售点一说,12306.cn更是无从说起...
2018-07-03 10:56:13 3322
转载 VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以配置本地访问在webpack.dev.conf.js里配置即可。1...
2018-06-12 22:04:50 631
转载 vue 项目总结一组件开发的配置和例子
原文地址:https://segmentfault.com/a/1190000012410259?_ea=2993723先上 src 文件夹的结构图:文件及文件夹作用App.vueApp.vue: 根组件,pages 里的组件会被插入此组件中,此组件再插入 index.html 文件里,形成单页面应用根组件里面是这样子的:其中,<router-view> 组件是一个 functiona...
2018-06-12 11:26:32 778
转载 Vue项目总结的一些文件夹结构配置
之前一段时间都在使用 vue 开发后台管理系统,在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知,现在记录下来,希望对其他需要开发项目的人有帮助。项目配置首先,在确定好使用的框架和组件库后,先要大致了解它们,做到文档基本熟悉。本次开发使用到的有: vue , vuex , axios , elementUI 。然后可以按官方指引,使用 vue-cli 搭建 vue 的项目,在项目里...
2018-06-12 11:19:51 4576
转载 深入理解Vue-cli搭建项目后的目录结构探秘
一、前言这里先说一下使用vue-cli之前的事情。由于刚刚接触Vue不久,就接到了一个移动端项目,于是打算使用vue来进行一次尝试,所以按照练习时候的样子,emmm先把vue.js引入网页里来,emmm自己的外联main.css样式引进来,还有自己的main.js文件,还有一些图片布拉布拉的,所以我整个项目的结构如下:(捂脸)?1234567├── css ├── images ├── index...
2018-06-12 11:09:19 875
转载 vue-cli中的ESlint配置文件eslintrc.js详解
本文讲解vue-cli脚手架根目录文件.eslintrc.jseslint简介eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件当有不符合配置文件内容的代码出现就会报错或者警告安装eslintnpm init -ynpm install eslint --save-devnode_modules\.bin\eslint --init 初始化...
2018-06-11 21:50:58 5912
转载 vue-router 快速入门
vue-router 快速入门ue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性,...
2018-06-11 10:51:45 298
转载 Javascript中的async await
async / await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案。目前,async / await这个特性已经是stage 3的建议,可以看看TC39的进度,本篇文章将分享async / await是如何工作的,阅读本文前,希望你具备Promise、generator、yield等ES6的相关知识。在详细介绍async / await之前,先回顾下目前在ES6中比较好的异步处...
2018-06-09 21:32:06 217
原创 Vue.js源码中大量采用的ES6新特性介绍:模块、let、const
1 关于ES6 ECMAScript6(以下简称ES6)是JavaScript语言的最新一代标准,发布于2015年6月,因为ECMA委员会决定从ES6起每年更新一次标准,因此ES6被改名为ES2015,后面的标准将按照发布的年份命名,比如ES2016、ES2017。 ES6引入了很多新特性,这些特性解决了JavaScript长久以来别开发者所诟病的很多缺点。同时,ES6也给J...
2018-06-08 17:27:18 3092 1
原创 为什么vuejs里面定义的template模板里定义的多个元素只显示一个
今天练习到vuejs组件这一块,组件是Vue.js最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码。今天写了一段代码,开始显示的结果出现了错误,内容如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #btn{
2018-06-05 22:31:16 28210 6
转载 JS获取子节点、父节点和兄弟节点的若干种方式
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div");122.通过childNodes获取子节点使用ch...
2018-06-04 20:16:16 2926
原创 【剑指offer】数值的整数次方
题目描述:给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。思路:先定义一个函数powerOfPositive,该函数计算当指数大于零时数值的整数次方的值。该函数有两种情况:(1)当exponent为1时,函数的整数次方为它本身;(2)当exponent大于1时,执行循环体,直到指数从1增加到exponent。判断Power函数中指数ex...
2018-06-04 19:34:04 220
原创 HTTP常见的状态码和工作机制
1 什么是HTTP状态码? HTTP状态码的职责是当客户端向服务器发送请求时,描述返回的请求结果。借助状态码,用户可以知道服务器是正常处理了请求,还是出现了错误。2 状态码的类别 类别原因短语1XXInformational(信息性状态码)接收的请求正在处理2XXSuccess(成功状态码)请求正当处理完毕3XXRedirection(重定向状态码)需要进行附加操作以完成请求4XXCl...
2018-06-04 11:12:40 627
转载 Web前端面试指导(四十五):页面渲染原理是什么?
文章转自:https://blog.csdn.net/lxcao/article/details/52931470题目点评这是一道纯理论的题目,只要能够将浏览器的渲染过程很专业的表述出来,一定会得到面试官的青睐,作为一枚前端人员确实有必要了解一下浏览器的渲染过程是怎样的,对于页面性能的提升是有帮助的。解题思路渲染引擎是干什么的渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器...
2018-06-03 22:05:44 442
转载 100个常用的原生JavaScript函数
1、原生JavaScript实现字符串长度截取复制代码代码如下:function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (ic...
2018-06-03 21:55:24 1042
转载 前端解决跨域问题的8种方案(最新最全)
文章转自https://blog.csdn.net/Joyhen/article/details/216318331.同源策略如下:URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://ww...
2018-06-03 21:43:50 1278
转载 web前端性能优化总结
文章转自https://www.2cto.com/kf/201604/498725.html网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的。除...
2018-06-03 21:39:52 338
原创 在牛客网答题总结的前端面试71道HTML+CSS常考题
1、浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。2、HTML5的优点与缺点?优点: a、网络标准统一、HTML5本身是由W3C推荐出来的; b、多...
2018-05-30 17:19:36 3998
转载 ECMAScript6 (ES6、ES2015)新特性详解
文章转自https://blog.csdn.net/u012468376/article/details/54565068ES6 新特性ES6 新特性一ES6简介二块级作用域绑定1 let声明2 const声明Constant Declarations3 循环中的块级绑定4 循环中的函数三函数的新增特性1 带默认参数的函数2 默认参数对 arguments 对象的影响3 默认参数表达式 Defau...
2018-05-30 15:35:48 302
原创 什么是前端路由?
1、什么是路由 路由是根据不同的url地址展现不同的内容或页面。2、路由历史 早期的路由都是后端直接根据url来reload页面实现的,即后端控制路由。后来页面越来越复杂,服务器压力越来越大,随着ajax(异步刷新技术)的出现,页面的实现非reload就能刷新数据,让前端也可以控制url自行管理,前端路由由此而生。3、什么时候使用前端路由? 前端路由更多用在...
2018-05-29 19:00:59 2633
转载 前端常见面试题及答案
文章转自http://www.cnblogs.com/syfwhu/p/4434132.html前言本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典、很有代表性。上面没有答案,我就整理了一下,从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有进行考证,不少答案都来源于网络,或许会有疏漏之处,仅供大家参考哦!(还有一部分问题答案还未整理,大家也可以自己搜索...
2018-05-23 20:15:42 2564
转载 学习前端必知的HTTP协议详解
文章转自博客https://www.cnblogs.com/chaoran/p/4783633.html前端人士必备的知识点,无论你是否有经验,看了此文绝对有收获此文针对前端爱好者,前端求职者(话说面试时很容易考到哦)原文参考博客园http://kb.cnblogs.com/page/130970/#statecode什么是HTTP协议 协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵...
2018-05-23 19:58:13 261
转载 MIME类型是什么?MIME类型有哪些?
文章摘自http://www.tuidc.com/idczixun/newsx/newsidc/3479.htmlMIME类型是什么?MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。MIME类型有哪些?常用MIME类型...
2018-05-19 21:36:45 2209
原创 js中变量或函数的执行环境及作用域(一)
执行环境(execution context,有时也简称为“环境”)是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量都保存在这个对象中,虽然我们编写的代码无法直接访问这个对象,但解析器在处理数据时会在后台使用它。 全局...
2018-05-16 18:25:22 504
原创 HTML中的字符实体(特殊字符)
在HTML中,某些字符是预留的,这些预留字符必须被替换为字符实体。例如:在HTML中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在HTML源代码中使用字符实体(character entities)。字符实体格式如下:&entity_name;或者&#entity_number提示:使用实体名而不是数字的好处...
2018-05-13 21:49:47 2761
原创 四列火车的uppaal模型的实现实例和性质验证
uppaal是由瑞典Uppsala大学的信息技术学院和丹麦Aalborg大学计算科学学院联合开发的一个集成工具环境,被用来对转换时间自动机网络模型的实时系统进行建模、仿真和验证。与其他模型检测工具相比,uppaal有很好的高效性和实用性。时间自动机是一个有时钟变量扩展的有限状态机,它使用时间变量评估为实数的密集时间模型,所有时钟同步进行。在uppaal中,一个系统被模拟成一个并行的几个这样的时间自...
2018-05-04 21:39:50 8000 7
基于时间自动机(ta)的四列火车调度的uppaal模型实例
2018-05-15
互斥进程的uppaal模型实例
2018-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人