- 博客(15)
- 收藏
- 关注
RSS订阅原创 20-vue第一天
day01Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏
2020-10-01 21:47:31
133
原创 19-封装一个jsonp
function jsonp(options) { // 创建script标签 var script = document.createElement("script"); // 生成随机回调函数名 var fnName = "jsonp" + Math.random().toString().replace(".", "") + new Date().getTime(); // 为全局作用域下添加一个属性 属性的名字就是我们随机生成的函数名 // 让属性的值指向调用json
2020-09-27 20:05:35
120
原创 18-封装一个ajax
function ajax(options) { // 默认值 var defaults = { type: "get", url: "", data: {}, header: { "Content-Type": "application/x-www-form-urlencoded", }, success: function () {}, error: function () {}, }; // 使用用户传递的参数替换默认
2020-09-27 20:04:20
1805
原创 17-es6知识点
let声明的变量只在所处于的块级有效**使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。1）不存在变量提升2）暂时性死区 一旦在块级区用let声明了变量，那么就与这个块级区不会向上级查找元素const 关键字 声明常量 具有块级作用域地址不能改变，必须赋初始值 如果定义复杂类型 值可以更改const arr=[1,3]; arr[0]=2;**经典面试题1） var arr = [];for (var i = 0; i &..
2020-09-26 10:17:16
140
原创 15-正则表达式
var 变量名=new RegExp( /xxx/ );var 变量名=/xxx/;https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions正则测试工具 ： http://tool.oschina.net/regex https://c.tunoob.com/4.量词元字符：设置出现的次数* 零到多次+ 一到多次? ..
2020-09-26 10:14:06
775
原创 14-jquery知识点
$的三种用法$其实就是一个函数，以后用$的时候 $(); 参数不同，功能就不同1）参数是一个function, 入口函数 $(function(){ });2）直接写dom元素，封装为jQuery对象 $(document).ready(function(){ });3) 参数是一个字符串,用来找对象 $("div") $("#btn") $(".classname")等着dom元素加载结束加载完再加载 两种入口函数：**1)
2020-09-23 12:35:42
110
原创 13-js知识点
JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式–复习字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2静态成员和实例成员1.2.1实例成员实例成员就是构造函数内部通过this添加的
2020-09-21 19:10:29
168
原创 12-Grid布局
移动 web 开发——grid 布局1.0 grid 布局1.1 容器属性当元素设置了网格布局，column、float、clear、vertical-align属性无效。1.1.1 grid-template-*属性的含义：grid-template-columns: 100px 100px; 有多少列grid-template-row: 100px 100px; 有多少行如果只设置列，那么行就会自动填充；如果只设置行，那么列就会自动填充grid-template-row: re
2020-09-20 08:56:13
390
原创 11-flex布局
flex 布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。flex 布局又叫伸缩布局 、弹性布局 、伸缩盒布局 、弹性盒布局采用 Flex 布局的元素，称为 Flex 容器（flexcontainer），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（fle
2020-09-11 20:22:45
357
原创 09-html5-第一天
HTML5 第一天一、什么是 HTML5HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成H
2020-09-11 13:01:20
53
原创 10-html5-第二天
HTML5 第二天一、rotate旋转 动画函数库：http://www.jq22.com/yanshi8192d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤：给元素添加转换属性 transform属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度通常与 transition:all 0.5s; 动画配合使用，（谁用在谁添加动画）skew() 斜拉函数。skew(x,y)使元素在水平和垂直方
2020-09-11 12:51:10
126
原创 08-css背景(background)
CSS 背景(background)1 背景颜色(color)语法：background-color:颜色值; 默认的值是 transparent 透明的2 背景图片(image)语法：background-image : none | url (url) 参数作用none无背景图（默认的）url使用绝对或相对地址指定背景图像background-image : url(images/demo.png);小技巧： 我们提倡 背景
2020-08-03 19:04:01
170
原创 07-行高（line-height）
行高（line-height）1 行高测量行高的测量方法：从上到下四条线分别是顶线、中线、基线、底线，很像才学英语字母时的四线三格，vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。尤其记得基线不是最下面的线，最下面的是底线。2 单行文本垂直居中行高我们利用最多的一个地方是： 可以让单行文本在盒子中垂直居中对齐。文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。行高 = 上
2020-08-03 19:00:52
1918
原创 06-标签显示display
1. CSS复合选择器1.1 后代选择器（重点）概念：后代选择器又称为包含选择器作用：用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。父级 子级{属性:属性值;属性:属性值;}语法：.class h3{color:red;font-size:16px;}当标签发生嵌套时，内层标签就成为外层标签的后代。子孙后代都可以这么选择。 或者说，它能选择任何包含在内 的标签。1.2 子元素选择
2020-08-03 18:53:17
99
原创 05-CSS盒子模型
typora-copy-images-to: media第01阶段.前端基础.盒子模型盒子模型（CSS重点）css学习三大重点： css 盒子模型 、 浮动 、 定位理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用：能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例1.看透网页布局的本质.
2020-08-02 11:31:57
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人