- 博客(34)
- 收藏
- 关注
RSS订阅
1原创 GIT命令大全
配置git config --global “Your Name”git config --global “Email Address”初始化git init提交修改git add git add -u 提交work directory中所有已track的文件至staging areagit commit -m “descriptions”git commit --amend 对最近一次的提交做内容修改git commit --amend --author “user_name <
2022-04-13 17:48:07
111
原创 脚手架--基本项目环境搭建
什么是脚手架在vue中 脚手架使用的是 vue-cli这个技术；脚手架 就是一个今后所写项目的一个基本的空框架 这个空框架中包含了 与项目业务无关的空框框创建脚手架：前期准备：电脑上必须要有node 建议页安装好淘宝镜像；**1.全局安装：**npm install -g @vue/cli**2.查看安装之后的脚手架版本：**vue --version3.把cmd cd到你要创建项目的路径下，或者去要创建文件夹目录底下cmd一下4.创建项目 vue create 项目名
2021-09-29 16:33:52
114
原创 过滤器(filter)
过滤器在vue中过滤器使用 filter来表示；在不改变原始数据的情况下 格式化（按照我们的需要）展示内容过滤器本应该分为自定义过滤器和内置过滤器*** 但是在vue2.x之后取消了**内置过滤器*** 内置过滤器只停留在1.x之中自定义过滤器：1.自定义过滤器又分为全局与局部过滤器：使用过滤器：语法：{{变量| 过滤器的名字 }}例如：源码走起????♂️：<div id="demodiv"> <h1>{{num|xiaoming}}<
2021-09-29 15:25:29
126
原创 生命周期的钩子函数
一、什么是钩子函数？在特定情况下被自定钩起的函数（自动调用的函数）二、什么vue是生命周期？vue实例从创建到销毁的过程三、生命周期的钩子函数概念：vue实例从创建到销毁的过程中被自动调用的函数生命周期的钩子函数:1.实例创建前后实例创建之前： beforeCreate 数据观测和初始化并没有开始实例创建之后: created 完成了数据的观测 属性方法等内容都开始初始化 但是这个时候视图层还没有开始渲染2.模板渲染前后模板渲染之前: beforeMount 模板
2021-09-28 20:57:05
136
原创 用vue实现todolist/源码/思路
todolist思路一 、 添加思路：1.将JSON对象用v-for循环遍历到ul里面；2.给按钮添加点击事件创建函数；3.在函数中需要得到输入框的值；4.把得到的数据push到数组中；this.arr.push({title:this.inputval}),5.清空输入框 this.inputval=’’二、任务总数：获取数组数据的长度三、点击变色1.给遍历出来的数组去添加复选框；2.当勾到复选框时，要知道勾选那条数据(添加一个状态的布尔值所以需要修改数据 给每一条数据添加一个用来
2021-09-28 16:25:56
469
原创 入门vue.js基础
一、了解型知识点：前端与后端是什么？前端：数据展示后端：数据处理依赖包从哪里来？npm管理npm 的服务器是在国外的 国内下载很慢淘宝镜像： npm i -g cnpm --registry=https://registry.npm.taobao.orgjquery :1.cd 到你要下载是的文件夹下2.初始化 npm init -y3.下载 npm install --save jquery4.修改下载版本4-1 在下载的时候直接指定版本 npm inst
2021-09-27 16:21:27
199
原创 入门级Node.JS须知
node.js入门概述Node.js 就是运行在服务端的 JavaScript.• 运行于google V8引擎，V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。• Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用安装官网： http://nodejs.cn/download/选择对应的安装下载并安装检查是否
2021-09-16 15:01:34
113
原创 增删改查系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 240px; height: 180px; background-color: pink;
2021-09-10 17:10:05
73
原创 this的指向，箭头函数的this
this的指向，箭头函数的this①当this所在函数是事件处理函数时，this代表事件源②当this所在函数是构造函数时，this代表new出来的对象③当this所在函数是类的方法时，this代表调用方法的对象。④当this所在函数没有所属对象，this代表window对象。箭头函数根本没有自己的this，它内部的this就是外层代码块的this...
2021-09-10 15:04:08
58
原创 盗版ToDoLiSt
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } li{ list-style: none; } body{ background-color:#cdcdcd;
2021-09-10 14:56:00
62
原创 页面（轮播图）代码
<!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"> <title>Doc
2021-08-23 20:33:15
319
原创 百度搜索下拉框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width= , initial-scale=1.0"> <title>Document&l
2021-08-20 11:47:07
270
原创 注册页面1
<!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"> <title>Doc
2021-08-20 11:44:26
112
原创 登录页面代码
<!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"> <title>Doc
2021-08-20 11:42:56
1744
原创 cookie封装
//封装一个getcookiefunction getcookie(value){ var cookie=document.cookie;//获取cookie字符串 var arr=cookie.split('; ');//将字符串转为数组 for(var i=0;i<arr.length;i++){ var item=arr[i].split('='); if(item[0]=value){ return item[1
2021-08-20 11:32:57
56
原创 加载代码2
<!DOCTYPE html><html><head> <title>千锋教育——做真实的自己,用心做教育</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body> <button id="btn">点我加载一组</button>
2021-08-20 11:29:22
114
原创 加载成功1
<!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"> <title>Doc
2021-08-20 11:25:22
299
原创 day9:BOM
BOM对象概念BOM:浏览器对象模型（地址栏，历史记录，屏幕，滚动条，关闭）顶级对象window // 下面5个属于window的子对象 // document 文档对象 // history 历史记录对象 // location 地址栏对象 // screen 屏幕对象 // navigtor 浏览器对象自定义对
2021-06-20 17:34:58
64
原创 day8：字符串；Math方法；创建对象；对象的方法；定时器；选择排序
字符串substr(开始下标，截取的长度)substring(开始下标，结束下标)slice(开始下标，结束下标)indexOf() : 查找字符串首次出现的索引位置trim() 去除前后空格toLowerCase() 转小写toUpperCase() 转大写replace(‘a’,’&’)； 找到第一个匹配的元素，替换成&Math方法Math.random() 随机数Math.abs() 取绝对值Math.round() 舍四进五Math.ceil() 向上取整
2021-06-20 17:22:47
49
原创 day7:数组新增
1.数组新增every()—检测数组元素的每个元素是否都符合条件。&& 返回一个布尔值下例检测数组中的所有元素是否都大于 50。var arr = [98,88,80,78,67,67,76];var flag = arr.every(function(element,index,array){return element>=50;})console.log(flag);some()—检测数组元素中是否有元素符合指定条件。|| 它返回的是一个布尔的值检测下
2021-06-20 17:12:39
81
原创 day6:关于数组与递归认识
递归函数递归：函数内部，直接或者间接调用函数自己，递归一定要有出口，不然就是死递归------------- 注意：return 除了返回一个结果，终止函数的执行break： 用于终止循环 function fn(n) { var jc = 1; if (n > 1) { jc = n * fn(n - 1) } // 递归的出口 if (n == 1) { jc = 1; } return jc; } console.log(fn(5));
2021-06-20 16:48:43
79
原创 day5:作用域
1.1作用域作用域：代码的作用范围，一段代码起作用的区域 全局作用域： 在函数外面定义的变量 全局位置定义的变量称为全局变量， 会保存在一个叫window对象里面 全局变量的生命周期：页面一打开变量就起作用了，页面已关闭，变量就起作用了全局作用域里面定义的变量，哪哪都能访问 var n = 20; console.log(n);//20 function fn() { console.log(n); } fn(
2021-06-20 16:30:48
58
原创 day4: 函数
1. 函数1.1 函数概念函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的 重复使用。// 不用函数求 1~10的累加和var sum = 0;for (var i = 1; i <=10; i++) { sum += i; }console.log(sum);//使用函数 //函数就是封装了一段可以被重复执行调用的代码块 目的： 就是让大量代码重复使用 function getSum(num1, num2) { var sum = 0; for
2021-06-20 16:10:27
61
原创 day3:循环语句使用
循环语句满足某个条件时一直执行，当条件不满足的时候，停止执行；程序如何执行的呢？1. var i = 1;2. i <= 4 看看条件是不是true-->是true---> 会走{} --- > i++3. i = 2 i<=4 看看条件是不是true--->是true---> 会走{} --- > i++4. i = 3 i<=4 看看条件是不是true--->是true----》会走{} ----> i++5.
2021-06-20 08:37:46
65
原创 day2:流程控制
流程控制语句的分类流程控制语句:顺序语句分支语句（根据条件选择性执行）1.if语句2.switch语句循环（根据条件循环执行，不满足条件时终止循环）if语句if语句分为三种：1.单分支 if(条件表达式){}；2.双分支 if(){}else{};3.多分支 if()else if(){}else if(){}else{};单分支: var x = 10; 对x变量进行判断，如果条件表达式为true，就执行紧挨着的大括号
2021-06-20 08:22:26
90
原创 day1：JavaScrip
1.JS的概述1.可以干的事情2.运行在客户端（浏览器）的解释型脚本语言解释型：代码从上到下一边解释一边运行2.JS的历史95年布莱登·艾奇用10天完成JavaScrip设计，用来表单验证，最初命名为LiveScript。后来sun合作改为JavaScrip。3.JS的组成ECMAScript（语法）、DOM、BOMDOM：文档对象模型BOM：浏览器对性模型js本质：可以通过即代码操作文档，浏览器。4.JS的书写位置1.行内式2.嵌入式写在html结构底部，为了能够获取最页面中的
2021-06-15 10:37:15
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人