js代码 | 易学教程

js 上传文件模拟Form 表单

阅读更多关于 js 上传文件模拟Form 表单

使用FormData对象在本文章中创建一个FormData对象使用HTML表单来初始化一个FormData对象使用FormData对象发送文件利用 FormData 对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用 XMLHttpRequest 发送这个"表单". 创建一个FormData对象你可以先创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段,如下: var oMyForm = new FormData(); oMyForm.append("username", "Groucho"); oMyForm.append("accountnum", 123456); // 数字123456被立即转换成字符串"123456" // fileInputElement中已经包含了用户所选择的文件 oMyForm.append("userfile", fileInputElement.files[0]); var oFileBody = '<a id="a"><b id="b">hey!</b></a>'; // Blob对象包含的文件内容 var oBlob = new Blob([oFileBody], { type: "text/xml"}); oMyForm.append("webmasterfile", oBlob)

前端总结

阅读更多关于前端总结

HTML <!doctype> #规定文档类型  转义字符以&；包裹 #在&；中间单词简写，详情查看8-1 <head> 头标签 <body> 体标签 <html> 根标签，全局的属性写在这里，标签种类等详情查看8-3 <div> 用来搭建页面结构的标签 width: 200px # 标签的宽 height: 200px # 标签的高 border-radius: 50%; #边框圆角设置 background-color: blue; #标签的底色设置 border: 1px solid black; # broder边框，1px就是1像素，solid就是实线，black就是定义边框的颜色 color: hotpink; #字体颜色 font-size: 30px; # 字体大小 transition: 1s 1s all linear; # 就是动画效果过渡效果,1s 1s过渡效果展开的时间和延迟时间,延迟时间一般不会写，用户体验度不好,动画属性默认all,渡曲线linear（线性） .box:hover{} # hover给鼠标添加悬停效果 cursor:pointer; # 鼠标样式 list-style: none; # 清除列表样式 text-decoration: none; # 清除字体下划线 margin: 0; #

前端学习总结（三）

阅读更多关于前端学习总结（三）

本章的问题都是学习过程中一些基础问题。前几天学习了js、html、css的相关知识。昨天安装nodejs和npm又出了一些问题，今天中午解决了这些问题，也安装了vue。并跟着一个vue入门课程完成了基础语法的学习。接下来对今天的学习进行一个总结。啊万事开头难，发现有很多东西我都无法给出真正的解释。 1. 如何描述html、css、js之间的关系。 2.为什么不通过一个语言来完成前端这件事情，反而在不停的出现新的东西。例如，js是对页面中的事件进行响应的。为什么是js，而不是其他？如果说是因为js是一门脚本语言的话，那么其他脚本语言可以吗？ 3.这就引出了另一个问题。有哪些脚本语言，脚本语言的好处，以及应用场景分别是什么 4.在查阅的过程中，根据大家对于脚本语言和编程语言的定义，另一个问题，编译和解释这个两个过程又该如何解释？以上是一些基础或者称之为愚蠢的问题。 1.事件在打开的页面上，浏览器本身或者用户可能对html元素进行一些操作。进行操作之后就要进行响应。因此，监听到这些事件之后通过js定义函数来进行操作。下面这个链接汇总了大部分事件： https://www.cnblogs.com/daijing/p/10388008.html 2.Dom到底是什么意思？这个问题，我现在只是朦朦胧胧有点理解。html的文件结构会形成一个dom树。 html中的标签元素是节点

gulp-uglify 压缩js

阅读更多关于 gulp-uglify 压缩js

前提：已经安装有安装了node 和npm 环境安装gulp 假设已经安装了node 和npm （淘宝的cnpm很适合国内使用）。 1、首页全局安装gulp。 1 npm install --global gulp 2、其次局部安装gulp。（注：局部安装是安装到你项目的根目录，这是很多教程没有清晰表明） npm install gulp --save-dev 3、在项目根目录下创建一个名为 gulpfile.js 的文件 // 引入 gulp及组件 var gulp = require('gulp'); gulp.task('default',function(){ gulp.start('minify'); }); //JS处理 gulp.task("minify",function(){ ... ... }) View Code 4、运行gulp。（默认的名为 default 的任务（task）将会被运行，想要单独执行特定的任务（task），请输入 gulp <task> <othertask>） gulp 5、安装压缩组件 gulp-uglify npm install gulp-uglify --save-dev 在上述 gulpfile.js 的文件里，写入： var gulp = require('gulp'); var uglify = require('gulp

Gulp前端构建前端开发环境

阅读更多关于 Gulp前端构建前端开发环境

一、下载并安装Node.js C:\Users\Administrator>node -v v11.0.0 二、安装npm，安装淘宝cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org C:\Users\Administrator>cnpm -v cnpm@6.0.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js) npm@6.5.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js) node@11.0.0 (C:\Program Files\nodejs\node.exe) npminstall@3.17.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js) prefix=C:\Users\Administrator\AppData\Roaming\npm win32 x64 10.0.17763

前端构建工具gulp入门教程

阅读更多关于前端构建工具gulp入门教程

新建Gulpfile文件，运行gulp 安装好gulp后我们需要告诉它要为我们执行哪些任务，首先，我们自己需要弄清楚项目需要哪些任务。检查Javascript 编译Sass（或Less之类的）文件合并Javascript 压缩并重命名合并后的Javascript 安装依赖 npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev 新建gulpfile文件现在，组件都安装完毕，我们需要新建gulpfile文件以指定gulp需要为我们完成什么任务。 gulp只有五个方法： task ， run ， watch ， src ，和 dest ，在项目根目录新建一个js文件并命名为 gulpfile.js ，把下面的代码粘贴进去： // 引入 gulp var gulp = require('gulp'); // 引入组件 var jshint = require('gulp-jshint'); var sass = require('gulp-sass'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); var rename = require('gulp-rename');

