qq_39860122-优快云博客

原创 css居中布局

行内元素水平居中：text-align: center块级元素水平居中：margin: 0 auto <style> .parent { width: 600px; height: 300px; border: 1px solid red; position: relative; } .child { width: 300px; h

2022-03-19 17:50:33 120 1

原创 vue sync 修饰符

//子组件 <input @input="$emit('update:data','小明')" >//父组件<template> <div>  <v-input @test1="TestOne" @focus="onFocus" :data.sync = "searchText" .

2020-12-05 12:19:23 119 1

原创自定义组件封装

1.自定义组件——input封装//父组件<template> <div> <v-input placeholder="123" @input="handleInput"></v-input> </div></template><script>import vInput from "./views/Child"export default { name:"", components:{ .

2020-11-22 17:06:16 493

原创自定义组件v-model

最近在学习vue，今天看到自定义事件的表单输入组件，纠结了一会会然后恍然大悟...官方教程写得不是很详细，所以我决定总结一下。v-model语法糖v-model实现了表单输入的双向绑定，我们一般是这么写的：1 <div id="app">2 <input v-model="price">3 </div>1 new Vue({2 el: '#app',3 data: {4 price: ''5 .

2020-11-18 18:24:37 176

一、初识vuex1.1 关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1.2 安装由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照Vu...

2020-11-18 17:26:52 122

原创 vuex

一、初识VueX1.1 关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1.2 安装由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照VueCl

2020-11-18 14:37:45 97

原创 vue axios

//什么是axios?//axios是一个基于promise得HTTP库，可以运行在浏览器和node.js//安装npm install axios//配置默认值axios.defaults.baseURL = 'https://api.example.com';axios.defaults.timeout = 30000// 返回其他状态吗axios.defaults.validateStatus = function(status) { return status >= 20.

2020-11-18 14:30:23 176

原创 vue项目搭建和less引用

npm install -g vue-clivue init webpack my-project （项目名）安装lessnpm install less less-loader --save接下来找到bulid目录下的webpack.base.conf.js并打开，找到module下的rules写下{test: /\.less$/,loader: "style-loader!css-loader!less-loader"}如果报错将其卸载安装低版本loader...

2020-10-24 17:55:51 129

原创 vue-子父组件传参

//第一步父组件App.vue中//把父组件中的data中的users：[ ] 通过v-bind:users = "users"传递给子组件<template> <div id="app"> <Users :users="users"></Users> </div></template>...

2020-01-19 17:09:52 91

原创验证码

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .block{ border: 1px solid black; ...

2019-12-06 09:37:56 108

原创 github学习

图中为用户名邮箱即为github绑定邮箱下面为Github账户设置SSH key1.生成密钥输入ssh-keygen -t rsa -路径 “github绑定邮箱”在 github 上添加 SSH key 的步骤：1、首先需要检查你电脑是否已经有 SSH key运行 git Bash 客户端，输入如下代码：$ cd ~/.ssh$ ls这两个命令就是检查是否已经存在...

2019-04-22 14:16:01 131

原创组件基础

<div id="demo"> <div :style="{fontSize:postFontSize + 'em'}"> <blog-post v-for="post in posts" v-bind:key="post.id" v-bind:post="post" ...

2019-04-20 11:05:45 132

原创压缩字符串

2019-03-11 16:07:30 110

原创三栏布局左右固定中间自适应

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> * {

2019-03-10 21:14:39 162

原创判断字符串中出现最多得字符并统计次数

var str="aagaabbbabtavnahaa"; function maxstringload(str) { var obj={}; console.log(obj); for(var i=0;i<str.length;i++){ var key=str[i];...

2019-03-06 15:57:46 466

原创数组里的方法

数组里面的方法：数组里面可放置任何类型 //数组里面的方法 var a=[1,5,2,4,3,7,6,11]; /*slice splice 截断数组的*/ /*splice 放法从那个索引为开始截取几个长度返回一个新数组*/ /*...

2018-10-22 14:43:31 178

原创 node——文件系统

一.概念进程：为程序的执行提供必备的环境（相当于车间）；线程：计算机中最小的计算单位，负责执行线程中的环境（相当于工人）；单线程：一个人做一件事；多线程：多个人做同一件事；一般而言，多线程的性能比单线程好； Js 的执行采用单线程； Node.js：是一个能够在服务端运行的JavaScript的开放源代码，跨平台JavaScript的运行环境；申明变量：直接写是局部变量...

2018-10-11 22:38:18 302

原创 ps基础应用

1.ctrl++放大 ctrl+z缩小2.直接按住alt 滑动滑轮放大和缩小3.双击图层进行解锁4.图层就是透明玻璃图层有叠压关系5.ctrl+d结束选区6.ctrl+z撤销 ctrl+alt+z返回多步7.编辑首选项性能更改历史记录8.m 椭圆选框工具按住shift键可以画出正圆按住alt+shift键是...

2018-10-05 20:12:35 164

原创 mysql基础应用

mysql 以表格的形式存储（行和列-字段）1. show databases; 查找所有的数据库2.创建数据库 create database ****; 结果 query OK;3.查看数据库是否成功！4.定位到你当前的数据库 use student； database changed!5.创建学生的基本信息表（1 .name user）括...

2018-10-05 20:09:42 180

原创原生ajax

ajax:请求后端数据创建快速动态网页的一个过程；传统ajax同步更新，请求后台数据，重新返回一个html网页；目前：异步更新，反应速度快；实现方法：XMLHTTPRequest对象五步法：1.创建对象var http=new XMLHTTPRequest();2.向服务器发送请求；方法描述 open(method,url,async) ...

2018-08-27 15:31:50 1349

原创 html初学记

1.<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>菜单</title> <style> *{padding:0;margin:0;

2018-07-18 20:32:58 123

qq_39860122的博客