- 博客(37)
- 收藏
- 关注
RSS订阅原创 npm i 报错
我在用npm i 安装依赖项的时候，报了一个‘npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-08-10T03_32_17_014Z-debug.log’提示我升级npm，正确解决办法是:执行 npm install npm@latest -g升级到最新版本删除本地node_modules 依赖包执行 n
2022-04-13 13:13:15
306
原创 数组的常用方法
1.shift 删除数组中的第一个元素2.pop 删除数组中的最后一个元素3.unshift 增加元素在数组的前面4.push 增加元素在数组的后面5.map循环，并且返回新的数组6.forEach 循环，遍历7.filter 过滤，筛选出数组中的满足条件的，并且返回新的数组8.concnt 合并数组9.find 查找出第一个符合条件中的数组元素10.findIndex 查找出第一个符合条件中的数组元素，所在的索引位置11.flat 将多维数组转为一维数组12..
2021-11-19 09:11:03
161
原创 vue中swiper用法
npm install [email protected]中引入import 'swiper/js/swiper.min'import 'swiper/css/swiper.min.css'然后<div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <d.
2021-11-11 09:43:25
694
原创 HTTP状态码
当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - 请求的资源（网页等）不存在 500 - 内部服务器错误100-199 用于指定客户端应相应的某些动作。200-299 用于
2021-11-09 20:22:53
2299
原创 原生APP、小程序（微信小程序、支付宝小程序、头条小程序、百度小程序）、H5 的优势与劣势
移动端包含哪些话说移动端程序，大家基本都能想到Android 应用，IOS应用，H5 应用，微信小程序、支付宝小程序、百度小程序、头条抖音小程序。其实还有2018年的小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加共十家手机厂商一起推出了快应用，虽然名字不同，本质上也是小程序。大平台APP衍生小应用的未来，前景很美好，现实很残酷，本质是针对不同场景下，用户时间资源的竞争。移动端优劣分析Native APP（原生APP）优势面向更多客户群体。主要体现在对硬件...
2021-10-28 14:56:00
619
原创 git最常用的基本命令
1.查看当前git版本（判断是否安装过git）git --version2.git下载代码git clone http://gitlab.tech.xxx.com/xxx/backend-view.git3.修改编辑项目常用// 查看当前仓库文件状态（常在提交文件之前查看，会显示新增文件删除文件，已修改文件等状态）git status// 添加文件git add . // 添加所有已修改文件git add fileName // 添加指定文件名的文件（可在gi.
2021-10-28 14:49:23
90
原创 1024程序员节
1024节我们祝所有的程序员节日快乐！1024程序员节是中国广大程序员的共同节日。1024是2的十次方，二进制计数的基本计量单位之一。程序员(英文Programmer)是从事前端、后端程序开发、系统运维、测试等的专业人员。程序员就像是一个个1024，以最低调、踏实、核心的功能模块搭建起这个科技世界。1G=1024M，而1G与1级谐音，也有一级棒的意思。以下表情包，博君一笑一拳超人琦玉老师的话“我秃了，也变强了”...
2021-10-24 00:15:00
279
原创 JS 找出两个数组中的交集 & 找出两个数组中的并集
1.找出两个数组中的交集？方法一（常规for循环）let arr1 = [1,2,3,4]let arr2 = [4,5,6]let Intersection = []for(let i = 0; i < arr1.length;i++){ let _item = arr1[i] for(let j = 0; j < arr2.length;j++){ if(_item === arr2[j]){ Intersection.pus...
2021-10-20 21:15:00
1020
原创 js 判断一个 object 对象是否为空
js 判断一个 object 对象是否为空1.常见的办法有for ..in..循环function isObject(obj){ for (let i in obj) { // 如果不为空，则会执行到这一步，返回true return true } return false // 如果为空,返回false}2.利用JSON.stringify()将对象类型转换为字符串类型（JSON格式）function isObject(obj){ if(JSON.str..
2021-10-20 08:00:00
1060
原创 filters获取data中的数据
第一种：改变this指向beforecreate(){ that = this;},data(){ return{ option:[] }},filters:{ formatDAata(value){ let value; that.option.map((item,index)=>{ console.log(item); value = item; }) return value; }}
2021-10-19 21:00:00
266
原创 排序-冒泡排序
冒泡排序的原理:如下，从第一个元素开始，把当前元素和下一个索引元素进行比较。如果当前元素大，那么就交换位置，重复操作直到比较到最后一个元素，那么此时最后一个元素就是该数组中最大的数。下一轮重复以上操作，但是此时最后一个元素已经是最大数了，所以不需要再比较最后一个元素，只需要比较到 length - 1 的位置。简单来说：每次比较相邻的两个数，如果后一个比前一个小，换位置。function bubble(array) { for (let i = 0; i < array.length;
2021-10-19 07:30:00
94
原创 对 象 继 承
ES5继承：（1）通过原型或构造函数机制来实现。（2）先创建子类实例对象，然后让子类原型继承父类实例，从而获取到父类方法和属性。1.原型链继承：弊端是会造成引用值共享的问题。Child.prototyp = new Parent();：改变子类的原型为 new Parent() 来继承父类的函数。2.构造函数继承：弊端是无法调用父类原型上的方法。function Child () { Parent.call(this); } : 将Parent内部的this指向...
2021-10-18 16:23:38
145
原创 Ajax原理&ajax、axios、fetch区别
Ajax的原理：简单来说，是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。使用户操作与服务器响应异步化。这其中最关键的一步就是从服务器获得请求数据。//1.创建连接xhr = new XMLHttpRequest();//2.连接服务器xhr.open('get', url, true);//3.发送请求xhr.send(null);//4...
2021-10-18 16:17:25
108
原创 webpack打包提示webpack not installed 安装后显示 webpack: command not found解决方案
webpack打包提示webpack not installed 安装后显示 webpack: command not found解决方案1.使用webpack -v检测说明webpack已经安装但是打包又提示webpack not installed4.43.02.百度搜索说版本问题于是卸载重装npm uninstall webpack -g重装指定版本webpack这里装的是3.5.5，注意-g表示全局安装，默认局部安装npm install [email protected] -
2021-10-15 07:30:00
3836
1
原创 Webpack
1.webpack? Webpack4以上的版本要安装webpack-cli 1.什么是webpack：webpack是一个现代javascript应用程序的模块打包器,分析你的项目结构,找到javascript模块以及其他的一些浏览器不能直接直接运行的拓展语言,并将其转换和打包为合适的格式工浏览器使用,把浏览器不能识别的文件转换成浏览器能识别的文件,webpack 是前端项目的构建工具；前端的项目，都是基于 webpack 进行 构建和运行的； 2.什么项目适合使用webpack：
2021-10-14 23:45:00
78
原创 美食杰发布菜谱
接上篇，vue项目美食杰菜谱大全已经实现，今天来说一下发布菜谱的实现发布成功图：结构图：分析： 这个发布菜谱页面，考验的知识很少，基本都是拿数据渲染分为3大部分，三个组件：1.主页发布菜谱create组件整体代码<template> <div class="create"> <h2>欢迎发布新菜谱，先介绍一下你的大作！</h2> <section class="cr...
2021-10-14 19:10:34
182
原创 vue项目美食杰菜谱大全实现（三）
接上篇，vue项目美食杰菜谱大全已经实现，今天来说一下菜单详情的实现分析： 这个菜单详情页面，考验的知识很少，基本都是拿数据渲染分为4大部分，四个组件： 1.detail： detail组价： 根据menuld请求数据（查看数据结构），渲染页面（如果没有menuld，提示框请登录） 注意事项：数据结构过多，在保存到组件中，提前写好默认值。避免...
2021-10-12 20:44:29
520
原创 vue项目美食杰菜谱大全实现（二）
接上篇，vue项目美食杰菜谱大全实现 效果图分析： 整体分为三大部分1.先实现菜谱分类头部实现 （1）先实现家常菜谱中华菜系和各地小吃的实现，通过后端获取到数据，渲染页面 （2）再实现第一部中的每一项，获取数据渲染页面，实现局部功能2.实现左边筛选中的功能 （1）先实现工艺，口味，难度，人数，通过后端获取到数据，渲染页面 （2）实现第一步中包含的每一项，获取数据渲染页面，实现局部功能3.实现右边菜谱内容 （1）通过后端拿到数据渲染页面 （2）通
2021-10-11 20:38:37
644
原创 vue项目美食杰菜谱大全实现
效果图分析1.先实现菜谱分类头部实现 （1）先实现家常菜谱中华菜系和各地小吃的实现 （2）再实现第一部中的每一项2.实现左边筛选中的功能 （1）先实现工艺，口味，难度，人数 （2）实现第一步中包含的每一项按照步骤来实现 通过后端api提供的getClassify（）的方法然后通过.then()方法来异步获取数据获取数据创建一个空的盒子classify:[ ],数组储存数据然后渲染数据到...
2021-10-10 18:18:21
484
原创 Bootstrap
定义Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 web 项目。它设置了全局的css样式，有先进的栅格系统，提供了有组件，js插件等类库 插件 组件 框架的区别类库：jQuery Zepto lodash ... 提供了项目中常用的方法，相当于一个工具包，项目可以根据工具包快速开发插件：swiper superslider ... 相当将项目中的一部分功能封装组件...
2021-10-08 18:15:00
121
原创 Sass概念
概念Sass是世界上最成熟、最稳定、最强大的专业级CSS扩展语言！Sass让我们更灵活、更方便的书写css样式。Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如Compass）有助于更好地组织管理样式文件，以及更高效地开发项目...
2021-10-08 07:45:00
180
原创 zepto
定义Zepto是一个轻量级的针对现代高级浏览器的 JavaScript 库，它和 jquery类似的 api。如果你会用 jquery，那么你也会用 zepto。与jQuery的区别1. 相同点： 都是js库，提供了相同的api2. 不同点：1) 大小不同： zepto 体积小 轻量级2） zepto针对移动端 jQuery针对pc端...
2021-10-07 23:45:00
90
原创 flex布局
概念：flex是一个容器一种布局子元素需要并排显示就在父级上添加display：block；属性有：flex-directionflex-direction属性决定主轴的方向（即项目的排列方向）。.box {flex-direction: row | row-reverse | column | column-reverse;}row（默认值）：主轴为水平方向，起点在左端。...
2021-10-07 19:23:15
88
原创 cookie localStorage 和 sessionStorage
1.会话跟踪：一个用户的所有请求操作都应该属于同一个会话，而另一个用户的所有请求操作则应该属于另一个会话，二者不能混淆。例如，用户A在超市购买的任何商品都应该放在A的购物车内，不论是用户A什么时间购买的，这都是属于同一个会话的，不能放入用户B或用户C的购物车内，这不属于同一个会话。2.为什么有cookie而Web应用程序是使用HTTP协议传输数据的。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着...
2021-10-07 19:19:19
85
原创 vue通过本地存储来实现todolist
1.效果图2.分析步骤 1.首先写vue先引入：<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 2.接着写静态布局 3.挂载dom 4.添加指令 5.保存需要的数据 6.添加数据 7.删除数据 8.改变每一条数据的状态完成和未...
2021-10-05 10:30:00
328
原创 vue实现全选反选
1.效果图2.分析步骤 两种方法： （1）普通全选反选实现，通过methods方法实现1.首先写vue先引入：<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 2.接着写静态布局 3.挂载dom ...
2021-10-04 20:26:50
5029
原创 git命令大全（三）
Git是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码，管理私人的文档和源代码也有很多优势。Git常用操作命令：1)远程仓库相关命令检出仓库：$ git clone git://github.com/jquery/jquery.git查看远程仓库：$ git remote -v添加远程仓库：$ git remote add [name] [url]删除远程仓库：$ git remote rm [...
2021-10-03 07:30:00
68
原创 Git命令大全（二）
Git 命令速查表1、常用的Git命令命令简要说明git add添加至暂存区git add–interactive交互式添加git apply应用补丁git am应用邮件格式补丁git annotate同义词，等同于 git blamegit ...
2021-10-03 01:45:00
230
原创 Git命令大全
Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin [email protected]:ndshowgit push origin master 将文件给推到服务器上git remote show origin 显...
2021-10-02 21:19:07
60
原创 todolist实现
1.效果图2.分析步骤 （1）搭建vue项目 vue create todolist (2) 接着写静态布局 (3)添加指令 双向数据绑定 全选 删除 全删 （4）排序序号 （5）实现效果 3.代码块部分 1.内容2.存储数据3.添加4.删除5.全删6.计算属性，数据7.过滤数据 （如果一个数据是item，超过一个数据切换成items）4.总结通过键盘事件添加，当然也可以通过按钮添加，把输入框的值value 渲
2021-09-28 10:45:03
732
原创 tab切换效果
1.效果图2.分析步骤 1.首先写vue先引入：<scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 2.接着写静态布局 3.挂载dom 4.添加指令 5.肯定要储存数据 6.最后效果实现3.代码块部分按步骤操作 ...
2021-09-27 16:59:21
1003
原创 vue简易购物车实现
1.效果图 样式没处理2.项目分析步骤 首先写vue先引入：<scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 接着写静态布局 其次写最简单的加减 然后写单价，总价，小计，数量 再然后商品共计，共花费，商品最贵，单价，单价最高 最后效...
2021-09-27 08:36:44
250
原创 写给前端的面试题（四）
1.js里哪些操作会造成内存泄漏答：（1）在函数中定义全局变量（2）闭包。闭包可以维持函数内局部变量，使其得不到释放。（3）删除元素却没有清除DOM元素引用（4）被遗忘的定时器或者回调（5）子元素存在引用引起的内存泄漏2.js里什么是垃圾回收机制答：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开...
2021-09-26 18:04:40
262
原创 写给前端的面试题（三）
1.箭头函数与普通函数的区别？答：（1）定义的形式不同。（2）箭头函数全都是匿名函数。（3）普通函数的this指向调用者，箭头函数的 this 永远指向其上下文的 this，任何方法都改变不了箭头函数this指向，如 call() , bind() , apply()（4）箭头函数不具有prototype属性，新建的对象的隐式原型无法被指定为箭头函数的原型（5）箭头函数不能用于构造函数...
2021-09-25 19:53:09
138
原创 写给前端的面试题（二）
1.什么是事件委托？为什么这样做？答：它还有一个名字叫事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么这样做呢？通过事件委托可以减少事件处理程序数量，这样就能大大的减少与dom的交互次数，提高性能；2.JS的数据类型？答：JS的数据类型有8种。在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。...
2021-09-25 17:30:58
268
原创 写给前端的面试题 （一）
1.vue组件中的data定义必须是一个函数？如果data是对象的话，由于对象是引用类型，组件被复用的话，就会创建多个实例。本质上，这些实例用的都是同一个构造函数。这样就会影响到所有的实例，所以为了保证组件不同的实例之间data不冲突，data必须是一个函数。2.Vuex是什么？怎么使用？那些场景使用过？vuex 就是一个仓库，仓库里放了很多对象。 其中 state 存放的是数据状态，不可以直接修改里面的数据。 getters类似vue的计算属性，主要用来过滤一些数据。...
2021-09-24 10:04:41
160
原创 VUE项目 注册与登录效果实现
1.效果展示2.注册效果实现 <template> <div class="login-section"> <el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model="rulesForm" status-icon r...
2021-09-23 17:40:36
1280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人