自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(92)
  • 资源 (1)
  • 收藏
  • 关注

原创 元宵节快乐

元宵节,你快乐吗?

2021-02-26 09:45:58 31

原创 vue-cli3配置生产的环境变量和开发的环境变量小记

1.vue-cli3 搭建的项目,目录更简洁,之前配置的config文件已经去掉,都整合到了vue.config.js 里去配置;2.以往需要在config中文件一些生产环境,或者跨域处理现在需要自己在跟目录下创建相应的文件来配,如下: 默认情况下,一个 Vue CLI 项目有三个模式: (1)development 模式用于 vue-cli-service serve (2)test 模式用于 vue-cli-service test:unit (3)production 模式用于 vue-cl

2020-12-25 18:18:49 50

原创 vue重置form表单代码小技巧

1.直接把表单对象置空; this.form={ name:"小明", age:120 }//直接清空 this.form={ name:", age:0 }2.使用 this.$options.data() this.form={ name:"小明", age:120 }//调用方法this.form =this.$options.data().form;

2020-12-21 11:36:01 102

原创 vue+vantUI+高德地图构成的地图选址组件

效果图如下:主要功能:搜索,分页,距离显示,选择地址,移动地图查询附近相关地点。1.首先在index.html引入高德地图的js; <!-- 高德地图的引用 --> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key"> </script> <!--引入UI组件库(1.0版本) --> <script src

2020-10-09 15:06:04 618

原创 vue-cli3用vant框架rem适配方案

1.在node安装插件npm install lib-flexible postcss-pxtorem --save 2.在main.js 文件中引入 import ‘lib-flexible/flexible.js’,//main.jsimport 'lib-flexible/flexible.js'3.在package.json文件中引入; 或者在vue.config.js 中配置;//package.json"postcss": { "plugins": {

2020-07-06 18:22:24 339

原创 nodeJs的安装与npm的全局配置理解

1. nodeJs的安装;1.1)下载安装包,推荐直接到官网下载: https://nodejs.org/zh-cn/download/1.2)安装包下载直接安装就可以了,next–>finish。1.3)验证安装是否成功:运行cmd,输入node -v ;如果出现下图所示,代表安装成功;一般会出现 错误,表示需要配置环境了;重点配置npm的环境问题;2.npm环境变量的配置2.1)一般来说,我们安装的时候,环境的默认配置都在C 盘,npm的缓存以及全局安装包都在C盘,这个时候,只

2020-06-29 11:20:31 152

原创 js中的基础数据类型简单理解

js中的原始数据类型: number、string、boolean、undefined、null、object;1)number:数字类型(整数和小数);2)string:字符串类型(的值一般都是用单引号或者是双引号括起来);3)Boolean:布尔类型(值只有两个,true(真1),false(假0));4)undefined:未定义,值只有一个:undefined;5)null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为null,只能自行赋值null,没有什么操作之后返

2020-06-23 22:28:39 78

原创 自调用函数的初步理解(一)

自调用函数的初步理解步骤://函数的自调用,自调用函数,页面加载后,这个自调用函数就执行完了,声明的时候直接调用了,不能再调用了 ,分号一定要加上// 分步骤理解: 1) 函数的普通调用方式: function f1(){ console.log("函数"); }; f1(); //函数调用 2) 延伸——可以换种写法: (function f1(){ console.log("自调用函数222sss2"); })(); 3) 延伸——再精简一下,可以去掉方法名:.

2020-06-21 19:49:11 154

原创 原型链的初步理解(一)

