2019年3月11日
css居中问题
摘要： 1、水平居中 1.1、行内元素直接水平居中（text-align） 只要父元素设置该属性值，所有的行内子元素都会水平居中。且该属性有继承性 2、确定宽度的块级元素实现水平居中 2.1、自动边距实现水平居中（margin） 具有宽度的块级元素设置上面属性后就会在父元素中左右居中 2.2、绝对定位和负边 阅读全文
posted @ 2019-03-11 21:32 wenxuehai 阅读(261) 评论(0) 推荐(0) 编辑
Vue使用的扩展
摘要： 1、事件总线（Bus）实现非父子组件通信 Vue2.0提供了Vuex进行非父子组件之间的通信，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。 实现代码示例： <div id="app"> <c1></c1> <c2></c2> </div> var Bus = new Vue(); 阅读全文
posted @ 2019-03-11 12:22 wenxuehai 阅读(2151) 评论(0) 推荐(0) 编辑
2019年3月8日
vue的使用总结（3）
摘要： 1、动态组件 代码示例： component 直接绑定全局组件的组件名： <body> <div id="dynamic-component-demo" class="demo"> <button v-for="tab in tabs" v-bind:key="tab" v-bind:class=" 阅读全文
posted @ 2019-03-08 20:32 wenxuehai 阅读(792) 评论(0) 推荐(0) 编辑
2019年3月7日
CSS中的position属性
摘要： 1、position 属性 position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法，共有4个属性值，分别是 static、fixed、relative、absolute、sticky。 1.1、static 属性值（默认定位，占据空间） static定位是 HTML 元素的默认值， 阅读全文
posted @ 2019-03-07 12:47 wenxuehai 阅读(431) 评论(0) 推荐(0) 编辑
2019年3月6日
CSS中的flex布局
摘要： 1、flex 布局的概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 inline-flex 和 inline-block 一样，对设置 阅读全文
posted @ 2019-03-06 19:02 wenxuehai 阅读(24462) 评论(0) 推荐(1) 编辑
CSS中的盒模型
摘要： 1、盒模型的概念 CSS 盒子模型又称框模型，包含元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素 1.1、标准盒模型和 IE 盒模型 盒模型是有两种标准的，标准盒模型和 IE 盒模型 标准盒模型（box-sizing: content-bo 阅读全文
posted @ 2019-03-06 17:27 wenxuehai 阅读(309) 评论(0) 推荐(0) 编辑
2019年3月5日
JS中的setTimeout()函数
摘要： 1、setTimeout() 方法 setTimeout() 方法用于在指定的毫秒数后调用函数或执行表达式。返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。 1.1、使用 clearTimeout() 方法阻止函数的执行 在setTimeout() 里面的函数 阅读全文
posted @ 2019-03-05 00:51 wenxuehai 阅读(33364) 评论(0) 推荐(1) 编辑
2019年3月4日
前端开发本地存储之localStorage和sessionStorage
摘要： 1、localStorage 概念 HTML5 web 存储：HTML5 提供了两种在客户端存储数据的新方式：localStorage 和 sessionStorage ，两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信。 早些时候，本地存储使用的是 cookie，。但是 cookie 不 阅读全文
posted @ 2019-03-04 22:50 wenxuehai 阅读(2786) 评论(0) 推荐(0) 编辑
cookie
摘要： 1、cookie基本介绍（客户端会话技术） cookie 是存储在客户端的，即浏览器，所以称之为客户端会话技术。而 session 是存储在服务器端的，所以称之为服务器端会话技术。 cookie是纯文本，没有可执行代码，是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端（浏 阅读全文
posted @ 2019-03-04 14:57 wenxuehai 阅读(7521) 评论(0) 推荐(2) 编辑
前端如何进行页面优化
摘要： 参考：https://www.cnblogs.com/MarcoHan/p/5295398.html、站长之家：http://www.chinaz.com/tags/Webqianduanxingnengyouhua.shtml 1、性能优化的重要性 研究表明：用户最满意的打开网页时间是2-5秒，如 阅读全文
posted @ 2019-03-04 14:00 wenxuehai 阅读(2244) 评论(0) 推荐(0) 编辑
前端开发中的设计模式
摘要： 1、MVC开发模式 MVC将应用划分为3个部分：数据（模型）、展现层（视图）和用户交互（控制器）。换句话说，一个事件的发生是这样的过程：（1）用户和应用产生交互。（2）控制器的事件处理器被触发。（3）控制器从模型中请求数据，并将其交给视图。（4）视图将数据呈现给用户。 V层是视图层，控制界面显示，将 阅读全文
posted @ 2019-03-04 11:12 wenxuehai 阅读(1347) 评论(0) 推荐(0) 编辑
2019年3月2日
前端常见的攻击
摘要： 参考：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14 1、XSS攻击（跨站脚本攻击） XSS（跨站脚本攻击 阅读全文
posted @ 2019-03-02 23:09 wenxuehai 阅读(2514) 评论(0) 推荐(0) 编辑
2019年3月1日
前端笔试题
摘要： 1、有关输出的 阅读全文
posted @ 2019-03-01 22:59 wenxuehai 阅读(266) 评论(0) 推荐(0) 编辑
JavaScript中的回调地狱及解决方法
摘要： 1、回调地狱 在使用JavaScript时，为了实现某些逻辑经常会写出层层嵌套的回调函数，如果嵌套过多，会极大影响代码可读性和逻辑，这种情况也被成为回调地狱。比如说你要把一个函数 A 作为回调函数，但是该函数又接受一个函数 B 作为参数，甚至 B 还接受 C 作为参数使用，就这样层层嵌套，人称之为回 阅读全文
posted @ 2019-03-01 12:19 wenxuehai 阅读(12725) 评论(1) 推荐(2) 编辑
JavaScript中的编码解码
摘要： 1、URI 统一资源标识符（URI）是一个用于标识某一互联网资源名称的字符串。，该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。Web上可用的每种资源 -HTML文档、图像、视频片段、程序等都可由一个通用资源标识符（Uniform Resource Identifier, 阅读全文
posted @ 2019-03-01 00:00 wenxuehai 阅读(1404) 评论(0) 推荐(0) 编辑
2019年2月28日
JavaScript中操作节点
摘要： 1、获取节点 1.1、用 getElement 方法获取 获取元素节点时，必须等到DOM树加载完成后才能获取。两种处理方式：（1）将JS写在文档最后；（2）将代码写入window.onload函数中； 这一系列方法，也可以先选中一个DOM节点，在从选中的DOM节点的子节点里，选择需要的节点： 1.2 阅读全文
posted @ 2019-02-28 21:02 wenxuehai 阅读(697) 评论(0) 推荐(0) 编辑
前端常见面试题
摘要： TODO： 原型链 宏任务、微任务 1、关于解构赋值 ES6 内部使用严格相等运算符（ ），判断一个位置是否有值。所以，只有当等号右边的数组成员严格等于undefined，默认值才会生效。 let [x, y = 'b'] = ['a', undefined]; // x='a', y='b' 2、 阅读全文
posted @ 2019-02-28 14:53 wenxuehai 阅读(231) 评论(0) 推荐(0) 编辑
2019年2月27日
Vue的使用总结（2）
摘要： 1、Vue 中 class 和 style 的绑定 在 Vue 中，可以通过数据绑定来操作元素的 class 列表和内联样式，操作 class 和 style 是用 v-bind 来绑定的。在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强，表达式结果的类型除了字 阅读全文
posted @ 2019-02-27 17:00 wenxuehai 阅读(246) 评论(0) 推荐(0) 编辑
JavaScript中的事件
摘要： 1、DOM事件流概念 DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的顺序传播，路径所经过的节点都会收到该事件，这个传播过程就是DOM事件流。 DOM事件标准定义了两种事件流，分别是捕获事件流和冒泡 阅读全文
posted @ 2019-02-27 15:05 wenxuehai 阅读(439) 评论(0) 推荐(0) 编辑
2019年2月26日
Vue的使用总结（1）
摘要： 1、新建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 通过 Vue 函数新建一个 vue 应用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2019-02-26 22:54 wenxuehai 阅读(583) 评论(0) 推荐(0) 编辑
2019年2月22日
visual studio code的使用
摘要： 1、添加代码片段 参考：https://blog.csdn.net/qq_36370731/article/details/83014439 2、在vscode上运行Git 先打开vscode内置的Git：F1，输入Show built-in Extensions, 左侧列表中找Git，然后启用 配 阅读全文
posted @ 2019-02-22 11:16 wenxuehai 阅读(310) 评论(0) 推荐(0) 编辑
webpack使用问题记录
摘要： 1、版本问题 webpack的安装并不是越新越好。当使用最新版本时不使用配置文件，直接编译不生成文件甚至报错；使用3.12版本时编译文件可以成功但是不生成新文件；使用 3.5.3 版本时成功且生成新文件。所以建议使用 3.5.3 版本 而且使用最新版本时，webpack 和 webpack-cli 阅读全文
posted @ 2019-02-22 10:33 wenxuehai 阅读(1171) 评论(0) 推荐(0) 编辑
2019年2月21日
webpack的基本使用1
摘要： 可参考：https://segmentfault.com/a/1190000006178770#articleHeader2 1、webpack的概念 本质上，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，webpack 从命令 阅读全文
posted @ 2019-02-21 10:00 wenxuehai 阅读(469) 评论(0) 推荐(0) 编辑
2019年2月20日
Git中的分支
摘要： 具体请参考：https://git-scm.com/book/zh/v1/Git-%E5%88%86%E6%94%AF-%E4%BD%95%E8%B0%93%E5%88%86%E6%94%AF Git命令请参考：https://www.yiibai.com/git/git_config.html 1 阅读全文
posted @ 2019-02-20 21:56 wenxuehai 阅读(543) 评论(0) 推荐(0) 编辑
远程仓库（GitHub）的使用
摘要： 1、注册登录 在 GitHub 上注册登录 暂时忽略不讲 2、创建新的远程仓库 在GitHub网站上创建新的仓库。不管你是先在本地创建仓库还是先在远程创建仓库，要想把代码提交到远程仓库都是要先手动创建一个远程仓库，然后再让两个仓库关联起来。 3、克隆远程仓库的两种方式及此时的关联 3.1、克隆的两种 阅读全文
posted @ 2019-02-20 13:22 wenxuehai 阅读(559) 评论(0) 推荐(0) 编辑
2019年2月19日
Git 中的一些其他常用命令
摘要： 1、查看提交的历史版本（git log） 我们可以使用 git log 命令来查看提交的历史版本。 默认不用任何参数的话，git log 会按提交时间列出所有的更新，最近的更新排在最上面。每个版本都有一个 SHA-1 校验和、作者的名字和电子邮件地址、提交时间，最后缩进一个段落显示提交说明。 1.1 阅读全文
posted @ 2019-02-19 15:30 wenxuehai 阅读(446) 评论(0) 推荐(1) 编辑
2019年2月18日
Git 中关于一次完整的提交的命令
摘要： 1、创建仓库（git init 、git clone URL） 有两种新建 Git 项目仓库的方法。第一种是在本地通过初始化来创建新的 Git 仓库。第二种是从已有的 Git 远程仓库中克隆出一个仓库。 1.1、通过初始化创建新仓库 要对现有的某个项目开始用 Git 管理，只需在该项目的根目录下，执 阅读全文
posted @ 2019-02-18 19:46 wenxuehai 阅读(4366) 评论(0) 推荐(0) 编辑
Git的安装及配置
摘要： 1、Git Git 是一个开源的分布式版本管理工具，可以在你电脑不联网的情况下，只在本地使用的一个版本管理工具，其作用就是可以让你更好的管理你的程序。在你每次的修改代码并提交后，Git 都会将这些记录下来，包括你修改了哪里，以前的版本等等。比如你原来提交过的内容，以后虽然修改了，但是通过git这个工 阅读全文
posted @ 2019-02-18 19:15 wenxuehai 阅读(399) 评论(0) 推荐(0) 编辑
网络体系应用层之万维网、http协议
摘要： 1、万维网概述 万维网以客户--服务器方式工作，万维网客户程序就是各式各样的浏览器，万维网文档所驻留的主机则运行服务器程序， 因此这个主机也称为万维网服务器。客户程序向服务器程序发出请求，服务器程序向客户程序送回客户所要的万维网文档。在一个客户程序主窗口上显示出的万维网文档称为页面(page）。因特 阅读全文
posted @ 2019-02-18 01:08 wenxuehai 阅读(2221) 评论(0) 推荐(0) 编辑
2019年2月17日
网络体系应用层之DNS系统
摘要： 1、概述 域名系统 DNS 是因特网使用的命名系统，用来把便于人们使用的机器名字（即域名）转换为 ip 地址。 用户与因特网上某个主机通信时，必须要知道对方的 ip 地址，然而用户很难记住长达32位二进制主机地址，即使是点分十进制 IP 地址也并不太容易记忆。在应用层中为了便于用户记忆各种网络应用， 阅读全文
posted @ 2019-02-17 23:16 wenxuehai 阅读(597) 评论(0) 推荐(0) 编辑
phpstudy的80端口被占用问题
摘要： 1、查看电脑中当前程序占用的端口和程序ID 当phpstudy设置端口号为80时显示占用，在命令行中输入：netstat -ano 就可以看到当前电脑中程序占用的端口和程序ID等等信息 2、查看正在运行的进程 在命令行中输入：tasklist 可以看到所有当前运行的进程。下图中我们可以看到 PID= 阅读全文
posted @ 2019-02-17 14:45 wenxuehai 阅读(1136) 评论(0) 推荐(0) 编辑
网络体系之TCP/IP模型
摘要： TCP/IP参考模型是因特网使用的参考模型，这个体系结构在它的两个主要协议出现以后，被称为TCP/IP参考模型。该模型将网络协议分为四层：网络接口层、网络层、运输层、应用层。 TCP/IP协议不是TCP和IP这两个协议的合称，而是指因特网整个TCP/IP协议族。 （若将模型分为五层即计算机网络教材上 阅读全文
posted @ 2019-02-17 00:40 wenxuehai 阅读(1909) 评论(0) 推荐(0) 编辑
2019年2月16日
计算机网络体系之OSI模型
摘要： 1、计算机网络体系结构 计算机网络体系结构指的是计算机网络层次模型和各层协议的集合。计算机网络按照高度结构化设计方法采用功能分层原理来实现。 2、OSI模型 网络协议是计算机网络必不可少的，一个完整的计算机网络需要有一套复杂的协议集合，组织复杂的计算机网络协议的最好方式就是层次模型。 OSI 模型是 阅读全文
posted @ 2019-02-16 15:29 wenxuehai 阅读(1132) 评论(0) 推荐(0) 编辑
2019年2月13日
ES6中模块加载出现的问题
摘要： 1、如何在浏览器中import模块 在使用模块加载时不同浏览器有不同的行为 使用 import 加载模块时，需要把script标签的type属性改为module。此时Firefox浏览器支持import，但Chrome浏览器仍然不支持。 Chrome浏览器要想支持import，要放在服务器里使用，或 阅读全文
posted @ 2019-02-13 23:40 wenxuehai 阅读(849) 评论(0) 推荐(0) 编辑
详解跨域
摘要： 1、跨域的概念 1.1、同源策略（same-origin policy，域名、协议、端口） 浏览器安全的基石是"同源政策"，1995年，同源政策由 Netscape（网景） 公司引入浏览器，目前，所有浏览器都实行这个政策。同源策略指的是域名、协议、端口号都相同，只要 协议，域名，端口有任何一个的不同 阅读全文
posted @ 2019-02-13 20:13 wenxuehai 阅读(566) 评论(0) 推荐(0) 编辑
JS在页面加载之后运行
摘要： 通用的页面加载后再运行JS有两种方式：1、在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前运行JS。 2、在页面全部内容加载完成（包括引用文件，图片等）之后再加载JS 1、在DOM加载后，全部内容加载前运行 这种方式在同一文件中可以运行多个且不会覆盖。 由于在$(document).rea 阅读全文
posted @ 2019-02-13 11:05 wenxuehai 阅读(9883) 评论(0) 推荐(0) 编辑
2019年2月11日
ES6中类Class的super关键字
摘要： super 关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。 1、super当做函数使用 super 作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行一次 super() 函数。注意：作为函数时，super() 只能用在子类的构造函数之中，用 阅读全文
posted @ 2019-02-11 14:04 wenxuehai 阅读(11475) 评论(0) 推荐(2) 编辑
2019年2月9日
JS中的立即执行函数
摘要： JS 立即执行函数可以让函数在创建后立即执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行。 1、立即执行函数的写法 立即执行函数通常有下面两种写法： //第一种写法 (function(){ ... })(); //第二种写法 (function(){ ... }()); / 阅读全文
posted @ 2019-02-09 11:38 wenxuehai 阅读(14746) 评论(0) 推荐(1) 编辑
2019年2月3日
Ajax的使用
摘要： AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面，而AJAX 最大的优点是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。ajax是基于XML 阅读全文
posted @ 2019-02-03 01:32 wenxuehai 阅读(284) 评论(0) 推荐(0) 编辑
2019年2月1日
迅捷路由器FW325R的无线桥接
摘要： 1、恢复路由器默认设置 长按路由器后面的按钮直到指示灯全亮后只剩一个灯亮时松开按钮，此时就已经重置路由器了。然后设置路由器后台密码什么的，那些向导什么的可以跳过 2、高级设置内容 进入路由器高级设置： 上网方式选择自动获得 ip 地址。 点击LAN口设置，LAN口 ip 设置选择手动，自己更改 ip 阅读全文
posted @ 2019-02-01 14:25 wenxuehai 阅读(6048) 评论(1) 推荐(0) 编辑
//右下角添加目录