- 博客(29)
- 收藏
- 关注
RSS订阅原创 报错：npm ERR! missing script: serve npm ERR! A complete log of this run can be found in:
项目场景：今天朋友有个报错让我给看一下:启动vue项目时，报错，启动不了问题描述：npm ERR! missing script: servenpm ERR! A complete log of this run can be found in:这里指的是丢失了script中的serve，run找不到，所以启动不了 原因分析：这里是由于你之前创建项目时是使用的vue3.0以下的版本，启动方式是npm run dev。但是现在更新了版本，要使用npm run serve启动，但原来的
2020-12-11 11:42:46
37921
4
原创 前端常见面试题之----第三方支付
第三方支付前言一、有混合开发的方法二、纯h5的实现方法1.微信外部方法，流程2.微信内部方法总结前言第三方支付，也是常见问题，这里以微信支付为例一、有混合开发的方法详情看我之前的博客前端常见面试题之----混合app的使用二、纯h5的实现方法1.微信外部方法，流程先获取用户信息—>选择支付的第三方平台—>选择金额—>将信息、方式、金额作为参数传入接口生成订单(并拿到订单编号）—>跳到另一个页面(携带之前的所有信息)—>点击去支付—>通过form跳转到合
2020-12-07 21:35:18
1946
原创 前端常见面试题之----js单线程，微任务宏任务
js单线程，微任务宏任务前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言他来了他来了，前端必问题之一来了提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seabo
2020-12-07 21:04:14
743
7
原创 前端常见面试题之----混合app的使用
混合app的使用前言一、什么是混合开发？二、混合开发的优势三、作为h5如何使用总结前言这里就是关于混合开发了，也是经常问到的。现在的移动端，大部分都是混合开发一、什么是混合开发？简单来说就是一种原生+HTML5的模式。即h5与安卓、iOS合并开发一个项目二、混合开发的优势能够利用原生解决h5实现不了的功能，有更好的用户体验因为h5的存在节省了开发成本、更好维护是一种折中式的开发，结合了原生与h5的所长三、作为h5如何使用简单来说就是方法调用方法。原生已经写好了方法只需要你的一个方
2020-12-07 19:50:54
3414
7
原创 前端常见面试题之----如何根据设计图设计rem比例
如何根据设计图设计rem比例前言一、关于图纸二、具体操作1.rem2.正式操作3.核心代码分析4.温馨提示总结前言这里总结了几个面试常见题系列，首先就是如何根据设计图设计rem比例一、关于图纸通常ui会给我们的设计图分为宽度为640或750二、具体操作我们主要就是根据上面的图纸宽度来设置rem比例1.rem众所周知，rem布局原理是由根元素的fontsize值来决定的,通常：fontsize=100px=1rpm。这是怎么计算的呢？我们简单以750的设计图为例：2.正式操作我们可以
2020-12-07 19:21:33
747
1
原创 uniapp开发-＞创建-＞运行全流程（打包不同平台的代码，运行在不同端）
uniapp流程+打包与运行前言一、从uniapp使用的开发软件，到创建，到运行流程1.配置环境2. 创建项目3. 运行项目二、打包不同平台1、云打包总结前言uniapp是现在应用很广泛的一种开发方式，他就像是vue和小程序的结合，小程序的结构，vue的语法。使用方便，开发便捷，可以适配不同的平台(app,h5,小程序。。。），是程序猿的好朋友~下面我们来简单讲一下uniapp的开发流程和如何打包到不同的平台并运行一、从uniapp使用的开发软件，到创建，到运行流程1.配置环境uniapp和
2020-12-04 21:43:43
4290
原创 uniapp之那些年踩过的坑
uniapp之那些年踩过的坑前言一、渲染数据视图不更新问题二、插件的使用三、关于第三方登录四、关于请求接口报错五、关于一些语法坑六、关于样式设置的问题总结前言uni-app就有点像是vue和小程序的结合，但是刚接触的时候踩过的坑实在是数不胜数，还老是搞不清一些语法（vue?小程序?傻傻分不清楚），等等等这里我把一些坑列举出来了????一、渲染数据视图不更新问题之前写一个uni-app的项目，要求动态渲染分类列表数据，由于有一个数据延迟加载的效果，我用了一个大对象包住数组的方式然后循环渲染，结果
2020-12-04 20:35:29
2167
1
原创 小程序封装组件警告：未找到 van-notify 节点，请确认 selector 及 context 是否正确
项目场景：之前做一个项目，封装组件，组件中调用了van-notify，但是没有触发效果，并且有个警告：问题描述：当时想了很久if(data.code==0){ this.setData({show:false}) }else if(data.code==2000){ Notify('请先登录')//案例来说这里是要触发的 this.setData({show:false}) } 原因分析：最后就发现了！！！！我的引入和调用都写在了子组件里，这些应该要
2020-11-29 21:29:33
3856
3
原创 小程序授权登录流程及操作
小程序授权登录流程的简单分享前言一、判断有没有授权二、授权页面进行授权三、登录流程图总结前言做小程序最必不可少也比较复杂的就是授权登录啥的了。不同的项目会有不同的写法，这里把我之前的一种写法分享一下，授权和登录是分开的，授权之后才能登录(还有授权登录一体的，这里没有写)一、判断有没有授权当你进入小程序时，就要判断你有没有授权，所以要再app.js进行操作。这里我们通过小程序提供的wx.getSetting来进行判断有没有授权onLaunch: function () {... // 判断用
2020-11-29 16:14:12
5799
原创 小程序:多层且多个样式切换（不同层级的class同时存在）
项目场景：做小程序项目时遇到了这样的问题要求我把购物车的类型选择做出这样的效果，但是数据都是接口拿的，还有不同的层级（要求尺寸和花色都要同时选中）。平常的class切换也就是在wxml用三原动态判断一下对应的id是否与当前数据id相等，但是只有一层效果，选了尺寸就不能选花色。而且类型也不是固定两个，有可能有三个，四个，一时半会儿还真是掉头发啊！！!????主要思路：我们首先可能会想到通过包含的关系判断，但是wxml中又不能有这么复杂的判断关系，在JS中判断又实在是没法联系在一块，数据都是活得。最
2020-11-27 15:32:53
941
原创 小程序swiper真机调试小圆点不显示问题
项目场景：刚开始做小程序的时候，真的是有很多问题啊！这里就有一个小程序使用swiper组件，在开发者工具里是好的，但是到了真机调试阶段小圆点和定位的搜索栏都不见了的问题问题描述：就是下面这些东西没有了，当时百度也找不到，说是高度的问题，但这个显然不是 原因分析：结果是一个很简单的原因，醉了啊 <swiper class="hmw-swiper" indicator-dots="{{indicatorDots}}" indicator-color="rgba(0, 0, 0,
2020-11-25 09:29:50
719
1
原创 小程序手把手白话基础教学（一）
小程序手把手教学一概念与基本使用前言一、小程序是什么？二、小程序的安装与使用安装：三、小程序的代码构成(主要文件配置)1.JSON2.WXML3.WXSS4.JS尾声前言随着移动端不断地发展，小程序越来越多，是前端不可缺少的技能了哦！这里将我对小程序的理解，简单的分享给大家，也可以让刚学小程序的朋友，快速上手！????提示：这里以微信小程序为例，其他小程序都差不多！一、小程序是什么？小程序是一种不用下载就能使用的应用，效果和App差不多，语法和vue也很像，可以很快的上手二、小程序的安装与使
2020-11-21 19:52:46
305
2
原创 JS上路讲解(三、函数与数组)
JS上路讲解三前言一、函数1.函数是什么？2.函数的结构3.函数的传参4.函数的返回值二、数组1.引入库2.读入数据总结前言JS操作中打交道最多的就是函数和数组了，他们可以帮我们解决很多逻辑问题一、函数1.函数是什么？简单来说，函数就是用{}将你的逻辑代码都封装在一起(包在一起)，可以使那段逻辑代码反复使用，只要调用这个函数就好。更方便的实现你想要的功能2.函数的结构function 函数名(形参){//参数可以有多个，函数名也可以没有 逻辑代码 //console.log(形参)-
2020-11-18 13:59:39
120
原创 webpack基础讲解及简单搭建步骤
webpack基础讲解及简单搭建步骤前言一、webpack是什么？二、webpack的作用三、核心四、使用步骤①.基础搭建+打包②.使其能在本地启动③.编译sass④.自动生成html页面总结前言简单的webpack搭建是一个前端的加分项，常用的vue框架就是以它为基础搭建的一、webpack是什么？webpack是静态资源打包工具，前端必备的东西！！二、webpack的作用将JS依赖进行打包整合(通俗一点，就是打包文件，一般项目上传的都是打包好的文件)使一些预处理的sass，less可
2020-11-17 19:34:49
283
原创 JS上路讲解(二、变量、闭包、运算符)
JS上路讲解二前言一、变量1.变量的作用域全局局部2.闭包3.命名规范二、运算符1.算数2.赋值3.关系4.逻辑尾声前言这节课主要围绕变量和运算符一、变量从我们学JS开始，就一直会和变量打交道，对于他，你知道多少呢？1.变量的作用域变量就是声明一个可以保存你想要的任意对象(目标)的值，来方便你后面的逻辑操作那么在逻辑操作中，就会有变量的作用域。变量分为全局作用域和局部作用域全局就是在JS代码中任意一个地方都能使用，没有被{}包起来，不在任意函数中局部相反局部变量就是被函数包裹，只在
2020-11-16 12:12:57
192
原创 JS上路讲解(一、JS组成、数据类型)
JS上路讲解一前言一、JS的组成1.ECMAScript(简称ECMA)2.DOM3.BOM二、数据类型1.基本数据类型2.引用数据类型三、数据类型的转换1.强制转换2.隐式转换尾声前言JS是前端必不可少的技能之一，JS好在找工作中也是很加分的，这里将我JS总结的分享一下，希望让刚学习JS的朋友有一些小帮助哟！????一、JS的组成1.ECMAScript(简称ECMA)ECMA是JS的核心，用来将我们日常的运算符，数字，文字都转化成计算机可以解读的2进制数。相当于一个翻译官！又称之为解析器
2020-11-15 21:36:07
130
原创 简述promise封装 原生ajax，$.ajax(),以及fetch方法
promise封装一、原生ajax1.get方式2.post方式二、$.ajax()1.get(post只要改type即可)三、fetch1.get2.post3.put4.delete总结一、原生ajax1.get方式<script> function getRequest(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest
2020-11-12 20:54:55
154
原创 直白讲述http缓存机制
http缓存机制前言一、什么是http缓存机制？二、http缓存优点？三、缓存规则四、http缓存机制分为两大类1.强制缓存2.协商缓存3.区别最后前言一、什么是http缓存机制？Http 缓存机制是 web 性能优化的重要手段二、http缓存优点？使用缓存能节约带宽，能降低后端服务器的访问压力，如果把缓存放在离用户越近的地方，那能极大的加快响应的速度。三、缓存规则相当于在服务器有一个缓存数据的仓库，客户端第一次请求数据时，缓存数据库中没有对应的缓存数据，需要请求服务器，服务器返回后，将数
2020-11-12 01:17:09
141
2
原创 超简单get/post区别
get/post区别前言一、安全性二、参数放的地方三、大小四、效率五、关于浏览器六、关于后退刷新七、缓存链接前言让我们来好好扒扒get和post，实在是太长问了一、安全性get明文传输，安全性较差post加密传输，安全性较好二、参数放的地方get参数都放在url(造成了安全性差)post参数放在请求体里三、大小get受url长度限制，传送数据量较小post一般没有限制ps:url长度限制为2048四、效
2020-11-11 21:51:13
118
原创 http的常见状态码及简述
常见状态码前言一、1xx二、2xx三、3xx四、4xx五、5xx最后前言在我们开发过程中会遇到很多状态码，这些常用的你都知道吗？一、1xx表示临时响应需要请求者继续操作100-------告诉客户端应该继续发送请求(1开头的都用得很少，就不咋写了)二、2xx表示请求成功200------请求成功，返回最总结果（最常用）201------请求到了，但有可能不是你要的结果202------请求了，但是服务器没有处理，也不确定会不会处理204------服务器成功处理请求，却没有
2020-11-11 21:18:07
259
原创 http/https协议区别
http/https协议区别一、http是什么？二、https是什么？三、二者的区别1.安全性2.费用3.端口4.连接方式一、http是什么？HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。二、https是什么？HTTPS（Hypertext Transfer Protocol Secure：超文本传输安全协议）是一种透过计算机网络进行安全通信的传输协议。三、二者的区别1.安全性http-----明文传
2020-11-11 20:31:34
316
原创 es6新增及理解
es6新增及理解一、es6新增有哪些？1.块级作用域{}2.声明对象的方法(let,const)3.定义类语法糖Class4.解构赋值5.关于函数a.箭头函数:b.函数默认值：6.模块化(import/export)7.新的基本数据类型symbol8.set,map语法结构a.set:b.map:9.拓展运算符...10.生成器(Generator)和遍历器(Iterator)11.Proxy12.新增方法a.字符串b.数组c.对象总结一、es6新增有哪些？1.块级作用域{}{}内的内容表示一个块级
2020-11-10 20:18:04
153
原创 动态绑定class和style实现单选多选
动态绑定class和style方法，及实现单选效果前言一、class1.动态绑定class实现单选2.动态绑定class实现多选二、style1.动态绑定style实现单选2.动态绑定style实现多选和上面差不多最后前言以下是动态绑定属性来做到选中的效果的方法一、class1.动态绑定class实现单选1>.利用三原运算符来动态绑定class，从而改变选中效果<li v-for="item in 10" :key="item" :class="item==id?'activ
2020-11-09 19:09:37
364
原创 列举vue的常用指令
vue常用指令前言一、插入文本(相当于{{}})1.v-html2.v-text3.区别：二、循环：v-for三、条件判断1.v-if2.v-show3.小提示：四、绑定属性：v-bind四、绑定事件：v-on五、双向数据绑定：v-model前言vue有很多常用指令，帮助我们快速开发一、插入文本(相当于{{}})1.v-html<p v-html="<span>123</span>"></p>将内容插入到标签中，可解析标签最后显示为：
2020-11-09 18:11:54
412
原创 vuex基础讲解及五大核心
vuex基础前言一、vuex是什么？二、vuex有什么用？三、vuex五大核心1.state：保存的状态（数据）2.mutations：同步改变状态3.actions：异步操作状态4.getters：相当于计算属性（由state派生）5.modules：模块化四、关于辅助函数1.用法的规律尾声????前言在vue项目制作中，会经常遇到组件传值的问题，简单的还好，复杂的关系时传值就会比较麻烦这时候就要用到vuex一、vuex是什么？Vuex是全局状态管理工具，一个专为vue.js应用程序开发的状态
2020-11-08 20:46:09
223
原创 三层数据渲染页面报错：Invalid prop: custom validator check failed for prop “percentage“.
项目场景：用三级数据渲染页面（一个数据里包了child子列表，再child里又包含了子列表）如下：要渲染 “初一”{//这里是第一级数据---------------------------------“code”:200,“msg”:“操作成功”,“data”:{“attrclassify”:[//这里是第二级数据------------------{“id”:1,“name”:“年级”,“parent_id”:0,“child”:[//第三级数据-----------------
2020-11-04 19:25:12
3854
原创 启动项目报Failed to resolve loader:sass-loader You may need to install it错
启动项目报Failed to resolve loader:sass-loader You may need to install it错如图：解决方法：1.在命令行输入npm i sass-loader -D2.此时你还会有个报错，如：3.不要急再输入cnpm i node-sass --save-dev即可
2020-11-01 20:22:12
13104
1
原创 API封装和token设置
API封装和token设置及理解前言一、封装API有什么用？二、关于token1.什么是token？2.为什么要用token？3.如何设置token？三、如何封装？1.初步封装：(此处设置token)2.进一步封装：总结前言 在日常做项目请求接口时，在不同的组件都有不同的接口，要修改更换接口的时候要一个个找，太不方便了，这时候我们就需要封装API。一、封装API有什么用？封装API就相当于搞一个的文件或文件夹来统一管理你的接口路径，在你修改查询接口时更方便，也可以减少组件里的代码操作，是项目结构
2020-11-01 20:05:05
1796
原创 入门级Git讲解(基本指令)
入门级Git讲解一.Git是什么????是目前最先进的分步式版本控制系统！！！（在此之前用的是集中式管理的SVN和CVS，速度慢还必须要联网，不好用）1，集中式管理：#mermaid-svg-iSS7ll1tBIVd3iDy .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-iSS7ll1tBIVd3iD
2020-09-25 21:35:53
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人