自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

程文英

前端之旅

  • 博客(13)
  • 资源 (1)
  • 收藏
  • 关注

原创 React相关笔记文档

2021-10-22在JSX中嵌入表达式1.将表达式作为内容的一部分​ (1)nulll,undefined,false不会显示​ (2)普通对象,不可以作为子元素​ (3)可以放置React元素对象2.将表达式作为元素属性const div = ( <div> <img src={url} className={cls} alt="" style={{marginLeft:"50px",width:"200px"}} /> </div>

2021-10-22 22:21:26 127 1

原创 VUE源码解析

VUE源码理解1.公式:UI=render(state)state是输入,UI是页面输出,VUE充当render()这个角色,当vue发现其state变化之后,经过一系列的加工,最终变化反映在UI上Object的变化侦测2.变化侦测变化侦测是追踪状态,一旦数据发生变化,就会去更新视图3.object的更新变化let car = {}let val = 3000Object.defineProperty(car, 'price', { enumerable: true, config

2021-10-19 18:48:53 713

原创 Vue的Router如何传值页面

Vue的Router如何传值页面步骤流程:有传参数据和无传参数据的区别有传参数据:1、vue引入api.js细分两种请求:get请求:语法:method: "get", params:query,pos请求:语法:method: "post", data:query,2、方法进行调用引入,可先在浏览器Notework进行查看其方法是否调用 1)首先进行定义其对象写明其需要传参的值 语法: let current = { pageNum: 1

2021-10-18 12:48:45 290

原创 面试常见试题之数组

1. 找到某个字符串出现次数最多的函数。打印字符和他出现在这里插入代码片的次数 var str = "123465123465c0x.zcxzcxcxzxcxzcxzcx" var arr = str.split('') var newarr = Array.from(str) console.log(newarr) var obj = {} for (var i = 0; i < arr.length; i++) {

2021-09-25 23:40:45 100

原创 数组常见面试题目

**1. 提示用户输入数组的长度,以及数组每一项的值,然后输出该数组** var len = +prompt("请输入其数组的长度1") if (!len || len < 0) { alert("请重新进行输入") } else { var arr = new Array(len) for (var i = 0; i < arr.length; i++) { arr[i] = prom...

2021-09-17 11:40:10 650

原创 原生JS之数组

数组1、new Array(长度)var arr = new Array(数据的值)代表其传输的值是什么2、var arr = [] (这个是第二个创造方式)认识数组的本质数组的本质就是一个对象length 属性,表示其数组的长度,会自动变化,值为最大小标+1属性不可能是数字,只能是其字符串console.log(obj[0]) js会自动将0转换为字符串数字字符串属性:叫做下标,也叫作索引,相当于每个数组的编号,下标是从0开始的得到数组的第一项数据console.log(a

2021-09-15 00:33:59 291

原创 亲临面试题目

1、判断其是否是数组的函数是:(1)用Array对象isArray方法来判断(2)用instanceof判断(3)object.prototype.tostring2、js获取URL参数值得两种方式:方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)//截取url数据方法var getParam = function (name) {var search = document.location.search;//alert(search);var pattern = n

2021-09-14 08:04:21 186

原创 常见的CSS页面布局方式

详情:CSS页面结构是我们日常生活中最常使用到的,当然目前可能大家用的最多的是elementUI实现布局,简单方柏霓,下面介绍几种常见的原生页面布局的方式公共的样式部分 <style> * { margin: 0; padding: 0; } .layout { margin-bottom: 20px; } .layout arti

2021-09-13 11:36:43 1374

原创 vue中emit的用法

vue中子传父参数的方法共有两种:1、子组件通过emit传输2、通过自定义组件传输下列优先讲解下其emit的传输方法在父组件中(1)首先需要定义其改变的函数,一般emit多用于点击事件,例如我目前所在地的名称是北京,我想通过子组件的点击,导致我的名称发生其改变(2)定义其data属性存储器数据<template> <div class="hello"> <h2>我是父组件,我需要建立一些参数</h2> <h3>我所

2021-09-11 15:07:41 22996

原创 vue中props的用法

vue使用props的用法日常编程中都会用到父组件用子组件、子用父的情况,下面先介绍一种子传父的情况1、在父组件中(1)、首先是在其定义一个list属性以存储其数据值(2)、定义一个绑定属性“mlist”,以为后续props做铺垫,<template> <div class="hello"> <h2>我是父组件,我需要建立一些参数</h2> <span><mHome :mlist="list"/></

2021-09-11 09:51:53 8415

原创 每日必备小项目 21.03.29

css3之旋转效果效果如图:HTML部分<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/index.css"></head><style> body { background-color: #f44336; } .b

2021-03-29 23:28:43 91

原创 每日必备小项目21.03.27

日常小功能—CSS3之拖拽如图:代码如下:<body> <div class="demo1"> <ul> <li></li> <li></li> <li></li> </ul> </div> <div class="demo2">

2021-03-27 22:51:00 72

原创 CSS3实现圣杯布局

使用flex实现圣杯布局日常开发环境中C3带给我们的方便之处越来越多,今天就简单的写一个使用flex实现其圣杯布局的方式.wrapper{ width: 500px; height: 500px; border: 1px solid #000; display: flex; flex-direction: column;}.head ,.footer,.left,.right{ flex: 0 0 20%; border: 1p

2021-03-13 16:01:16 118

本地化存储之cookie、localstorage的详细用法

本课程详细的介绍了本地化存储之cookie、localstorage的详细用法。由渡一高级讲师---陈学辉老师进行详细讲解。欢迎大家使用。注:需要下载ev播放器进行播放

2021-02-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除