- 博客(66)
- 资源 (1)
- 收藏
- 关注
原创 【报错系列】vue设置项目运行起来的时候,让浏览器自动打开,报错信息为:网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址
用脚手架创建Vue2项目,设置项目运行起来的时候,让浏览器自动打开;当执行。
2023-02-14 14:40:05
580
1
原创 【报错系列】安装vue-cli报错 code EEXIST path C:\Users\Administrator\AppData\Roaming\npm\vue
安装vue-cli报错。
2023-02-12 22:38:29
781
原创 【cnpm】cnpm的安装方法(附详细步骤)
cnpmcnpm是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
2022-12-26 19:41:54
37957
11
原创 【uni-app】uni-app之云开发uniCloud跨全栈开发笔记总结,包括一个 schema自动生成代码小案例(附详细截图)
本文主要讲解如何使用uni-app 和 uniCloud 云开发,实现小案例,不需要后端,来实现全栈开发。是一个使用开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。具体内容可见 uni-app官方网址 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。具体内容可见 uniCloud官方网址uniCloud为每个
2022-12-06 00:41:34
2443
1
原创 【HBuilder X】解决HBuilder X内置浏览器显示过大影响使用
【HBuilder X】解决HBuilder X内置浏览器显示过大影响使用
2022-12-02 17:03:28
5074
1
原创 【uni-app】总结uni-app订单支付和打包发布
注意:一定要注意各个商店对不同APP的分类,仔细阅读对应的要求,按照要求准备申请材料和上传操 作;上传前APP一定要测试完全没有问题,以免延长审核周期,带来后续问题。应用商店:华为、oppo、vivo、小米现在只有华为可以个人上传,其他都必须是公司个人上传:app的版权证明最难的一点就是国家的隐私条例和应用商店的隐私审核点击 HBuilderX 状态栏左侧的未登录按钮,弹出登录的对话框:在弹出的登录对话框中,填写账号和密码之后,点击登录即可3. 打开项目根目录中的。
2022-12-02 00:14:47
1642
原创 【uni-app】总结vuex+常用api+内置组件+自定义组件+第三方插件的运用(建议收藏)
组件是视图层的基本组成单元。组件是一个单独且可复用的功能模块的封装。每个组件,包括如下几个部分:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。组件名称由尖括号包裹,称为标签,它有开始标签和结束标签。结束标签的
2022-11-30 23:44:40
1541
原创 【报错系列】[system] Do not nest other components in the text component, as there may be
[system] Do not nest other components in the text component, as there may be
2022-11-29 20:45:11
2896
原创 【uni-app】详细总结uni-app基础知识和如何配置项目,运行到模拟器和小程序端,附案例和图(建议收藏)
由dcloud公司开发的 多端融合框架,1次开发,多端运行;竞品:apiCloud ,appCan,Codova技术架构:Vue语法+小程序的api多端混合开发HybridApp端nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端(h5专用api)各种小程序(微信为主)HbuilderX(开发与编译工具)微信开发工具(微信小程序预览测试)安卓模拟器/真机(运行app)
2022-11-28 20:35:55
7718
原创 【面试题】封装jQuery源码以及实现jQuery的扩展功能
源码的学习,有点难度,但这正是可以激励 我们,让我们突破自己的瓶颈,往上走一步,再走一步…本篇博客是记录封装jQuery的笔记,学习源码、阅读源码,确实能学到很多东西。不只是技术,而是一种生活的态度。需要坚持下去,加油~下面我们通过模拟实现一个简单的,来巩固原型的应用。下面,我们使用原型中的方法和属性。在上面的代码中,我们是创建了一个的实例,然后通过该实例完成了原型属性和方法的调用。但是在库中,是采用如下的方式进行调用。通过以上的两行代码,我们可以看到在库中,并没有使用操作符,而是直接使用小括号运算符
2022-11-23 22:51:36
639
2
原创 【Webpack】webpack的基础使用详细总结 下(建议收藏)
通过环境命令 产品环境 压缩代码,是生产环境不压缩代码,打开devtool产品环境baseURL hhtp://dida100.com:8888生产环境baseURL http://localhost:8080cross-env:运行跨平台设置和使用环境变量的脚本浏览器对get请求有缓存,如果请求地址(文件名)没有发生变化,那么文件会在一定时间内缓存如果内容变化我们又希望文件不缓存,这个时候我们可根据内容来命名文件 实现缓存控制logo,jquery,等常见的库应该是需要缓存的hash。
2022-11-23 18:33:41
676
原创 【Webpack】webpack的基础使用详细总结 上(建议收藏)
本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。更多详细了解,可以去webpack官网webpack是一个前端打包工具用来处理现代前端错综复杂的依赖关系(A插件需要B插件,B插件有D插件 F插件需要A插件) 生成浏览器 可以识别静态资源Vue前期 脚手架就是用 webpack制作(Vue开始推荐用vite构建工具(更快))、react脚手架、angular等现代框架脚手架都是依赖webpack。
2022-11-22 20:06:28
917
原创 【面试题】JavaScript面试题详细总结(一)
JavaScript存储数据两个区域:栈和堆栈:通常空间是固定的(占据空间小、大小固定)堆:通常空间是动态的分配(占据空间大,大小不固定)ES5值类型:Boolean(布尔值)、String(字符串)、Number(数字)、Undefined(未定义)、Null(空(特殊))ES5引用类型:Object(对象)、Array(数组)、Function(函数)ES6值类型:Symbol(符号)ES6引用类型:Map(图)、Set(集合)、Promise(承诺)
2022-11-21 21:19:45
379
原创 【小程序】微信小程序云开发笔记详细教程(建议收藏)
无需搭建服务器,快速构建小程序、公众号;无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务。直白来讲,小程序云开发就是让前端程序员拥有后端的能力云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合(相当于关系型数据中的表),集合可看做一个 JSON 数组,数组中的每个对象就是一条记录,记录的格式是 JSON 对象。云函数即在云端(服务器端)运行的函数。
2022-11-18 00:11:45
6361
1
原创 【小程序】微信小程序自定义组件Component详细总结
在根目录新建components文件夹,建立cell 文件夹,右击创建cell的Component组件cell.jscell.wxmlcell.jsoncell.wxsscell.wxml 文件
2022-11-16 22:14:43
13358
5
原创 【小程序】微信小程序常用api的使用,附案例(建议收藏)
学会使用 微信官方文档 · 小程序wxapi.js 代码界面wxapi.js代码截图4.3 wx.uploadFile()上传文件wxapi.js案例截图wxapi.js代码截图6- 网络请求6.1 wx.request() 发起 HTTPS 网络请求【微信小程序】小程序使用详细教程(建议收藏)
2022-11-14 23:33:01
6359
原创 【微信小程序】小程序使用详细教程(建议收藏)
wx:key绑定的是数组中的为唯一属性,wx:key=*this表示数组是普通数组,*this是循环项语法定义item 与 index 的名称.wxml
2022-11-10 22:14:35
7137
原创 【Vue】描述项目中两个功能模块的业务(一点见解)
基于一个后台管理页面,浅谈一下两个功能模块之间的关系。以下图片为后台管理中心部分功能模块,本次选取 总览 和 会员管理 两个模块,谈一下业务关系~由于本次要谈的是后台管理系统,做B端产品,当然要做一个总结性的页面,就是总览页面。作为用户进入后台系统的第一页,总览页面的使用体验,决定了用户对产品的第一印象。后台产品中,总览其实是一个非常重要的功能,系统首页相当于这个产品的脸面,用户登录后,首先看到的是系统的首页,才会看到其他的系统功能,但在很多产品中又很容易把它忽略,尤其是内部使用的后台产品。
2022-11-08 04:00:00
541
原创 【Vue3】整理的一些Vue3知识点和案例(Vue3 获取窗口宽和高)
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装类似于vue2.x中的mixin自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2022-11-05 22:55:34
2851
原创 【Git】Git基础操作一文详解,入门易懂(附图和案例)
安装完Git之后,要做的第一件事技术设置自己的用户名和邮件地址,因为通过Git对项目进行版本管理的时候,Git需要使用这些基本信息,来记录是谁对项目进行了操作。功能开发指的是 专门用来开发新功能的分支 ,它是临时从master 主分支上分叉出来的,当新功能开发且测试完毕后,最终需要合并到master 主分支上。如果在两个不同的分支中,对同一个文件进行了不同的修改,Git就没法干净的合并它们。在进行多人写作开发的时候,为了防止互相干扰,提高协同开发的体验,建议每个开发者都基于分支进行项目功能的开发。
2022-11-02 01:24:01
735
原创 【百度地图】百度地图的使用方法 和 在vue中如何使用百度地图(超详细)
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。
2022-11-01 04:15:00
15920
1
原创 【JavaScript】根据当前时间,动态显示 年月日时分秒(不足两位补0)
/ setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。//四位整数表示的年份。
2022-10-30 00:03:32
827
原创 【ECharts】echarts数据化图表入门级教程(附10个案例)
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库,提供直观,交互丰富,可高度个性化定制的数据可视化图表。简单来说,一个基于JavaScript的开源可视化图表库。
2022-10-27 23:04:26
8701
原创 【Vue2报错系列】解决Uncaught TypeError: Cannot read properties of undefined (reading ‘length‘)
vue的数据绑定在刚开始只是和内存建立联系,并没有真正的和后台的数据挂上钩,所以一开始的。
2022-10-23 20:00:11
6215
1
原创 【Vue】Vue2组件传参总结来了(建议收藏)
props/emit传参是最基础的组件通信方式,父组件通过props可以向子组件进行通信,子组件通过emit向父组件进行通信。最常见的父子组件通信方式props支持参数验证emit 只会触发父组件的监听事件不适合多层次组件参数传递,需要逐层传递参数通过 $patent / $children 可以拿到父子组件的实例 ,从而调用实例里的数据方法,实现父子组件通信eventBus,相当于所有组件共用一个事件中心,这个事件中心用来管理事件,当我们需要的时候就向事件中心发送或者接收事件。
2022-10-20 21:51:10
5496
原创 【Vue】Vue2生命周期详解
组件/Vue在创建到销毁会经历一系列特殊的过程,称为生命周期。在过程中执行的回调函数 称为生命周期钩子函数。可以让我们 在恰当时期,做一些自动操作created 应用这篇分享就到这里了
2022-10-15 23:18:43
699
原创 【Vue】vue组件和vue插件的创建和使用(底部栏组件、Toast 和 Notify通知插件)
插件(Plugins)是一种能为Vue添加全局功能的工具代码。import {/* 可选的选项 */ })通过Vue.use 来注册插件(如果是一个对象,必须提供install方法。如果插件是一个函数,它会被作为install方法。install方法调用时,会将Vue作为参数传入)插件是一个对象,必须实现install方法插件需要在vue 文件中使用 Vue.use(插件)
2022-10-15 17:17:53
802
原创 【Vue】 vue2路由搭建和搭建vue2脚手架(入门级)
1. 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。2. 前端路由:key是路径,value是组件。
2022-10-11 22:31:58
1165
原创 浅谈npm、yarn、cnpm、pnpm(内附网址链接)
Yarn 是一个软件包管理器,还可以作为项目管理工具。无论是小型项目还是大型单体仓库(monorepos),无论是业余爱好者,还是企业用户,Yarn都能满足需求。代码通过软件包(package)的方式被共享,一个软件包里包含了所有需要共享的代码,以及一个描述软件包信息的文件(叫做清单)cnpm是阿里巴巴推出的包管理工具,安装之后默认会使用这个镜像源。它的安装命令和npm基本一致,通过cnpm i或者命令来安装插件,当然在使用 `cnpm 前必须先通过npm安装快速pnpm是同类工具速度的奖金2倍。
2022-10-10 00:48:48
3036
1
原创 【Node.js】学习Node.js简介、读取本地文件、连接数据库和MySQL常用查询命令(内附详细步骤)——学习Node.js
Node.js 是一个开源和跨平台的 JavaScript 运行时环境Node.js 在浏览器之外使用 Chrome V8引擎运行的JS环境V8 提供了 JavaScript 执行的运行时环境注意浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js中无法调用 DOM和BOM等浏览器内置API切换到当前目录安装模块导入模块使用模块console . log(res . data) //此处的URL需要你自己替换一下 })
2022-09-30 00:19:47
1073
2
原创 【npm】 npm的安装及简单使用 —— 写给初学者的编程教程(简单易懂)
npm(“Node 包管理器”)是 JavaScript 运行时Node.js的默认程序包管理器。npm简单可以理解为:node.js的包管理器工具(插件/包 增删改查)npm包的下载器。
2022-09-28 22:01:23
3140
原创 【ECMAScript6】变量声明、解构、字符串数组方法、函数默认参和箭头函数等(内附详细使用方法)——day01
3、箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this。var关键字是不具备这个特点的。赋值运算符 = 左侧的 [] 用于批量声明变量,右侧数组的单元值将被赋值给左侧的变量。赋值运算符 = 左侧的 {} 用于批量声明变量,右侧对象的属性值将被赋值给左侧的变量。变量的数量小于单元值数量时,可以通过 ... 获取剩余单元值,但只能置于最末位。变量的数量大于单元值数量时,多余的变量将被赋值为 undefined。返回值:查找到的元素对应的下标 或 -1(找不到时的返回值)
2022-09-26 23:45:28
225
原创 【Vue】vue基础语法——自定义指令、过滤、组件和动画(内附详细案例代码)——day04
作用:操作dom,实例化第三方基于dom的插件当被插入时候inserted只绑定一次 bind更新时候运行 update1.定义注意:template有且只有一个根节点``}2.在父组件中注册3.在组件的模板中使用。
2022-09-24 10:09:17
574
1
原创 【Vue】vue基础语法——computed计算、watch监听、class和style,最后回顾JavaScript里面的常用方法(vue学习day03)
虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器,当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。:class="{类名:布尔值;}" true 使用 false 不使用。首个被找到的元素在数组中的索引位置;若没有找到则返回-1。用v-bind给标签class设置动态的值。注意:引用数据类型需要添加处理器。
2022-09-21 22:24:09
1446
原创 【Vue】Vue基础知识点介绍(入门级,简单易懂)——day02
我们可以使用v-on指令 (通常缩写为@符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript。
2022-09-20 22:51:28
368
2
前端领域 + 第一阶段 + HTML基础
2022-07-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人