![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 92
weixin_45694891
这个作者很懒,什么都没留下…
展开
-
20-vue第一天
day01 Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 使用Vue将helloworld 渲染到页面上 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏原创 2020-10-01 21:47:31 · 132 阅读 · 0 评论 -
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 · 118 阅读 · 0 评论 -
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 · 1804 阅读 · 0 评论 -
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 · 139 阅读 · 0 评论 -
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 · 774 阅读 · 0 评论 -
14-jquery知识点
$的三种用法 $其实就是一个函数,以后用$的时候 $(); 参数不同,功能就不同 1)参数是一个function, 入口函数 $(function(){ }); 2)直接写dom元素,封装为jQuery对象 $(document).ready(function(){ }); 3) 参数是一个字符串,用来找对象 $("div") $("#btn") $(".classname") 等着dom元素加载结束加载完再加载 两种入口函数: **1)原创 2020-09-23 12:35:42 · 109 阅读 · 0 评论 -
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 阅读 · 0 评论 -
11-flex布局
flex 布局原理 flex 是 flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。 flex 布局又叫伸缩布局 、弹性布局 、伸缩盒布局 、弹性盒布局 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(fle原创 2020-09-11 20:22:45 · 357 阅读 · 0 评论 -
09-html5-第一天
HTML5 第一天 一、什么是 HTML5 HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的 HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 HTML5 拓展了哪些内容 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 H原创 2020-09-11 13:01:20 · 53 阅读 · 0 评论 -
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 · 168 阅读 · 0 评论 -
07-行高(line-height)
行高(line-height) 1 行高测量 行高的测量方法: 从上到下四条线分别是顶线、中线、基线、底线,很像才学英语字母时的四线三格,vertical-align属性中有top、middle、baseline、bottom,就是和这四条线相关。 尤其记得基线不是最下面的线,最下面的是底线。 2 单行文本垂直居中 行高我们利用最多的一个地方是: 可以让单行文本在盒子中垂直居中对齐。 文字的行高等于盒子的高度。 这里情况些许复杂,开始学习,我们可以先从简单地方入手学会。 行高 = 上原创 2020-08-03 19:00:52 · 1918 阅读 · 0 评论 -
06-标签显示display
1. CSS复合选择器 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。 父级 子级{属性:属性值;属性:属性值;} 语法: .class h3{color:red;font-size:16px;} 当标签发生嵌套时,内层标签就成为外层标签的后代。 子孙后代都可以这么选择。 或者说,它能选择任何包含在内 的标签。 1.2 子元素选择原创 2020-08-03 18:53:17 · 99 阅读 · 0 评论