- 博客(37)
- 收藏
- 关注
RSS订阅原创 Vue.js
文章目录Vue.js组件组件注册组件通信组件插槽内置组件Vue Router单页应用前端路由Vue RouterVue CLI安装项目搭建目录与文件打包与部署Vue.js组件组件注册• 全局注册全局注册的组件在注册后可以用于任意实例或组件中。注意：全局注册必须设置在根 Vue 实例创建之前• 组件基础本质上，组件是可复用的 Vue 实例，所以它们可与 new Vue 接收相同的选项，例如 data、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项：
2021-08-15 21:19:51
654
原创 vue.js
Vue.js（前端流行框架）简介核心特性安装基础语法实例基础选项指令其他选项简介核心特性1.数据驱动试图双向数据绑定是在数据绑定基础上，可自动将元素输入内容更新给数据，实现数据与元素内容的双向绑定（于输入框等可输入元素，可设置双向数据绑定）Vue.js 的数据驱动视图是基于 MVVM 模型实现的MVVM (Model – View – ViewModel )( 数据 - 试图模板 - 业务逻辑处理代码 )是一种软件开发思想• 基于MVVM 模型实现的数据驱动视图解放了DOM操作• Vie
2021-08-01 16:25:14
284
原创 Webpack
文章目录概述简介核心概念最佳实践基础进阶项目概述简介Webpack 是一个现代 JS 应用程序的静态模块打包器（module bundler）• 模块（模块化开发，可以提高开发效率，避免重复造轮子）• 打包（将各个模块，按照一定的规则组装起来）• 官网：https://webpack.js.org/特点• 功能强大（打包、构建、发布 Web 服务）• 学习成本高功能• 将多个文件合并（打包），减少 HTTP 请求次数，从而提高效率• 对代码进行编译，确保浏览器兼容性• 对代码进行
2021-07-25 19:58:24
498
原创 工程化基础、自动化工具
工程化基础、自动化工具一、前端工程化，Node.js1. 前端工程化是什么做什么2.Node.js 基础是什么做什么使用npm3.前端工程化是由 Node.js 强力驱动的。二、脚手架简介Yeoman简介三、自动化构建是什么npm scripts构建样式文件构建脚本文件代码格式校验ESLintStyleLint四、Gulp是什么Gulp基础基本用法组合任务文件操作案例演示样式文件构建脚本文件构建页面模板构建图片（字体）文件转换文件清除开发服务器监视变化（热更新）附录1. Win10 配置 hosts2. M
2021-07-04 16:12:19
309
原创 Ajax 基础
这里写自定义目录标题Ajax原生AJAX发送 ajax 请求步骤－XMLHttpRequest设置请求头发送请求readyState 属性XMLHttpRequest 2.0同步异步XMLJSON封装 AJAX库jQuery 中的 AJAXAxiosAPI常用配置项全局配置默认值拦截器跨域同源策略跨域解决方案JSONPCORS模板引擎AjaxAJAX 就是浏览器提供的一套 API，可以通过 JavaScript 调用，从而实现通过代码控制请求与响应。实现通过 JavaScript 进行网络编程。应用场
2021-06-20 11:38:42
131
原创 jQuery--2
文章目录JQuery排序排序each() 遍历jQuery 中的入口函数jQuery 切换效果方法animate() 动画方法动画排队delay() 延迟方法stop() 方法清空动画排队JQuery节点操作jQuery 操作元素的尺寸jQuery 操作元素的位置JQuery事件操作jQuery 事件对象多库共存jQuery 插件使用JQuery排序排序eq()在 jQuery 对象中通过下标获取某个对象，下标是 jQuery 对象中的大的排序的下标// 选择所有的 p 标签元素// var $
2021-06-06 21:34:38
618
原创 jQuery--1
文章目录简介基础操作jQuery 对象jQuery 选择器常用方法jQuery 操作标签的内容jQuery 操作标签的属性jQuery 操作样式方法jQuery 操作类名方法jQuery 常用事件方法jQuery 关系查找方法链式调用jQuery 其他关系查找方法简介jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具query 本身是选择的意思，主要对 JavaScript中的选择元素的方法进行了大量的优化write less,do more版本发展1.X：兼容 IE6/
2021-06-06 21:34:18
517
原创 ECMAScript 2015
文章目录ES 6 (ECMAScript 2015)let 与块级作用域const数组的解构对象的解构模板字符串字面量模板字符串串标签函数字符串的扩展方法参数默认值剩余参数展开数组箭头函数箭头函数与this对象字面量增强对象扩展方法class类静态成员类的继承Set 数据结构Map 数据结构Symbolfor…of 循环ES 2015 其他内容ES 6 (ECMAScript 2015)通常将 ECMAScript 看作是 JavaScript 的标准规范实际上JavaScript 是 ECMAScr
2021-05-26 23:43:40
1180
1
原创 正则表达式
文章目录正则表达式语法相关方法正则表达式的组成正则的术语正则表达式正则表达式：（Regular Expression）用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式，从字符串中获取我们想要的特定部分(提取)强大的字符串替换能力(替换)在线测试链接语法正则表达式字面量 ：var reg =
2021-05-26 22:49:15
154
原创 继承和函数
文章目录继承对象继承原型继承构造函数继承(属性和方法)组合继承函数函数定义方式函数声明与函数表达式的区别函数的调用和thiscall、apply、bind函数的其他成员高阶函数函数闭包继承对象继承对象拷贝 for…in// 封装一个对象之间继承的函数 function extend(parent, child) { for (var k in parent) { // 子级有的属性不需要继承 if (child[k]) { continue; }
2021-05-26 00:12:20
269
原创 面向对象编程
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术笔记 2 遍2、CSDN 技术博客 3 篇
2021-05-25 22:53:12
100
原创 BOM
一、概念BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的 Window 对象是 BOM 的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等。二、window 对象window 是浏览器的顶级对象，当调用 window 下的属性和方法时，可以省略 window
2021-05-07 11:54:57
107
转载 DOM
一、概念DOM - 文档对象模型（Document Object Model），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。DOM 可以把 HTML 看做是文档树，通过 DOM 提供的 API 可以对树上的节点进行操作。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本，更新其内容、结构和 www 文档的风格(目前，HTML 和 XML 文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM 是一种基于树的 API 文档，它要求
2021-05-07 11:54:25
160
原创 JS基础--8（对象）
对象概念对象可以自定义名称存储一系列无序的相关数据（无序属性的集合）万物皆对象，对象时一个具体的事物，一个具体的事物就会有行为和特征创建对象对象字面量 {}内部可以存放多条数据，数据与数据之间用逗号分隔，最后一个后面不要加逗号。每条数据都是有属性名和属性值组成，键值对写法：k: v var o = { name: 'zs', age: 18, sex: true, sayHi: function () { //在对象内部用 this 打点调用属性名。this 替代对
2021-04-19 21:48:08
177
原创 JS基础--7（函数）
函数概念函数（function），也叫作功能、方法，函数可以将一段代码一起封装起来，被封装起来的函数具备某一项特殊的功能函数的作用就是封装一段代码，将来可以重复使用。函数声明函数声明又叫函数定义，函数必须先定义然后才能使用函数声明语法：function 函数名（参数）{ 封装的结构体；}函数声明的时候，函数体并不会执行，只有当函数被调用的时候才会执行。函数调用调用方法：函数名();函数调用也叫作函数执行，调用时会将函数内部封装的所有的结构体的代码立即执行。函数内
2021-04-18 23:10:36
133
原创 JS基础--6(数组)
数组概念将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，这个集合称为数组数组是一组有序的数据集合。数组内部可以存放多个数据，不限制数据类型，并且数组的长度可以动态调整创建数组数组字面量：[]获取数组元素数组变量名后面直接加[index]方式index 索引值，下标，从0开始可以通过index获取某一项值之后，使用或者更改如果索引值超过了数组最大项，相当于内部存储的是undefined数组的长度变量名.length数组的长度与数组最后一项的下标存在关系
2021-04-18 19:54:02
284
原创 JS基础--5
循环语句for循环前测试语句在反复执行一段代码之前，都要先测试入口条件，如果条件为真，可以继续循环，如果条件为假，必须跳出循环不再执行。语法：for ( ; ; ) { }注意：小括号内部必须有两个分号。for 循环 {} 后面不需要加分号。第一个分号之后和第二个分号之前的语句要设置正确，否则可能会造成死循环或不进入循环for可嵌套for或if语句,嵌套for的时候只有变量名，内外层要设置不同do while循环后测试循环语句先执行一次结构体，执行完后才会去判断入口条
2021-04-14 23:30:27
111
原创 JS基础--4
表达式和语句表达式一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以被放在任何需要值的地方。特点：表达式会先执行出一个结果，然后再参与其他程序语句语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下分号 ; 分割一个一个的语句。语句可以认为是给计算机的一个指令，执行这段代码。一般语句以分号结束，特殊的结构除外。流程控制语句通过一些特殊结构可以让 js 代码加载时，要么可以跳过一部分不加载，或者可以循环加载
2021-04-14 23:17:58
120
原创 JS基础--3
操作符概念操作符也叫运算符，是js中发起运算最简单的方式表达式的组成包含操作数和操作符，表达式会得到一个结果，然后用结果参与程序用法算术运算符/+、 - 、*、 / 、%、 ()运算顺序：先乘除取余，再 加减，有小括号先算小括号NaN参与运算的得到的结果都是NaNInfinity参与运算按情况看其他类型的数据参与运算字符串参与的+ ：拼接为字符串隐式转换：计算机暗中将其他数据类型先自动转换成数字类型，再进行运算（Number）对于数字：纯数字字符串会转为对应的数字
2021-04-12 22:39:13
93
原创 JS基础--2
数据类型JS数据类型分为两大类：简单数据类型（Number 数字类型、String 字符串类型、Boolean 布尔类型、undefined undefined类型、null null类型）复杂数据类型 （Object 对象类型）简单数据类型Number 数字类型不区分整数、浮点数、特殊值String 字符串类型引号包括的Boolean 布尔类型只有true和false两种字面量的值（必须都是小写字母）计算机内部存储：true为1，false为0undef
2021-04-12 15:54:59
86
原创 JS基础--1
介绍概念JavaScript 是一种运行在客户端的脚本语言。浏览器就是一种运行JS脚本语言的客户端，JS的解释器被称为JS引擎，为浏览器的一部分。JavaScript 基于ES(ECMAScript 一种标准语言) 标准实现的JavaScript是由ES、DOM、BOM组成语法书写位置写在行内html <input type="button" value="按钮" onclick="alert('hello')">写在html中 ```html
2021-04-12 13:15:16
71
原创 flex布局和定位问题
flex布局和定位可以同时存在一个标签吗？会有什么影响？？？父元素宽度确定，子元素宽度确定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2021-04-10 18:32:21
2064
原创 css-怎么做半圆渐变背景图
做下面两种背景图有两种方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-04-10 16:41:11
2639
原创 移动端开发之常见布局
流式布局（百分比布局）流失布局，就是百分比布局，也称非固定像素布局通过将盒子的宽度设置成百分比，从而根据屏幕宽度来进行伸缩，不受固定像素的限制，内容向两侧填充制作过程中，需要定义页面的最大和最小支持宽度max-width 最大宽度 （ max-height 最大高度）min-width 最小宽度 （ min-height 最小高度）flex布局弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局后，子元素的float、cl
2021-04-09 11:55:23
656
原创 如何制作移动端静态网页
开发移动端兼容移动端主流浏览器，处理Webkit内核浏览器即可移动端调试的方法Chrome DevTools(谷歌浏览器)的模拟手机调试搭建 本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问开发准备视口(viewport) 就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口。布局视口：一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题（iOS,Abdroid基本都将这个
2021-04-08 15:57:27
3279
原创 如何制作PC端静态网页
开发流程需求分析-》整体规划-》界面设计-》前端程序设计-》前后端系统整合-》测试验收开发前准备确定页面版心（常见的版心宽度值包括960px、980px、1000px、1200px等）版心一般水平居中显示（使用标准流中的margin:0 auto;居中）分析页面中的行模块，以及每个行模块中的列模块– 确定布局类型（一列固定宽度且居中、两列左窄右宽型、通栏平均分布型，更多情况下，一个网页中可能同时包括2种以上的布局类型）开发制作HTML页面，CSS文件等<head>内的
2021-04-08 14:22:24
966
原创 周总结
学习已经第二周了，最近公司搞的我心累，没啥心思学习，笔记也拉下了，有时候还在思考为啥要记笔记，今天实在看不下去了，然后就去又看了一遍开营仪式。小鹿老师一直在强调要给自己树立目标并且每天落实，群里小伙伴也在不断的学习讨论，就有点收了心。毕竟作业也不能因为拖就少了，毕竟我也是花了钱的，哈哈，所以啊，既然选择了这个工作，既然想要多挣一点，那就得多学习。每天尽量定时定点，学基础的时候养好习惯。后期才不会更吃力。 现在才第二周都是基础，时间10几个小时，再加上自己掌握敲代码，学习的时间更长...
2021-03-15 23:58:43
56
原创 H5简介
HTML5，万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改；设计目的是为了在移动设备上支持多媒体增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性废弃一些元素和属性比如 font 、center 等…优势、劣势优势提高可用性和改进用户的友好体验更好的语义化标签可以给站点带来更多的多媒体元素(视频和音频)可以很好的替代FLASH和Silverlight当涉及到网站的.
2021-03-15 20:00:52
438
原创 CSS3 新增选择器
HTML5，万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改；设计目的是为了在移动设备上支持多媒体增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性废弃一些元素和属性比如 font 、center 等…优势、劣势优势提高可用性和改进用户的友好体验更好的语义化标签可以给站点带来更多的多媒体元素(视频和音频)可以很好的替代FLASH和Silverlight当涉及到网站的.
2021-03-15 19:56:20
192
原创 CSS核心样式
css样式有很多，下面是常用的核心样式，之后有新的还会继续更常用样式-字体属性 font粗细 font-weight用来设置文字是否加粗显示两种属性值表示：单词类型lighter 更细 、normal 正常（默认值）、 bold 加粗 、bolder 更粗数字类型100-900之前的整百数字，数字越大，文字越粗其中 400 等价于normal，700等价于bold字体风格 font-style设置字体的风格，比如是否斜体显示属性值：normal 正规字体(默
2021-03-15 19:53:15
130
原创 周总结
在拉钩学习的一周学习马上就要过去了，其实我已经工作了，原来以为对于这些基础我感觉自己都已经掌握了，对于html这些最简单的学不了什么东西，但是出于好奇课程内容，我还是刷了第一周的内容，发现这些课程讲的东西虽然刚开始的是理论东西，但是加了一些需要注意的地方，或者可以说是面试的点，不仅如此，还穿插了讲解了实际应用中要注意的点和方法。让我很期待后边的课程。 小鹿老师很认真负责，对于每天的进度，课程内容，遇到的易混淆的点，还给我们总结别的同学所遇到的问题，就很棒，也很细心，我觉得作为一个技术人员...
2021-03-07 15:43:11
51
原创 CSS基本语法
概念css全称cascading style sheets，层叠式样式表，是一种用来表现HTML的文件样式的计算机语言。作用:静态地修饰网页，并且可以配合各种脚本语言动态地对网页各元素进行格式化。CSS的组成层叠式（css中贯穿始终的加载特性 ）层叠性继承性样式（定义如何显示HTML元素）文本文字背景盒模型浮动定位其他代码书写位置css规则由两个主要的部分构成：选择器以及一条或多条声明css代码按照书写位置不同分为四种书写方式：内联式、内嵌式、外联式、
2021-03-07 15:24:27
171
原创 HTML--常见标签篇3
表单(表单是用来收集用户输入信息的)表单的组成HTML 表单用于搜集不同类型的用户输入，表单元素就是网页中提供用户进行输入或点击的小控件。在HTML中，一个完整的表单通常由表单域、提示信息和表单控件（也称为表单元素)3个部分构成。功能表单域:相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。提示信息:一个表单中通常还需要包含一些说明性的文字，提示用户进行填写
2021-03-06 17:40:10
636
原创 HTML--常见标签篇2
音频和视频音频标签音频使用 <audio>标签进行定义<audio> 是双标签同图片一样，需要使用src属性设置音频查找的路径音频文件支持的格式包括: .mp3、.ogg、.wav音频加载后不会自动显示播放器的控制条，需要使用controls属性进行设置，属性值也是controls <audio src="" controls="controls"></audio>视频标签音频使用<video>标签进行定义<
2021-03-06 17:39:10
162
原创 HTML--结构标签篇1
基本结构基本骨架HTML文件最基本的四个标签，组成了网页的基本骨架，包括：<html>、<head>、<title>、<body>四组标签。<head>作用： 用于存放<title>,<meta>,<base>,<style>,<script>,<link>。内部用于对网页的设置，除了<title>内内部的文字，其他的标签都不显示在浏览器上。注意在&l
2021-03-06 17:36:37
546
原创 HTML--概念语法篇
前置知识前端三层：HTML（结构层）、css(样式层)、JavaScript(行为层)互联网互联网运行过程：客户端发送HTTP请求到服务器，服务器接收请求，通过HTTP响应回传到客户端服务器、云服务器（目前大多网站采用云服务器，简单高效、安全可靠、处理能力可弹性伸缩，无需购买硬件）主流Web页面浏览器：IE/Microsoft Edge(Trident)、Firefox(Gecko)、Safari(webkit)、Chrome(Webkit->Blink)、Opera(Presto->
2021-03-06 17:34:57
214
原创 前端学习--
为什么门槛低、便于入门涵盖技术广、就业前景好是什么前端开发是创建Web页面或app等前端界面呈现给用户的过程核心技术：HTML、CSS、JavaScript以及衍生出的各种技术、框架等做什么内容丰富 功能强大 用户体验增强应用场景丰富 PC 移动APP 小程序 游戏 服务端怎么做前置知识计算机基本认识应用的概念前端和后端入门阶段HTMLHTML语法HTML语义SEO基础H5CSSCSS语法页面布局媒体查询CSS3Java
2021-03-03 18:22:34
171
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人