文章声明：本文来自阮一峰老师发表在ES6 入门教程 - ECMAScript 6入门上的和自己阅读后自己的编撰 ES6新特性 - - let和const命令 迭代器和生成器 es6的模板字符串 Promise对象 增强的函数 Proxy对象 扩展的字符串、对象、数组功能 async的用法 解构赋值 类class Symbol Map和Set 模块化实现 let和const命令 let是一个块级作用域 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 12345678<script> { let a=10; var b=1; } // console.log(a); // Uncaught ReferenceError: a is not defined console.log(b); // 1</script> 上面代码在代码块之中，分别用let和var声明了两个变量。然后在 ...
BootStrap 由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个简洁、直观、强悍的CSS/HTML前端开发框架，让web开发更迅速、简单。 使用BootStrap 可以将它预先下载到电脑上并放入静态文件中，也可以通过直接在HTML文件里导入cdn链接进行使用，cdn链接可以直接使用各种搜素哦引擎轻松获得。 Bootstrap布局 1.1 概览 1.1.1 移动设备优先 为了确保适当的绘制和触屏缩放，需要在 之中添加 viewport 元数据标签。 1<meta name="viewport" content="width=device-width, initial-scale=1"> 在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！ 1<met ...
2.1 BootStrap插件使用规则 2.1.1 单个引入 JavaScript 插件可以单个引入（使用 Bootstrap 提供的单个 *.js 文件），或者一次性全部引入（使用 bootstrap.js 或压缩版的 bootstrap.min.js）。 某些插件和 CSS 组件依赖于其它插件。如果你是单个引入每个插件的，请确保在文档中检查插件之间的依赖关系。注意，所有插件都依赖 jQuery （也就是说，jQuery必须在所有插件之前引入页面）。 bower.json 文件中列出了 Bootstrap 所支持的 jQuery 版本。 2.1.2 data属性 你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API，也应该是你的首选方式。 话又说回来，在某些情况下可能需要将此功能关闭。因此，我们还提供了关闭 data 属性 API 的方法，即解除以 data-api 为命名空间并绑定在文档上的事件。就像下面这样： $(document).off(‘.data-api’) 另 ...
jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开 ...
JavaScript基础 1、JavaScript是什么 JavaScript（下文我们会用简称JS来代替）是脚本编程语言，JS语言开发的文件是以.js为后缀，通过在html文件中引入该js文件来控制html代码的交互功能以及前台数据处理的业务逻辑（js语言代码也可以直接写在html文件中），采用的ECMAScript语法，属于编程语言。 ECMAScript目前普遍使用的存在ES5与ES6两个版本，我们也会基于这两个版本来介绍JS这么应用的学习 2、JavaScript如何学习 学习方向：从JS代码书写位置、JS基础语法、JS选择器和JS页面操作四部分进行学习 学习目的：完成页面标签与用户的人机交互及前台数据处理的业务逻辑 3、JS代码书写位置 JS属于脚本(可以以代码片段的方式内嵌到其他语言中)编程语言，可以内嵌到html代码中，但是可以根据实际情况书写在不同的位置，放在不同位置有不同的专业叫法，可以分为行间式、内联式和外联式三种。 3-1 行间式 JS代码书写在标签的事件全局属性中，采用的是JS编程语言的语法 123<!-- 关键代码 --><!-- 给div标 ...
CSS 介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS 实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 1/*这是注释*/ CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 1<p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下： 12345678910111213141516<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w ...
VSCode 具有很高的定制化能力和可扩展性，以下这些是比较流行的一些插件： 插件推荐 HTML Snippets # html代码Tab 和 简写如 div. HTML CSS Support # css 代码Tab填补 Auto Rename Tag # 修改头部标签尾部标签自动修改 jQuery Code Snippets open in browser Debugger for Chrome 路径智能跟踪 Path Intellisense 多台电脑同步配置 Settings Sync 一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了， 使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。 Debugger for Chrome Debugger for Chrome 从VS Code调试在Google Chrome中运行的JavaScript代码。 用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS C ...
修改配置 键入命令visudo,打开sudoers文件，编辑该文件注释掉Defaults requiretty一行， 并在root ALL=(ALL) ALL末尾追加apache ALL=(ALL) NOPASSWD: ALL然后重启PHP即可 12root ALL=(ALL) ALLapache ALL=(ALL) NOPASSWD: ALL 加权限 如有php调用脚本（如：shell），须得给脚本授权，如：chmod 755 restart.sh visudo 遇到visudo：/etc/sudoers 忙，请稍后重试这种问题，直接把visudo进程kill掉就好了 123456[root@37wan ~]# ps aux | grep visudoroot 7405 0.0 0.0 103212 1032 pts/0 S+ 03:22 0:00 visudoroot 8390 0.0 0.0 103340 860 pts/1 S+ 03 ...
前言 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框 ...
爱机 win10 专业版 16G内存，M.2接口类型的固态硬盘 系统确实流畅；但内存发现怎么也用不完一根8G，是不是有点浪费？ 突然有一次看到任务管理器的内存选项有个内存压缩，这是什么鬼？ 我内存不要压缩啊！怎么办呢？ Windows 10新增了内存压缩功能，对于内存较小的PC来说有很大的价值，但换来的却是消耗了较高的处理器资源； 那如果我们升级了内存之后，为节约处理器资源，是否可以关闭这项功能呢？ 所以我赶紧搜索了下相关文章，找到了解决办法 查看状态 123456789PS C:\WINDOWS\system32> get-mmagentApplicationLaunchPrefetching : TrueApplicationPreLaunch : TrueMaxOperationAPIFiles : 256MemoryCompression : TrueOperationAPI : TruePageCombining : TruePSComputerName ...
