需求我希望写一个公共结果页面,满足所有模块的结果展示,页面设计要素如下:结果图标type(成功图标,失败图标)标题title(如:提交成功)描述descripton(如:您的工单已提交,请等待管理员审核)内容content(内容不固定,样式不固定,可自定义)操作action(提供默认按钮,可定制返回步数,具备自定义的能力)我希望的结果页面应该是这样的只有一个路由页面,所有人模块跳转到当前页面展示结
vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 通俗的来说,vuex是用于当某一状态需要在多个组件中共享,方便我们使用并追踪这些状态时使用。1,vuex的总体结构vuex的总体结构分为 modules下面的所有子模块和根模块(即全局状态) 这里我把rootState这个根模块
转载
2024-10-29 12:48:23
25阅读
背景前司和现司都会存在这种业务场景:有很多 H5 页面是不相关的,如果使用 SPA 的话,对于很多落地页和活动页不太友好,有一些纯前端页面加载过慢,所以就萌生了创建一个多页面 MPA 的框架。起初想着使用 vue-cli3 去创建,因为 vue-cli3 本身带有多页面配置的选项,直接修改 pages 这个选项就可以完成多页面配置,需要的小伙伴可以进行参考,链接:vue-cli3 的 pages。
分类:Vue.js(83) 本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十五)组件的定义①组件的作用:【1】扩展HTML元素,封装可重用的代码;【2】组件是自定义元素,Vuejs的编译器可以为其添加特殊的功能;【3】某些情况下,组件可以是原生HTML元素的形式,以is的方式扩展。 ②写一个标准的组件:分为以下几步:【1】挂载组
在src目录新建一个mixins文件夹,里面新建index.js文件这里写公共的值和方法export const mixin = { data() { return { mixi
原创
2022-07-06 16:40:38
80阅读
报错: 解决方案:在build-->webpack.base.conf.js里添加: 此处引入jq,并且添加使用函数,不然也会报错,提示定义$未使用
原创
2022-03-10 13:43:37
247阅读
学习目标:本篇日志记录我6-28及6-29两天的学习工作。 目标大致如下:下载安装前端开发平台HBuilderX并搭建Vue开发环境,尝试创建第一个Vue项目。学习Vue基本标签及语法,尝试使用Vue写前端网页。学习内容:(一)安装HbuilderX 前往官网:HBuilderX安装地址 如图所示单击如下按钮进行安装 (二)搭建Vue环境,创建第一个Vue项目 安装后,参考如下链接配置Vue环境H
最近遇到笔记本电脑需要通过手机共享热点连接网络,这种情况可以通过无线热点和有线热点方式来解决。过去一直在iPhone 个人热点下通过蓝牙和局域网开放无线信号,将手机作为一个热点,电脑连接到手机热点,进行上网操作。这种连接方式的缺点在于每次需要用电脑连接WIFI的时候,需要将手机的蓝牙和无线局域网先处于关闭状态,再通过打开个人热点,开启蓝牙和无线局域网,这样的操作无形之中增加了不少的工作量,并且机身
转载
2023-08-07 23:38:50
66阅读
撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每个平台的支付方式也会有所差异,造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性,可以将代码拆分,以-小程序和App两端举例,一份部署到小程序,一份部署到App(Android&Ios)。首先代
React、vue、jQ通过CDN外链的方式引入最新的前端框架:1.引入最新的React版本:获得 React 和 ReactDOM 的 UMD 版本 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script><script crossorigin src="http
原创
2022-10-28 08:57:54
239阅读
1.本项目Demo实现灵感来源 张凯博客,采用vue+elementui实现编码,最终效果图:完整源码下载2.首先创建vue项目,采用开发工具Hbuilder。vue创建项目教程可参考:3.创建项目后安装elementui,按照官方教程即可 创建好的项目目录结构大概这样子: 4.项目头部和底部在整个项目中是共用的状态,使用vue的router-
转载
2024-04-28 10:48:52
39阅读
1: nginx部署前端vue项目2: nginx配置https3: 如何修改console面板和浏览器窗口主动修改为https4: 彻底理解在本地进行配置https的含义1: nginx部署前端vue项目 在linux环境中使用nginx部署Vue项目主要分为如下几个步骤 项目打包nginx修改配置文件nginx部署1)针对项目打包比较简单,使用如下命令即可npm run build该命令会在工
转载
2024-10-10 09:16:49
362阅读
FF下
$theDiv.find("textarea").each(function() { $(this).text($(this).val()); });
原创
2011-04-09 23:25:59
280阅读
1. 简介 json是一种轻量级的数据交换格式,应用范围非常广泛。在Linux系统下使用jq工具可以非常方便的处理json,官方给的定义是: A jq program is a “filter”: it takes an input, and produces an output. There ar
原创
2022-07-15 16:21:27
196阅读
一. 新增or修改样式 1. addclass(); .css1{ background-color:red; } $(".aui_state_focus").addclass(“css1”); 2.attr(); $(".aui_state_focus").removeAttr("style"); ...
转载
2021-06-07 00:34:00
203阅读
2评论
文章目录引入JQuery下载JQueryJQuery与JavaScript入口函数的区别常规选择器1.基本选择器2.层次选择器3.过滤选择器1.基本过滤选择器2.内容过滤选择器3.可见性过滤选择器4.属性过滤选择器5.子元素过滤选择器6.表单对象属性过滤选择器4.表单选择器 引入JQuery在javascript中有两种方式引入JQuery库:引入自己下载下来的JQuery库从 CDN或百度 中
转载
2024-04-19 10:56:07
267阅读
前言自从博客写完之后就有些懒散,这不前几天想实现一个可以多端发布的功能,就是我在我的博客发布完文章后,可以同步到像简书的类似的平台,于是就开始实现其功能,然后经过一段时间的思考,想了想,如果要多平台发布,要满足两个条件,一是要获取到保存在该平台登录的cookie,二是要知道该平台的一系列接口。这两个条件我的没想到解决办法,第一个就是同源策略,无法获取到其它平台的cookie,第二个就是要获取平台的
转载
2024-05-11 17:20:15
314阅读
jq 类似于sedJSON 数据,可以使用它来进行切片、过滤、映射
原创
2022-04-25 13:32:19
201阅读
<script> //显示时间 setInterval(function() { var myDate = new Date; var year = myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 var
原创
2022-06-16 09:36:02
300阅读
一、jq选择器 // 获取满足条件的所有页面元素jq对象
$('css3选择器语法');
// 拿到指定索引的页面元素jq对象
$('css3选择器语法').eq(index);
// 拿到指定索引的页面元素js对象 (jq对象转js对象)
$('css3选择器语法').get(index);
// js对象转jq对象
$(js对象); <!DOCTYPE html>
转载
2024-04-09 22:15:46
56阅读