![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
Simple_IDE
这个作者很懒,什么都没留下…
展开
-
vue引入公用样式
<style> @import "../../../common/uni.css";</style>原创 2020-10-16 15:33:21 · 169 阅读 · 0 评论 -
在webpack中打包CSS文件
1.先在入口文件中引入CSS文件2.创建一个webpack.config.js文件nfig.js文件/** * webpack配置文件 * 指示webpack怎么操作 * 此构建工具基于nodejs *///resolve用来拼接绝对路径的方法const { resolve } = require("path");module.exports={ entry:"./src/index.js",//入口起点 //输出 output:{ //输出文原创 2020-09-26 14:58:14 · 246 阅读 · 0 评论 -
webpack之Entry Output Loader Plugins使用
1.2.1 Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。一般的入口文件为index.js webpack只识别JavaScript文件1.2.2 Output输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命名。输入bundle1.2.3 LoaderLoader 让 webpack 能 够 去 处 理 那 些 非 JavaScript 文 件 (webpack 自 身 只 理原创 2020-09-26 13:59:50 · 95 阅读 · 0 评论 -
使用webpack的时候在js文件中导入jQuery
1.在当前目录命令行窗口输入 npm init2.下载需要的jQuery文件 npm install jquery3.在js文件中引入jQuery import $ from “jquery”这个jQuery文件在node_moudles文件夹下的dist文件夹中原创 2020-09-26 13:31:30 · 253 阅读 · 0 评论 -
在JavaScript文件中引入jQuery
var script=document.createElement("script"); script.type="text/javascript"; script.src="../JSlib/jquery-3.4.1.min.js";原创 2020-09-26 13:24:37 · 5329 阅读 · 1 评论 -
ES6转码ES5的工具Babel的使用
Babel的使用原创 2020-09-26 10:47:13 · 47 阅读 · 0 评论 -
vue 创建项目
1.vue create demoName2.添加vuex、axios等 npm add vuex3.启动项目npm run serve原创 2020-09-26 10:42:36 · 88 阅读 · 0 评论 -
axios的使用
菜鸟教程axios原创 2020-09-26 10:19:15 · 116 阅读 · 0 评论 -
GET 和POST传递参数
使用GET方式传递参数使用POST方式传递参数提交、重置、普通按钮如何传送参数单行与多行文本输入框如何传送参数单选按钮与复选框如何传送参数隐藏表单字段与图像字段如何传送参数列表框如何传送参数使用Javascript防止重复提交表单使用GET方式传递参数在浏览器地址栏中输入某个URL地址或单击网页上的一个超链接时,浏览器发出的HTTP请求消息的请求方式为GET。如果网页中的表单元素的method属性被设置为了“GET”,浏览器提交这个FORM表单时生成的HTTP请求消息的请求方式也为GET原创 2020-09-26 10:16:14 · 4261 阅读 · 1 评论 -
阿里巴巴icon font导入CSS
1.先去icon font官网随便找几个图标添加至购物车2.点击购物车,添加至项目3.点击font class 然后生成链接4.将生成的链接输入浏览器地址栏访问5.然年后将上面的东西复制到CSS文件中,在其他文件中引入就可以辣6.使用...原创 2020-09-26 09:18:59 · 1277 阅读 · 0 评论 -
vue创建项目及项目中文件含义
使用vue-cli创建项目步骤:选择项目所在的位置,通过命令行进入该目录(或者直接在该目录,右键,打开命令行)。使用脚手架安装项目: vue init webpack demo 项目是基于webpack的Project name(工程名):回车Project description(工程介绍):回车Author:作者名Vue build(是否安装编译器):回车Install vue-router(是否安装Vue路由):回车Use ESLint to lint your code(是否使用E原创 2020-09-25 16:46:45 · 523 阅读 · 0 评论 -
vue中import的ES6语法
import Vue from ‘vue’;import App from ‘./App’;import router from ‘./route’;import axios from ‘axios’;import ‘./less/index’;于是赶快上了阮一峰大牛的《ES6标准入门》这辆车,学习了:1.项目为什么要模块化?2.ES6模块与CommonJS和AMD模块加载的不同。3.export命令4.import命令5.模块的整体加载get到很多的新姿势,然而并不能解释import原创 2020-09-25 16:32:43 · 923 阅读 · 0 评论 -
用JavaScript+CSS实现的超级简单的时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ pad原创 2020-09-17 15:52:08 · 102 阅读 · 0 评论 -
ToDoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../JSlib/jquery-3.4.1.mi原创 2020-09-17 14:49:03 · 3332 阅读 · 2 评论 -
弹性布局
1.伸缩菜单项<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{原创 2020-09-17 14:48:13 · 77 阅读 · 0 评论 -
一些CSS3案例
过渡手风琴<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ .原创 2020-09-17 14:43:47 · 104 阅读 · 0 评论 -
用CSS3做的一个安卓机器人图
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{原创 2020-09-17 14:34:36 · 538 阅读 · 0 评论 -
CSS3动画实现一个时钟案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ pad原创 2020-09-13 16:54:54 · 292 阅读 · 0 评论 -
CSS3动画实现无缝滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ pad原创 2020-09-13 16:51:13 · 772 阅读 · 0 评论 -
CSS3动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2020-09-13 16:30:58 · 89 阅读 · 0 评论 -
教你一分钟学会用CSS3做立方体!
首先我们来学习一下正方体的几何解构。分为上下左右前后6个面,所以我们先创建6个正方形面,然后利用定位让他们都重叠在一起。然后利用移动+旋转将这6个面拼凑成一个正方体。具体代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2020-09-13 16:29:35 · 432 阅读 · 0 评论 -
CSS3过渡案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ ...原创 2020-09-13 16:13:26 · 467 阅读 · 0 评论 -
CSS3渐变的应用
1.线性渐变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{原创 2020-09-13 16:08:20 · 138 阅读 · 0 评论 -
CSS选择器
属性选择器E[attrbuite]<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-09-13 16:03:47 · 94 阅读 · 0 评论 -
教你一分钟学会web存储!
web存储分为sessionStorage(会话)存储和localStorage(本地)存储sessionStorage就是在打开当前会话窗口时存储地数据,一旦关闭会话窗口,数据就没了,非常地不方便而localStorage则解决了这个问题直接把数据存储在本地<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2020-09-13 15:58:13 · 231 阅读 · 0 评论 -
HTML5中接口的使用
1.全屏接口<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div> <img原创 2020-09-13 15:52:22 · 947 阅读 · 0 评论 -
关于HTML5中得input表单,你所不知道的几点
关于HTML5中得input表单,你所不知道的几点当我们一提到表单,就会想起验证两个字,而验证最离不开的就是正则表达式,我相信这个东西或多或少地让大部分程序员都头疼过那么一段时间当然,也有很多地网站提供了一些常用的用于验证的正则表达式,jQuery也封装了一个jQuery validity库来帮助大家减少这个我们头疼的东西。不过现在HTML5提供了一些input的新属性,让验证变得更加地容易,接下来,让我们看看是哪些新属性吧。1.email<input type="email" nam原创 2020-09-13 15:45:30 · 162 阅读 · 0 评论