前端构建工具gulp入门教程

阅读更多关于前端构建工具gulp入门教程

本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问 http://nodejs.org ，然后点击大大的绿色的 install 按钮，下载完成后直接运行程序，就一切准备就绪。 npm 会随着安装包一起安装，稍后会用到它。第二步：使用命令行也许现在你还不是很了解什么是命令行——OSX中的终端（Terminal），windows中的命令提示符（Command Prompt），但很快你就会知道。它看起来没那么简单，但一旦掌握了它的窍门，就可以很方便的执行很多命令行程序，比如Sass，Yeoman和Git等，这些都是非常有用的工具。如果你很熟悉命令行，直接跳到步骤四。为了确保Node已经正确安装，我们执行几个简单的命令。 node -v 回车（Enter），如果正确安装的话，你会看到所安装的Node的版本号，接下来看看npm。 npm -v 这同样能得到npm的版本号。如果这两行命令没有得到返回，可能node就没有安装正确，尝试重启下命令行工具，如果还不行的话，只能回到第一步进行重装。第三步：定位到项目现在，我们已经大致了解了命令行并且知道如何简单使用它

JS--我发现，原来你是这样的JS（一）（初识，历史）

阅读更多关于 JS--我发现，原来你是这样的JS（一）（初识，历史）

一、前言：前段时间看红宝书（JavaScript高级程序设计），但没有计划的去看，也没有做详细的笔记，读了之后有点空虚，感觉不对劲啊，学的东西很难记住，印象不深啊，有种挫败感。作前端的js都学不好怎么做前端。后端都学js了，你说死不死。因此吾阅之，再阅之，并决心记之以博客，以增强印象，作得读书笔记，以便日后翻看及供大家参阅与讨论。温馨提示：本系列笔记言辞会有主观色彩，知识重点记录。二、JavaScript历史起源：话说在上世纪末1995年，Netscape公司推出Navigator浏览器。人家公司有追求，不单单能实现静态HTML，人家还想要有动态效果，还想着能去处理表单的验证，不要老是等到后台那边才知道表单输入合不合法，特别在那个年代，一次一等就上分钟，现在我们等上个十秒都想关掉它是不是，嘴边还吐槽着什么破网站。动手：有目标就去做，Netscape公司大牛多，Brendan Eich 用10天（网上说10天）就把JavaScript搞了出来，刚出来时叫LiveScript，为了蹭蹭当红明星Java热度，就改成JavaScript了，所以事实上他们两没啥关系。竞争：看到Netscape公司有了js，微软感觉不行啊，我的IE要被干掉啊，同时也感到js的前途无量，于是弄了个名为JScript的JavaScript的实现。标准：

Js-w3school（2020.2.1）【js使用、js输出、js语法、js变量、js运算符】

阅读更多关于 Js-w3school（2020.2.1）【js使用、js输出、js语法、js变量、js运算符】

一、js使用 getElementById() 是多个 JavaScript HTML 方法之一，用来通过id获取节点。在 HTML 中，JavaScript 代码必须位于 > <script> 与 </script> 标签之间。 3. JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。 4. 您能够在 HTML 文档中放置任意数量的脚本。脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中，或兼而有之。（把脚本置于元素的底部，可改善显示速度，因为脚本编译会拖慢显示。） 5. 外部文件调用js： > <script src="myScript.js"></script> （您可以在 <head> 或 <body> 中放置外部脚本引用。该脚本的表现与它被置于 <script> 标签中是一样的。） 6.外部js的优势： ·分离了 HTML 和代码 ·使 HTML 和 JavaScript 更易于阅读和维护 ·已缓存的 JavaScript 文件可加速页面加载 7. JavaScript 语句由以下构成：值、运算符、表达式、关键词和注释。 8. 分号分隔 JavaScript 语句。 9. JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。 10. JavaScript 代码块：JavaScript

前端面试

阅读更多关于前端面试

知识点汇总 1.HTML HTML5新特性，语义化浏览器的标准模式和怪异模式 xhtml和html的区别使用data-的好处 meta标签 canvas HTML废弃的标签 IE6 bug，和一些定位写法 css js放置位置和原因什么是渐进式渲染 html模板语言 meta viewport原理- 2.CSS 盒模型，box-sizing CSS3新特性，伪类，伪元素，锚伪类 CSS实现隐藏页面的方式如何实现水平居中和垂直居中。说说position，display 请解释*{box-sizing:border-box;}的作用，并说明使用它的好处浮动元素引起的问题和解决办法？绝对定位和相对定位，元素浮动后的display值 link和@import引入css的区别解释一下css3的flexbox，以及适用场景 inline和inline-block的区别哪些是块级元素那些是行级元素，各有什么特点 grid布局 table布局的作用实现两栏布局有哪些方法？ css dpi 你知道attribute和property的区别么 css布局问题？css实现三列布局怎么做？如果中间是自适应又怎么做？流式布局如何实现，响应式布局如何实现移动端布局方案实现三栏布局（圣杯布局，双飞翼布局，flex布局）清除浮动的原理 overflow:hidden有什么缺点？

订阅 js代码