- 博客(26)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 前端性能优化之缓存利用
缓存种类大体想了一下，关于缓存，无非有如下几种：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
3234
转载 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
601
转载 vue 项目总结一组件开发的配置和例子
原文地址：https://segmentfault.com/a/1190000012410259?_ea=2993723先上 src 文件夹的结构图：文件及文件夹作用App.vueApp.vue: 根组件，pages 里的组件会被插入此组件中，此组件再插入 index.html 文件里，形成单页面应用根组件里面是这样子的：其中，<router-view> 组件是一个 functiona...
2018-06-12 11:26:32
744
转载 Vue项目总结的一些文件夹结构配置
之前一段时间都在使用 vue 开发后台管理系统，在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知，现在记录下来，希望对其他需要开发项目的人有帮助。项目配置首先，在确定好使用的框架和组件库后，先要大致了解它们，做到文档基本熟悉。本次开发使用到的有： vue ， vuex ， axios ， elementUI 。然后可以按官方指引，使用 vue-cli 搭建 vue 的项目，在项目里...
2018-06-12 11:19:51
4492
转载 深入理解Vue-cli搭建项目后的目录结构探秘
一、前言这里先说一下使用vue-cli之前的事情。由于刚刚接触Vue不久，就接到了一个移动端项目，于是打算使用vue来进行一次尝试，所以按照练习时候的样子，emmm先把vue.js引入网页里来，emmm自己的外联main.css样式引进来，还有自己的main.js文件，还有一些图片布拉布拉的，所以我整个项目的结构如下：（捂脸）?1234567├── css ├── images ├── index...
2018-06-12 11:09:19
832
转载 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
5233
转载 vue-router 快速入门
vue-router 快速入门ue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性，...
2018-06-11 10:51:45
269
转载 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
193
原创 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
3040
1
原创 为什么vuejs里面定义的template模板里定义的多个元素只显示一个
今天练习到vuejs组件这一块，组件是Vue.js最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码。今天写了一段代码，开始显示的结果出现了错误，内容如下：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #btn{
2018-06-05 22:31:16
28119
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
2898
原创 【剑指offer】数值的整数次方
题目描述：给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。思路：先定义一个函数powerOfPositive，该函数计算当指数大于零时数值的整数次方的值。该函数有两种情况：（1）当exponent为1时，函数的整数次方为它本身；（2）当exponent大于1时，执行循环体，直到指数从1增加到exponent。判断Power函数中指数ex...
2018-06-04 19:34:04
198
原创 HTTP常见的状态码和工作机制
1 什么是HTTP状态码？ HTTP状态码的职责是当客户端向服务器发送请求时，描述返回的请求结果。借助状态码，用户可以知道服务器是正常处理了请求，还是出现了错误。2 状态码的类别 类别原因短语1XXInformational(信息性状态码)接收的请求正在处理2XXSuccess（成功状态码）请求正当处理完毕3XXRedirection(重定向状态码）需要进行附加操作以完成请求4XXCl...
2018-06-04 11:12:40
597
转载 Web前端面试指导(四十五)：页面渲染原理是什么？
文章转自：https://blog.csdn.net/lxcao/article/details/52931470题目点评这是一道纯理论的题目，只要能够将浏览器的渲染过程很专业的表述出来，一定会得到面试官的青睐，作为一枚前端人员确实有必要了解一下浏览器的渲染过程是怎样的，对于页面性能的提升是有帮助的。解题思路渲染引擎是干什么的渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器...
2018-06-03 22:05:44
411
转载 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
986
转载 前端解决跨域问题的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
1246
转载 web前端性能优化总结
文章转自https://www.2cto.com/kf/201604/498725.html网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除...
2018-06-03 21:39:52
312
原创 在牛客网答题总结的前端面试71道HTML+CSS常考题
1、浏览器页面有哪三层构成，分别是什么，作用是什么? 构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。2、HTML5的优点与缺点？优点： a、网络标准统一、HTML5本身是由W3C推荐出来的； b、多...
2018-05-30 17:19:36
3886
转载 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
268
原创 什么是前端路由？
1、什么是路由 路由是根据不同的url地址展现不同的内容或页面。2、路由历史 早期的路由都是后端直接根据url来reload页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非reload就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。3、什么时候使用前端路由？ 前端路由更多用在...
2018-05-29 19:00:59
2576
转载 前端常见面试题及答案
文章转自http://www.cnblogs.com/syfwhu/p/4434132.html前言本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有进行考证，不少答案都来源于网络，或许会有疏漏之处，仅供大家参考哦！(还有一部分问题答案还未整理，大家也可以自己搜索...
2018-05-23 20:15:42
2521
转载 学习前端必知的HTTP协议详解
文章转自博客https://www.cnblogs.com/chaoran/p/4783633.html前端人士必备的知识点，无论你是否有经验，看了此文绝对有收获此文针对前端爱好者，前端求职者（话说面试时很容易考到哦）原文参考博客园http://kb.cnblogs.com/page/130970/#statecode什么是HTTP协议 协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵...
2018-05-23 19:58:13
221
转载 MIME类型是什么？MIME类型有哪些？
文章摘自http://www.tuidc.com/idczixun/newsx/newsidc/3479.htmlMIME类型是什么？MIME（Multipurpose Internet Mail Extensions）多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。MIME类型有哪些？常用MIME类型...
2018-05-19 21:36:45
2146
原创 js中变量或函数的执行环境及作用域（一）
执行环境（execution context,有时也简称为“环境”）是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量都保存在这个对象中，虽然我们编写的代码无法直接访问这个对象，但解析器在处理数据时会在后台使用它。 全局...
2018-05-16 18:25:22
473
原创 HTML中的字符实体（特殊字符）
在HTML中，某些字符是预留的，这些预留字符必须被替换为字符实体。例如：在HTML中不能使用小于号(<)和大于号(>)，这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体（character entities）。字符实体格式如下：&entity_name;或者&#entity_number提示：使用实体名而不是数字的好处...
2018-05-13 21:49:47
2701
原创 四列火车的uppaal模型的实现实例和性质验证
uppaal是由瑞典Uppsala大学的信息技术学院和丹麦Aalborg大学计算科学学院联合开发的一个集成工具环境，被用来对转换时间自动机网络模型的实时系统进行建模、仿真和验证。与其他模型检测工具相比，uppaal有很好的高效性和实用性。时间自动机是一个有时钟变量扩展的有限状态机，它使用时间变量评估为实数的密集时间模型，所有时钟同步进行。在uppaal中，一个系统被模拟成一个并行的几个这样的时间自...
2018-05-04 21:39:50
7813
7
基于时间自动机(ta)的四列火车调度的uppaal模型实例
2018-05-15
互斥进程的uppaal模型实例
2018-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人