HUSBANDL-优快云博客

链接地址：https://uniapp.dcloud.net.cn/collocation/manifest.html#%E5%85%B3%E4%BA%8E%E5%88%86%E5%8C%85%E4%BC%98%E5%8C%96%E7%9A%84%E8%AF%B4%E6%98%8E复制路径：https://uniapp.dcloud.net.cn/collocation/pages.html#subpackages复制路径链接：https://uniapp.dcloud.net.cn/collocation

2024-07-03 20:42:29 300

原创微信小程序·简单MAP地图

到此，简单版微信小程序地图已完成。

2024-07-03 20:08:59 745

原创父子组件传参

子组件通过在emit自定义事件来向父组件传值。父组件通过实现子组件的自定义方法来接受。父组件通过动态属性向子组件传值，第一个参数自定义事件名。第二个参数要传的值。子组件通过props来接收。emit有两个参数。

2024-06-29 11:08:52 152

原创 Vuex基础知识

一、vuex基础语法1.1简介Vuex 是一个专为 Vue.js 应用程序开发的状态(数据)管理模式。简单来说就是方便管理管理组件之间的数据共享，原来我们那种父传子、子传父、兄弟组件传值的方式在小型项目中还能应付过来，如果是项目比较复杂，还是建议使用vuex使用数据共享。1.2基础使用步骤vuex的使用步骤如下：安装vuexnpm install vuex --save导入vueximport Vuex from 'vuex'Vue.use(Vuex)创建sto

2022-03-08 11:21:50 181

原创 Vue项目开发实战知识点

1、前端三大框架：Angular.js、React.js、Vue.js。其中vue.js框架更加容易上手、灵活度更高。2、项目的技术栈选型：安装Node环境；包管理工具NPM是伴随Node安装的；Vue-cil的安装以及初始化vue项目；与Vue框架搭配使用的UI框架选择iView框架；页面路由选择使用vue-router插件完成；数据共享使用VueX；选择使用ECMAScript6语法编写javaScript；选择官方推荐的axios插件来发送异步请求；后台数据通过Mook数据模拟。3、Node.

2022-03-02 20:11:47 731

原创基础的vue项目

登录功能创建分支 git checkout -b login(login是新建分支名) git branch 是查看所有的分支带*号的是你目前所在的分支名 element-ui实现登录页面开发依赖中安装less-loader和less,注意重新启动项目才会生效 src/assets/css下面添加全局css样式配置 main.js把全局css样式文件导入2.1 Login实现基本布局src/components/Login.vue代码如下：

2022-02-08 16:43:09 661

原创写vue项目的开始工作

一、项目初始化每个vue的前端项目都要进行如下操作：安装vuecli脚手架（只需要初始化1次） vue create xx创建vue项目配置的实现选择路由配置安装element-ui 安装axios,方便请求后端接口初始化git本地仓库把本地仓库代码推送到远程服务器（可以选择github或者码云）步骤截图演示：第一步：1.1 通过vue-ui创建vue项目（此项包含路由）桌面新建plus文件夹，使用vscode打开，打开命令行工具，运行vue-ui，打开界面化的管理平台

2022-02-08 16:32:29 1081

原创创建脚手架

一、vue脚手架1.1简介Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。官网地址1.2命令行操作步骤npm install -g @vue/cli 安装3.x版本的vue脚手架 vue -V 测试是否安装成功 vue create 项目名（注意不要用中文和特殊字符） cd 项目名 npm run serve从vue create my-project为例展示截图这是选择手动安装项目功能选择vue的版本最后cd到你

2022-02-08 16:30:05 1642

原创前端工程化

一、webpack1.1简介webpack官网webpack是一个流行的前端项目构建工具（打包工具），因为我们目前web开发会有下面几个问题：文件之间互相依赖关系复杂浏览器对于Es6的模块化支持不是很友好浏览器对于js的新语法特性兼容性也不是很好webpack可以解决上述问题。1.2 npm补充两者都会安装到项目文件夹下的node_modules文件夹下npm install xx -D 即写入devDependencies对象（里面的插件只用于开发环境，不用于生产环

2022-02-08 16:21:42 108

原创 Vue路由