实例对象使用的属性或者方法,先在实例对象中找,找到了直接使用,如果找不到,就去实例对象__proto__指向的原型对象中找,找到了直接使用,如果找不到,就报错;1)为内置对象添加原型方法: Array.prototype.mySort=function(){ console.log(this+"哈哈哈,冒泡排序");}String.prototype.sayHi=function(){ console.log(this+"哈哈哈,你好");}var arr =[1,2,3,21,10,2

2020-06-20 23:18:30 84

原创 构造函数和实例对象和原型对象之间的关系

实例对象中有一个属性: __proto__,也是对象,叫原型,不是标准的属性,是浏览器使用的;构造函数中有一个属性:prototype ,也是对象,叫原型,是标准的,程序员使用;初步理解构造函数,实例对象,原型对象之间的关系;1)构造函数可以实例化对象,先有构造函数,再有实例对象;2)构造函数的prototype属性 指向的就是构造函数的原型对象(prototype);3)构造函数的原型对象(prototype) 中有一个构造器(constructor),这个构造器指向的就是自己所在的原型对象

2020-06-19 22:51:51 78

原创 初步理解面向对象与面向过程

js简单写法:需求:点击input按钮,改变一个div的样式;1.面向过程写法: <input type="button" value="点击0" onclick="changeColor()"/> <p id="p0">窗前明月光,疑是地上霜</p> <script> function changeColor(){ let ele = document.getElementById('p0');

2020-06-18 16:19:14 89

原创 js原型的初步理解(一)

<script> //提取方法,节省内存空间,解决数据共享问题,但是这种写法会产生命名冲突 function myPlay(){ console.log("打王者荣耀"); } //普通写法 function Person(name,age){ this.name=name; this.age=age; this.eat

2020-06-17 22:32:36 98

原创 通过自定义构造函数创建对象的学习小记

//自定义构造函数,先有构造函数,再有对象 function Person(name,age){ this.name=name; this.age=age;}//通过构造函数实例化对象:var per1 =new Person("小红",20); console.dir(per1);console.dir(Person);

2020-06-16 18:35:42 48

原创 js创建对象的几种方式

1.字面量法:var person={ "name":"小红", "age":19, "eat":function(){ console.log("喜欢吃榴莲"); } }//调用方式,有两种 [""] 必须加引号,不然出错person.name; person['name']; person.age; person['age']; person.eat(); person['eat'](); 2.构造函数法//它与工厂模式的区别就是首

2020-06-15 19:11:38 54

原创 vue-router 实时动态替换路由参数((地址栏)参数)

应用场景:例如:页面上有多个tab,点击不同的tab,跳转到不同的页面上去,再次返回的时候,需要知道上次点击的是哪个tab,这样不用存缓存,直接改路由参数,然后直接返回就可以了;用法如下:import merge from 'webpack-merge';//如果路由没有参数name,就新增一个参数,如果有的话,就是修改name的值//可以修改多个参数this.$router.push({ query:merge(this.$route.query,{'name':'小米'})});

2020-06-08 17:32:58 1870

原创 element-ui组件嵌套太狠,导致input输入无效

由于弹出框嵌套了两层,导致input输入框毫无反应;后来发现是组件套用太深,vue检测不到视图更新,在失效输入框的input事件中加 this.$forceUpdate()强制刷新;<el-form-item label="测试数据:" required> <el-input v-model="test" type="number" ...

2020-04-28 09:31:20 1783

原创 樱花樱花想见你

**桜桜、あいたいよ**sa ku ra sa ku ra a i ta i yo i ya da ki mi ni i ma su gu a i ta i yoさくらさくら   あいたいよ   いやだきみに  いますぐあいたいよda i jyo bu mo u na ka na i de wa ta shi ha ka ze a na ta wo t...

2020-04-01 16:09:05 143

原创 日语五十音,电脑壁纸,手机壁纸自制纪念

在家没事,学学日语啦,希望自己能坚持下去哟哟!!

2020-03-12 14:31:21 409

原创 呀呀呀,终于过上了美好的生活啊

2020,这特殊的一年,过上了有WiFi,有吃的,大门不出二门不迈就是为国家做贡献的美好生活。作为一名标准的程序员小姐姐,只要有台电脑,在家云办公,是不可或缺的。但是怎么提高在家办公的效率呢?怎么抵抗住家里舒适的环境带来的诱惑力呢?怎么样完成每天的任务量呢?~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我也不知道~...

2020-02-28 19:40:43 109 2

原创 elementUI 实现手动上传图片前判限制图片格式,大小,尺寸宽高,限制一次只能上传一个图

vue代码 <el-form-item label="图片" required> <el-upload class="avatar-uploader define-uploader" accept=".jpg, .jpeg, .png" :show-file-list="false" action :http-...

2020-02-19 19:25:10 1825

原创 在vue-cli3 项目中 引入AMap高德地图的实现代码

在vue-cli3 如何 引入并使用高德地图高德地图开发平台api接口:https://lbs.amap.com/api/javascript-api/guide/abc/prepare1.引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值">&...

2020-01-06 20:27:10 1580

原创 vue-cli3 里面的eslint的配置小记

1.忽略部分文件不做校验的方式。在根目录下新建一个 .eslintignore 文件,里面写入需要忽略的文件2. eslint 的配置,在根目录下新建一个vue.config.js 的文件配置,lintOnSave:false ,关闭保存就校验的模式。3.提交前运行一个校验的命令,修复文件npm run lint...

2019-12-12 08:59:07 257

原创 Vue packages version mismatch 的问题解决

解决方案:更新vue 和vue-template-compiler 为最新版本npm update vue -gnpm update vue-template-compiler -g

2019-12-09 10:13:32 122

原创 JSON.stringify()和parse()的理解小记

一 、 JSON.stringify()和JSON.parse()的区别;简单来说:JSON.stringify()将对象obj变成了字符串str,那么我就可以用JSON.parse()将字符串str还原成对象obj。在使用JSON.parse()需要注意一点,由于此方法是将JSON字符串转换成对象,所以你的字符串必须符合JSON格式,即键值都必须使用双引号包裹;二、JSON.strin...

2019-11-20 16:21:26 58

原创 vue.js 父组件和子组件获取对方的方法和属性的方式

1.父组件获取子组件的数据和方法 1.调用子组件的时候 定义一个ref <policy-info-common ref="policyInfoRef"></policy-info-common> 2.在父组件里面通过 this.$refs.policyInfoRef.属性 this.$refs.policyInfoRef.方法2.子组件获取父组件的数...

2019-11-18 11:17:33 55

原创 双十一,学会断舍离

时光如白驹过隙,今天都是淘宝天猫双十一活动的第11个年头了。在这个电商一片红红火火的时代,什么都可以网购,只需坐在家里买买买,就可以享受拆快递的快感,尤其是碰上双十一这种卖家吹嘘的超级减价活动,不买感觉自己就吃了大亏。然而如果说是网上东西越来越便宜的话,那为啥我的钱包越来越瘪了,这没有道理啊。认真想想,是自己抵制不了诱惑,容易一时冲动买些平常基本用不上的东西,或者是喜欢囤积物品,然后用的时候根本就...

2019-11-11 17:29:35 155

原创 Vue-Devtools安装和配置小记

1.安装,在github下载:git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cd vue-devtoolscnpm install 3.修改manifest 文件把"persistent":false改成true4.编译代码npm run build5.扩展Chrome插件谷歌...

2019-11-07 14:33:57 138

原创 Vue element-ui父组件控制子组件的表单校验

方法一:父组件代码:<template><div> <child-form ref="childRules" :addForm="addForm" > </child-form> <el-button @click="saveForm()" size='medium'>保 存</el-button>...

2019-11-06 15:10:52 4728

原创 JavaScript 中的 continue break retrun 的区别

主要是看看,在循环中,这三者的区别;<script> function fun1(){ loop1:for(var i =0 ;i<3;i++){ //循环一 for(var j=0;j<5;j++){ //循环二 if(j == 1){ ...

2019-08-20 16:29:07 84

原创 该做些什么呢

对未来很迷茫,想做点什么,改变点什么,不知从何开始,前端程序员的技术之路可以一直走下去的吗?

2019-08-13 10:08:55 55 2

原创 element-ui 开发小计

1.elementUI table组件获取表格当前行的索引可以参考如下图使用方法:其中column,KaTeX parse error: Expected '}', got 'EOF' at end of input: …{{row}},索引值为:{{index}}2.去除输入空格<el-input v-model.trim="userName" />...

2019-07-29 14:05:20 304

原创 webpack安装和打包

1、局部安装: --save-dev 缩写 -D //开发环境的安装包 --save 缩写 -S //生产环境的安装包 安装指定版本:npm install -D webpack @version 安装最新版:npm install -D webpack 安装最新体验版本:npm i -D we...

2019-06-20 15:12:42 164

原创 JS根据出生日期计算年龄

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-06-05 16:05:55 10977

原创 webpack打包vue项目之后生成的文件如何运行

我的项目里面:webpack打包之后生成的文件放在 market 目录下;所以根据官方文档可以做如下操作:npm install -g serve (全局安装) serve -s market (运行打包后的文件)这样在:http://localhost:5000 这个网址就能看到打包之后的效果了;注意:一般前端项目里面的请求是通过代理请求其他后端接口的...

2019-05-30 13:52:55 2194

原创 elementUI 动态加载table列

需求:根据需要选择动态展示table列表;用for循环来控制列表展示,使用checkbox 来控制哪些数据显示<template> <div> <el-button type="primary" @click="showData()">展示</el-button> <div id="table-content"&...

2019-05-28 10:44:24 12991 2

原创 程序媛的第一次远游

旅行的意义并不是告诉别人“这里我来过”,而是一种改变。旅行会改变人的气质,让人的目光变得更加长远。在旅途中,你会看到不同的人有不同的习惯,你才能了解到,并不是每个人都按照你的方式在生活。这样,人的心胸才会变得更宽广,我们才会以更好的心态去面对自己的生活。台湾八天七夜游记,啦啦啦第一天:这一天就是在武汉天河机场度过的啦,晚上七点半的飞机,延误到八点半,到了台湾桃园都已经11点了。中间发生了一点...

2019-05-28 10:26:28 4332 33

翻译 element-ui +Vue 解决 table 里包含表单验证

应用场景:在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交,同时又需要对table的字段进行校验,效果如图所示:这个校验中,最关键的问题在于如何给el-form-item 动态绑定prop。:prop="'tableData.' + scope.$index + '.字段名'"方法一:<template> <div class="app-con...

2019-04-30 11:04:06 7430 3

原创 git 的一些基本用法

1.克隆代码到本地git clone ---------地址----------假设远程有2个分支 master 和 dev 分支2.克隆到本地的都是master 分支,如果要切换到分支dev,常用的是创建本地分支dev,并且切换到分支dev。git checkout -b dev origin/dev3.这时候已经创建了本地分支dev ,并且切换到了dev 分支如果需要切...

2019-04-29 15:46:38 110

原创 vue+element-ui select组件传对象

应用场景:在使用选择组件 select 的时候:如果想要绑定的值,是一个对象,这样就可以获取整个对象,然后获取所需要的值进行赋值。可以如下操作:value直接绑定 对象item,但是需要注意的是:在select 上要加上属性:value-key,他对应的值,是:key="" ,所绑定的,不然就会有问题。注意:在编辑的时候,如果select 需要展示值的话,必须给 addForm.city...

2019-04-25 15:28:10 2623

翻译 用vue做一个动态的环形进度条

1.给项目安装一个组件:vue-circleprogressbarnpm install vue-circleprogressbar2.项目引用动态改变进度数据;<template> <div class="wrap-progress" style="height: 200px;"> <circle-progressbar ...

2019-04-22 17:45:48 3255

计算机组成原理课件

主要是计算机组成原理课件,内容比较基础,详细,很容易理解,适合自学者自学。

2014-02-23

空空如也

空空如也

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

TA关注的人 TA的粉丝

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