前端
关注
分享
扫一扫
文章平均质量分 83
青沐沐
每段青春都是苦的
在后半段会有出路的
展开
-
vue-router中传参
在vue项目中使用vue-router组件后，具有$router，$route两个对象$router一般用来传递路由信息，路由跳转：this.$router.push()$route一般用来获取路由信息，获取上个路由传参的数据：this.$route.params或this.$route.query路由的几种方式（1）声明式//使用path传参 <router-lin...转载 2019-10-12 16:41:21 · 243 阅读 · 0 评论 -
react使用function和class定义组件的一些区别
使用function定义组件import React, { useState, useEffect } from "react";import { useLocation } from "react-router-dom";import qs from "qs"; //qs用来格式化数据import { movieDetail } from "../../services/movies...原创 2019-10-12 15:50:44 · 2769 阅读 · 0 评论 -
VUEX数据
请先参考另一篇文章VUE兄弟组件传参当一个应用中数据过多时，我们将数据都写在store中显得代码过长，不利于代码复用，所以我们将代码分块即store实例中有state,mutations,actions,getters,state中又有一个product,product中又有state,mutations,actions,getters,则数据进行了分级，所以采用代码分块，将product...原创 2019-09-22 18:47:27 · 227 阅读 · 0 评论 -
VUE中非相关组件传参（事件总线）
vue用到了很多组件，也就是.vue文件，每一个.vue文件都是一个组件，独立作用域，可以重复使用，相当于把每个页面封装了一下，可以在不同的地方调用，现在我们在App.vue中引入两个组件：HelloWorld和Counter组件，在这两个组件中都使用到了相同的数据，我们如何保持数据的一致性，有两种方法，一种是事件总线，一种是vuex实现是效果是单击count组件中的按钮count和hello...原创 2019-09-22 12:00:44 · 1178 阅读 · 0 评论 -
元素样式发生变化
某个元素的多个属性同时变化，或者连续变化可将这个功能封装为函数，js代码可写在js文件中，直接调用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>元素属性变化封装函数</title> <style type="text/css...原创 2019-07-26 20:18:14 · 239 阅读 · 0 评论 -
ES6中的map和set
//map结构，一种新的数据对象，类似对象，属性名不在仅仅是字符串，可以是其他数据类型var map = new Map([["name","john"],["age",30]]);map.set(["1","3"]); //这样只会添加一个为数组的属性，属性值为undefinedmap.set(1,3);//添加一个属性名为1，属性值为3的一对键值console.log(map);c...原创 2019-07-25 21:16:21 · 227 阅读 · 0 评论 -
初识JS
JS是基于对象和时间驱动，并具有安全性的客户端脚本语言。JS共有6种数据类型：数值（number）、字符串（string）、布尔（boolean）、undefined、null、ObjectJS中数据类型转换分为两种：强制转换和隐式转换接下来介绍几种强制类型转换函数：Number()： 将其他数据类型强制转换为数值型，小数属于数值型ParseInt()：主要是获取字符串最开始的...原创 2019-07-13 16:09:28 · 125 阅读 · 0 评论 -
html表格表单
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><table border="1" width="500" height="200" cellspacing="...原创 2019-06-12 09:27:56 · 2359 阅读 · 0 评论 -
HTML简历制作
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><table border="1" height="600" width="500" cellspacing="0"...原创 2019-06-12 09:26:50 · 3192 阅读 · 0 评论 -
HTML表格制作
HTML中制作表格有两种方法：（1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。（2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不...原创 2019-06-11 20:58:30 · 43256 阅读 · 6 评论 -
Android Studio主题设置
Android Studio中修改主题样式：选择tools->Android->Theme Editor进入以下界面可修改原创 2018-05-10 11:34:15 · 1226 阅读 · 0 评论 -
Android Studio国际化
在开发Android程序中，如果想让不同国家的用户看到不同的效果，就要对这个应用进行国际化。国际化的应用具备支持多种语言功能，能被不同国家或地区用户同时访问，提供符合访问者阅读习惯的页面和数据。app右击->new->Android Resource File可见如下界面设置文件名，最下面左列选择local，然后language先随便选择一个，然后直接敲击键盘输入你想要的地区语言，自动...原创 2018-05-10 15:50:41 · 914 阅读 · 0 评论 -
android进度条对话框
package cn.edu.xynu.computer.myapplication;import android.app.ProgressDialog;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widg...原创 2018-05-03 15:58:11 · 7352 阅读 · 0 评论 -
toggleButton
开关转换图片toggleButtonpackage cn.edu.xynu.computer.hello1;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.CompoundButton;import android.widget.ImageView...原创 2018-04-12 16:14:41 · 177 阅读 · 0 评论 -
表单验证
new document //实例：表单验证 function focus_username(){ //获取id=result_username的元素对象 var divObj = document.getElementById("result_username"); //写入提示信息 divObj.innerHTML="原创 2017-11-06 21:31:39 · 191 阅读 · 0 评论