一、vueRouter1.1 简介Vue Routr 是 Vue.js (opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。CDN地址：https://unpkg.com/vue-router/dist/vue-router.js路由分为前端路由和后端路由。后端路由：根据前端请求的URL不同，返回不同的资源内容。比如：app.get('/list',(req,res)=>{ res.sen..

2022-02-08 16:18:32 495

原创 promise用法

接口调用方式我们都知道一般我们前台获取的数据都是从后台获取的，我们一般采用下面几种方式调取后台接口数据：原生js的AJAX jquery封装的AJAX(偏向于操作DOM,不适用于vue) fetch axiospromise创建后端接口我们先用node创建本地服务,代码如下：npm init -y npm install express@4.17.1 npm install corsconst express = require("express");const app

2022-02-08 16:15:42 323

原创 Vue组件以及传值

组件化简介：组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。每个组件都是Vue的实例对象。我们实例化的Vue对象就是一个组件，而且是所有组件的根组件全局注册组件和局部注册组件全局注意点：组件中的data是一个函数，不是对象组件中必须有一个唯一的根元素模板中内容较多时候建议使用模板字符串局部注意点：局部注册的子组件只能在注册过的父组件中使用 components是注

2022-02-08 16:02:29 142

原创微信小程序基础知识

一、简介微信小程序是张小龙所带领的腾讯广州研发中心产品团队打造，2017年才发布。微信小程序特点：无需安装和卸载制作成本低内存小、运行快,操作便利快捷容易部署,具有丰富的延展性微信小程序打开的方式：通过微信搜索小程序、通过好友的分享、还有通过小程序的链接打开。二、注册和下载小程序微信小程序官网注意事项：首先要记住自己的appid 自己写项目时要用到自己写练习项目时，建项目时尽量选择不使用云服务下载时，尽量选择稳定版的每个页面设置一个文件夹，里面有wxml

2022-01-14 19:27:31 303

原创 Vue 基础知识

简介vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和domvue模板 <script src="vue.js"></script> </head> <body> <div id="app">{{ name }}</div> <script> var vue

2021-12-11 09:51:59 348

原创 Git管理系统基础知识

介绍：git是可以帮我们自动合并代码，小组分工协作的工具下载git-scm.com设置信息git config --global user.name "姓名"git config --global user.email "邮箱名"初始化仓库git init 会出现一个 .git 的隐藏文件用来初始化一个仓库，文件夹内的所有修改都会被记录提交暂存区/提交保存git add 文件名. 点代表所有被修改的代码git status 查看提交的状态绿色是要被提交的，

2021-12-08 11:29:49 728

原创 NodeJS基础知识（里面的代码仅供参考）

一、Nodejs简介1、初识NodeJSNodeJS是基于Chrome V8引擎的javascript运行环境。2、模块NodeJS中有很多内置API模块：fs、path、http、js内置对象、querystring、etc；不包含DOM和BOM无法操作。3、学会NodeJS都能做什么？1、可以基于Node的express框架做web应用开发2、可以基于Electron框架，可以构建跨平台的桌面应用3、可以基于restify框架。可以实行接口开发4、可以对数据库操作..

2021-11-30 19:31:44 2818

原创 ES6语法

ES6是：ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。一、let和const1、let与var的区别let有块级作用域 {}，也就是说变量只能在{}里面起作用；var 声明的变量是函数作用作用域let没有变量提升，var声明的变量可以提前调用；let不能提前使用2、const声明的变量里面的内容不能更改二、解构赋值1、数组结构let arr=[11,22,33,44];let [a,b,c,d] = arr;cons

2021-11-20 19:35:16 422

原创写移动端时所需要的知识

文章目录前言一、写移动端所具备的基础知识：伸缩布局二、rem和px之间的转换和方式、媒体查询 1.rem和em 2.less 3、less的使用 4、rem的适配 5、媒体查询三、响应式布局总结前言随着前端行业的发展，现在在市场上写手机端移动端的情况比较多提示：以下是本篇文章正文内容，下面案例可供参考1、写移动端所具备的基础知识：伸缩布局写移动端伸缩布局的知识是必须掌握的，总结来说：就是通过给父盒子添加flex属性，来控制子盒子.

2021-11-17 19:09:47 397