![](https://img-blog.csdnimg.cn/20200822160723126.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
文章平均质量分 69
Web前端学习笔记
微风拂晚霞
unity web
展开
-
【Vue项目笔记】—— 父子组件之间传递参数和子组件执行父组件中的方法
父组件(MyBlog.vue)<template> <!-- Delete Modal --> <!-- 注意:这里的@deleteBlog中的deleteBlog要和fatherMethod的值deleteBlog一致 --> <!-- 1.fatherMethod传给子组件,子组件再将这个值传给this.$emit() --> <!-- 2.$emit()方法根据fatherMethod的值来执行父组件中的方法,这里是dele原创 2022-02-06 18:09:56 · 384 阅读 · 0 评论 -
解决element-ui中组件【el-upload】一次性上传多张图片的问题
element-ui 中的组件 el-upload默认的行为是一张图片请求一次,在项目需求中,通常是多张图片要求只向后台请求一次,下面的做法就是为了实现这样的需求前端<el-upload ref="upload" :action="actionUrl" :auto-upload="false" list-type="picture-card" :http-request="uploadFile" :on-preview="handlePictureCardPreview" acc原创 2022-01-22 22:17:28 · 11271 阅读 · 8 评论 -
使用【阿里云】服务器、【Xshell】搭建自己的【网站】—— { }
重置实例密码打开Xshell连接主机Apache 服务安装yum install httpd* -y操作启动systemctl start httpd.service查看状态systemctl status httpd.service停止systemctl stop httpd.service此时在浏览器打开云服务器的公网IP就可以访问了,出现下面这样的画面代表成功如果出现无法访问,就需要到云服务器控制台“添加安全组”Apache网站配置网站数据原创 2021-11-04 16:20:18 · 554 阅读 · 0 评论 -
微信小程序 —— 组件 { }
父组件search.wxml<!-- 将数据传递给子组件 --><Tabs list="{{list}}"></Tabs>search.jsPage({ /** * 页面的初始数据 */ data: { list: [ { id: 0, name: 'JavaScript', isDone: false, isActive: true .原创 2021-02-23 16:43:43 · 132 阅读 · 0 评论 -
JavaScript 闭包 —— { }
闭包是什么闭包是一个【函数】(一个作用域可以访问另一个函数的局部变量)闭包的作用延伸变量的作用域function f() { let num = 21; return function () { console.log(num); }}f()();// 此时,函数f就是一个闭包(Closure)思考一下例子是不是闭包window.name = 'window';let obj = { name: 'obj', getNam.原创 2021-02-20 16:47:20 · 91 阅读 · 0 评论 -
JavaScript 实现继承 —— { }
<script> // 继承 function Shape(name){ this.name = name; } function circle(name,radiu){ Shape.call(this,name); this.radiu = radiu; } circle.prototype = new Shape(); circle.prototype.constructor = ci原创 2021-02-17 23:09:48 · 87 阅读 · 0 评论 -
JavaScript 之 原型对象、对象原型 —— { }
JavaScript —— 构造函数// 构造函数function Player(name, age) { this.name = name; this.age = age;}JavaScript —— 静态方法// 静态方法(只可用【构造函数】名字调用,不可用【实例对象】名字调用)Player.turnover = function () { console.log('我会失误');}Player.turnover();curry.turnover();.原创 2021-02-15 10:03:06 · 265 阅读 · 0 评论 -
Web开发框架『express』的基本使用 —— { }
封装 router 模块原创 2020-12-14 23:26:26 · 270 阅读 · 0 评论 -
MySQL 基本使用 —— { }
1、先开启MySQL服务此电脑 → 管理 → 服务和应用程序 → 服务MySQL → 右键 → 启动2、登录MySQL打开cmd → 输入 mysql -uroot -pxxxxxx打开MySQL Command Line Client → 直接输入密码3、MySQL常用命令1、查看所有数据库 | show databases;2、查看当前使用的是哪个数据库 | select database();3、使用数据库 | use 数据库名称;...原创 2020-12-08 14:24:19 · 297 阅读 · 0 评论 -
『nrm』安装与使用 —— { }
nrm ls 【查看镜像列表】nrm use 【使用镜像地址】原创 2020-12-03 13:42:17 · 74 阅读 · 0 评论 -
使用『jQuery』『原生js』制作一个导航栏动效 —— { }
效果HTML部分<body> <nav> <div id="nav1">导航1</div> <div id="nav2">导航2</div> <div id="nav3">导航3</div> <span id="underscore"></span> </nav></b..原创 2020-10-26 17:48:01 · 237 阅读 · 0 评论 -
使用『jQuery』『原生js』制作一个选项卡盒子 —— { }
HTML部分<body> <div id="main-box"> <div id="left-nav"></div> <div id="right-nav"></div> <div id="scroll-box"> <div class="current-box"> <p> Lorem i..原创 2020-10-24 16:38:14 · 193 阅读 · 0 评论 -
web前端小知识 —— 【HTML,CSS,JS】集锦 【第一期】 { }
1、获取元素样式属性的方法第 一 种 : 较灵活,能获取传进来想获取的元素的样式属性,返回的是【字符串】function getStyle(obj, name) { // IE // 主流 return obj.currentStyle ? obj.currentStyle[name] : getComputedStyle(obj, false)[name];}第 二 种 : 重复使用率低fun原创 2020-10-03 19:32:49 · 138 阅读 · 0 评论 -
用原生【JavaScript】写【动画】—— 【学习笔记】{ }
1.逐渐变淡 && 向上升<span id="txt">Fireming</span>span { opacity: 0; position: absolute;}var span = document.getElementById('txt')var timer1 = nullvar timer2 = nulldocument.onclick = function(e) { // 每次点击,重置span的透明度为 1 spa原创 2020-09-29 09:06:53 · 85 阅读 · 0 评论 -
使用【腾讯云】服务器、【宝塔】搭建自己的【网站】—— { }
1、重装 { 云服务器 } 操作系统2、打开 { 寻麓 } 综合工具站 —— https://xulu.ltd/ziyuan.html下载 Xshell 63、复制公网 IP打开 Xshell 6,文件 ---- 新建4、安装 { 宝塔 } —— https://www.bt.cn/右键 — 粘贴 — 输入 y5、测试下载一个源码添加站点打开目录,上传网页文件拖拽刚刚下载好的源码最后复制公网 IP,在浏览器打原创 2020-09-22 17:15:53 · 448 阅读 · 0 评论 -
使用 [ 可视化 ]【Vue项目管理器】创建 Vue 项目 —— { }
1打开命令窗口cmd,输入【vue ui】23456789101112131415原创 2020-09-20 11:57:59 · 150 阅读 · 0 评论 -
【ajax】发送请求 —— 结合【express】框架 { }
1、先用 express 框架搭建一个简单的服务器(1)在文件夹上点击右键,点击“在集成终端中打开”(2)使用“npm i express”命令安装【express】(3)创建 “server.js”// 1、引入express框架const express = require('express');// 2、创建应用对象const app = express();// 3、创建路由规则 // request是对请求报文的封装 // response是对响应报文的封装原创 2020-09-13 09:54:43 · 279 阅读 · 0 评论 -
【ES6学习笔记】—— 基础语法 { }
学习笔记作者:oMingES6let 与 var 的区别// let 不可重复声明同一名称的变量let l1 = 1;let l1 = 2; // 报错// var 可重复声明同一名称的变量var v1 = 1;var v1 = 2;console.log(v1);// 块作用域{ var girl = 'C#' let boy = 'unity'}console.log(girl)console.log(boy) // 报错解构赋值//原创 2020-09-03 17:30:41 · 168 阅读 · 0 评论 -
【Vue学习笔记】—— 组件之间传递数据 { }
学习笔记作者:oMingVue 组件1.通过绑定传递数据(父组件 ——》 子组件)<div id="app"> <father></father></div><template id="father"> <div> <h1>father:{{ fatherMsg.name }} -- {{ fatherMsg.age }}</h1> <son :faobj='f原创 2020-09-03 15:26:36 · 118 阅读 · 0 评论 -
原生JavaScript对【DOM元素】的操作——增、删、改、查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #first{原创 2020-08-20 23:18:15 · 221 阅读 · 0 评论 -
【Vue学习笔记】—— vue的基础语法 { }
学习笔记作者:oMingvueVuev-on:<button v-on:click='Show'> </button>v-bind: (给元素的 ++属性++ 绑定数据)<h1 v-bind:gmsg='msg'>{{ gmsg }}</h1>{{ }}、v-text=’ ‘、v-html=’ '(给 ++元素++ 绑定数据)<p>{{ data }}</p><原创 2020-08-19 22:55:29 · 1708 阅读 · 0 评论 -
【Vue学习笔记】—— vuex的语法 { }
学习笔记作者:o_MingvuexVuex++ state ++ (用于存储全局数据)组件访问 state 中的全局数据的方式1:this.$store.state.全局数据组件访问 state 中的全局数据的方式2:// 组件中按需导入 mapState 函数import { mapState } from 'vuex'export default { name: 'app', computed: { // 将全局数据 映射 为计算属性原创 2020-08-19 11:11:08 · 147 阅读 · 0 评论