- 博客(13)
- 收藏
- 关注
RSS订阅原创 微信小程序学习四之 自定义组件 及 组件间通信
微信小程序自定义组件类似于页面，一个自定义组件由wxml、wxss、js、json文件组成。一、快速创建组件可在微信开发者工具中快速创建组件的文件结构，选中components文件夹，右键选择“新建Component”，输入组件名，将生成组件的文件结构。二、声明组件在组件的json文件中，对组件进行声明{ "component": true}三、组件内容分析wxml和页面文件相同，书写标签结构，同时可以通过<slot></slot>标签用于占位，和vue类似
2021-03-15 17:50:11
279
原创 微信小程序学习三之 事件绑定传参 及 样式引入
微信小程序事件绑定通过 bind 进行实现，如 bindTap、bindInput、bindChange 等，具体的事件绑定需要查看微信小程序组件（微信小程序组件）的事件属性。事件绑定及传参不含参数传递// wxml button按钮的点击事件绑定<button bindTap="getName"></button>// jsPage({ data: { }, getName(){ console.log('获取到name了') } })参数传
2021-03-09 15:25:57
322
原创 微信小程序开发学习二 之 配置文件及基础语法
一、配置文件微信小程序配置主要有两种，一种是全局配置，即app.json；另一种是每个页面单独的配置，存在于每个页面下。app.jsonapp.json用于配置页面的窗口背景文字等属性、页面路径、底部tabBar等全局属性。属性太多不做一一介绍，全部属性见链接，下面给出常用的几个：{ "pages":[ // 页面文件 "pages/index/index", "pages/category/index", "pages/cart/index", "pag
2021-03-09 10:44:39
275
原创 微信小程序开发学习一 之 环境准备
在开发微信小程序前，需要做注册微信小程序账号、获得appID、下载安装微信小程序开发工具等一系列前期准备。下面将从头开始介绍开发微信小程序的第一步。一、注册微信小程序开发账号进入官网：微信小程序开发，进行账号注册或者登录二、获取appId进入官网后，点击开发管理，选择开发设置，可以看到appId三、下载安装微信开发者工具下载地址：微信开发者工具，下载完成后安装，第一次打开需要扫码登录。四、新建第一个小程序项目五、项目结构介绍到这里，微信小程序的项目搭建流程就结束了，
2021-03-05 15:17:29
132
原创 vue实现菜单权限管理+刷新后404的解决办法
实现思路vue实现菜单的权限控制主要有两种思路：在路由转发时添加路由拦截，即使用beforeEach拦截没有权限的路由，并跳转到404界面。不过这种实现方法具有一定的缺点，即每次路由切换时都会进行路由拦截的判断。动态添加路由，通过后端返回的菜单，为用户动态添加具有权限的路由。这种只会在系统初始化和页面刷新时调用。一、beforeEach路由拦截为了方便演示，我把后端返回的菜单路由数组存在sessionStorage中。即代码中的menuList。// 免登陆白名单const noL
2021-01-24 11:15:23
2819
3
原创 vue实现自定义全局右键菜单
前段时间公司在做一个webIDE项目，其中有对文件树的各种操作，主要通过右键菜单实现，今天就来记录一下怎么在vue项目中实现全局的自定义右键菜单。效果如图所示：注意：需要在项目中找到页面整体布局的组件，比如项目使用Home.vue作为整个项目的公共布局，将根元素定位设置成relative，使右键菜单相对于其进行定位。本文的右键菜单主要使用vuex实现一、vuex中定义全局状态用于管理右键菜单export default { /** * menuContent格式： *
2020-12-14 16:24:32
1827
原创 vuex中store对象的模块化管理
vuex在vue项目中主要用于全局的变量存储，包含着应用中的大部分状态，当把所用的状态集中到同一个store对象中时，store对象会变得非常臃肿，这时，项目往往会将store对象分割成一个个模块，每个模块拥有自己的state、mutation、getter、action，之后对其进行集成。一、代码样例在src目录下建立文件夹store，文件夹中建立子文件夹modules，用于存放不同模块；同时创建文件getters.js，此文件的用处后面会讲到；创建文件index.js作为最后的集成文件。1、mo
2020-12-14 11:18:45
1199
原创 vue+xterm.js实现webssh踩坑之旅
最近在做的项目需要使用xterminal实现网页远程连接Linux终端，引了这个插件后发现问题很多，接下来一一记录问题所在。一、如何在vue项目中使用xterm.js安装xterm.js，博主使用的是3.xnpm i xterm --save在项目中引用新建组件Xterminal.vue<template> <div class="console" id="terminal'" v-loading="loading" element-loading-text="拼
2020-09-17 10:41:27
10239
19
原创 使用angular+express构建聊天系统(一)
整体思路前端架构使用angular8实现，界面主要分为首页、登录、注册、聊天界面，聊天界面下通过子路由展示好友、消息及新闻界面。后端使用express+mongodb实现对数据的存储验证通讯暂定使用websocket第一篇：实现整体架构一、angular-cli实现快速搭建项目第一步安装angular-cli，npm install -g @angular/cli // ...
2019-12-16 14:00:03
784
原创 如何快速搭建一个angular项目环境
如何快速搭建一个angular项目环境为什么使用angular快速上手为什么使用angular其实这个问题我没有太大发言权，主要是因为我实习的公司在使用它，于是只好自己开始学习。但在网上看到了很多关于angular的好处。分别以一下几点来说明。开箱即用angular经过了精心的前期设计，涵盖了开发中的各个层面，层与层之间都经过了调适。开发者不需要费时费力去组合，就能完成大部分的前端开发...
2019-06-27 14:28:41
859
原创 如何将本地项目上传到码云并实现更新功能
如何将本地项目上传到码云最近在使用webpack和vue做一个项目，过程中需要将本地项目上传到码云，由于看了网上的教程感觉稍微有些繁琐，于是决定记录一下自己跟着老师做的方法，同时也避免以后忘记找起来泰国麻烦。（btw:我啰嗦起来自己都怕）1、创建本地项目既然我们是要将本地项目上传，自然第一步时需要简历本地项目。作为一个严谨的程序员，项目的配置文件肯定时一个都不能少（说出来我自己都不知道到底...
2019-05-20 21:34:06
7461
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人