随笔分类 - 前端
摘要:1.实现效果: 1.1.代码 <div class="s_center"> <span style="letter-spacing: 10px;">居中文字</span> <!--letter-spaciing:设置文字间间距--> </div> <style scoped> .s_center{
阅读全文
摘要:1.复制https://element.eleme.cn/#/zh-CN/component/form代码 2.粘贴 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ru
阅读全文
摘要:我们可以通过分块来进行布局: 例如实现以下的布局(两边可增加样式进行调整): Vue 代码: <template> <el-container> <el-header> header </el-header> <el-main> <el-row> <el-col :span="24"> <!--占整
阅读全文
摘要:vue-cli : Vue脚手架 安装: 1.安装node.js 2.安装npm,cnpm 3.安装Vue-cli 4.安装webpack 命令行创建:在指定文件夹下:vue init webpack demo(项目名) 进入创建的项目文件下 :cnpm install 下载element-ui :
阅读全文
摘要:1.验证 验证的插件: http://parsleyjs.org/ http://jqueryvalidation.org/2.前端UI 首页动态图片的插件:http://bxslider.com/ 图标:http://fontawesome.io/ :下载、icons3.bootstrap:用于响
阅读全文
摘要:ajax核心对象: XMLHttpRequest 那年创建的XMLHttpRequest对象 ajax 几种常用方法: /*** load***/ $('div').load('url', data, callback ); 没有请求数据时,请求类型为GET, 发送请求数据时,请求类型是POST,l
阅读全文
摘要:jQuery:对Dom和js的封装模块 jQuery 低版本(1.x)兼容IE,jquery下载:http://jquery.com/download/ 若不考虑兼容ie,可下载最新版 我用的jQuery版本:https://code.jquery.com/jquery-3.3.1.js 可以把mi
阅读全文
摘要:Document: 每个载入浏览器的HTML文档都会成为一个Document对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 并且Document 对象是 Window 对象的一部分,可通过window.document 属性对其进行访问。 document三
阅读全文
摘要:js:放在bady标签的底部,保证页面加载完成后才加载js js注释:// 单行注释 /*多行注释*/ js有两种存在形式: <script> function f1(){ js的函数体 } </script> js中变量声明 : name='vera'; //全局变量 var age= 18; /
阅读全文
摘要:css 有三种形式的写法: 选择器 : 标签选择器 2. 把input类中type=“text”的标签都应用这个样式 ID选择器 例:id 是uu的标签应用这个样式 <div id="uu"> 我是谁我在哪儿 ?.? </div> 层级选择器 例: <div class='c'> <a> <div>
阅读全文
摘要:块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div> <h1>标题1</h1> <p>段落</p> 行内标签如: <a>我是一串字</a> <span> 我也是字</span> <lable></lable> ; <input /> ; <
阅读全文
摘要:<!DOCTYPE html> : 定义HTML的规则类型;浏览器兼容性最好 <!DOCTYPE html><html> <head> <!--编码--> <!-- // 指定HTML编码(缩写) : UTF-8 / jdk--> <meta charset="UTF-8"> <meta http-
阅读全文