【前端】
主学VUE
刘晓伟-liu
无
展开
-
【VUE】draggable-实现组件拖拽实例
使用draggable实现组件拖拽实现步骤1、导入draggable依赖npm i -S vuedraggable2、引入draggableimport draggable from "vuedraggable"3、注册draggable components: { draggable },4、使用draggablehtml页面 <div class="col-md-3"> <draggable .原创 2021-02-20 21:21:51 · 1710 阅读 · 16 评论 -
【VUE】- for循环遍历对象 - 对象转数组
var messagetype={ OA消息: "oa" markdown消息: "markdown" 卡片消息: "action_card" 图片消息: "image" 文件消息: "file" 文本消息: "text" 链接消息: "link" } for (let key in messagetype) {...原创 2021-01-30 19:42:31 · 2968 阅读 · 19 评论 -
【VUE】vue声明json对象自定义key,value值
1、定义一个对象,和一个数组,如下 //定义一个对象 let jsonObject = {}; //定义一个数组 let json = [ { key: "keyword1", value: "value1", }, { key: "keyword2", value: "value2", }, { key: "key...原创 2021-01-22 19:32:13 · 12116 阅读 · 11 评论 -
零基础学习浏览器数据库IndexedDB
了解IndexedDBIndexedDB桌面端50M上限,移动端5M上限,适合大量数据存储IndexedDB是什么?首先,它是一个数据库,是一个非关系型数据库它不需要使用sql语句进行操作,它的数据形式是json产生背景:现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。所以当需要存储大...原创 2020-05-27 20:08:52 · 850 阅读 · 14 评论 -
CSS-盒子模型-定位流-浮动
目录了解一、标准流中的两种排版方式1、垂直排版2、水平排版浮动->浮动流排版方式->特点:->什么是浮动元素的脱标->浮动元素排序规则清除浮动第一种:给后面的盒子添加clear属性第二种:隔墙法1、外墙法2、内墙法3、外墙法和内墙法的区别:注意:企业开发种,不常用隔墙法清楚浮动。因为会存在大量的无意义的标签...原创 2020-04-10 15:39:11 · 383 阅读 · 8 评论 -
CSS样式指令
基础:字号:font-size:设置粗体:font-weight:bold;具中效果:text-align:center;设置间距:padding:15px; 间距大小为15px设置背景色:background-color:#FFFFCC;设置边框:border:1px solid #FFFF00;设置行间距:line-height:130%;设置图文混排效...原创 2020-03-28 00:01:36 · 1396 阅读 · 6 评论 -
HTML学习总结
HTML概念HTML(Hypertext Marked Language)超文本标记语言,被用作WWW的信息表示语言;定义了网页内容的含义和结构一个完成HTML文档由元素、标签和属性组成元素HTML元素是组成HTML文档最基本的部件,通过标签来实现HTML元素分为块级元素和行级元素:块级元素的效果是该元素的内容对于其前后元素都另起一行,行级元素在网页中的效果是该元素的内容对于前...原创 2019-12-03 14:43:32 · 386 阅读 · 13 评论 -
CSS基本样式设置
一、默认值设置* { /* 把默认值设置为0 */ margin: 0; /*外边距为0*/ padding: 0; /*内边距为0*/ /* border-width :0; 边框宽度为0 */}二、超链接设置1、默认值/* 设置超链接的默认值 */a:link,a:visited{ /* 鼠标没有移上去的超链接样式 , 超链接访问后的...原创 2019-11-17 20:08:45 · 1085 阅读 · 18 评论 -
HTTP-如何访问网站
如何访问网站1、windows下有hosts配置文件:路径为C:\Windows\System32\drivers\etc当我们输入一个域名后首先,检查本机的C:\Windows\System32\drivers\etc下的hosts配置文件下有没有这个域名映射下图:左边是IP,右边是映射的域名 1:有映射的域名,直接返回对于的IP地址,这个地址中,有我们需要访问的web程序,可以直接访问2:没有访问DNS服务器(DNS存放所有的域名),如果有就返...原创 2020-09-29 22:00:31 · 1466 阅读 · 25 评论 -
jQuery-第一次相识
目录全局了解jQueryjQuery是什么? 为什么要使用jQuery?环境配置(VS)三、认识循环和对象两个循环1、map循环2、each循环dom对象与 jQuery 对象 全局了解jQuery jQuery是什么?jQuery是一个快速、简介的JavaScript框架jQuery的宗旨:“write Less,Do Mo...原创 2020-03-27 09:35:07 · 290 阅读 · 5 评论 -
javascript中函数四种调用模式
四种调用模式:函数模式、方法模式、构造器模式、上下文模式。函数模式:简单的函数调用,函数名前面咩有任何引导内容代码: function foo(){ console.log(this); }; foo();输出结果:...原创 2020-03-25 20:33:17 · 327 阅读 · 6 评论 -
js-词法作用域
待发原创 2020-03-15 22:38:01 · 286 阅读 · 3 评论 -
JavaScript对象
【认识js对象】 在JavaScript中,几乎“所有事物都是对象”,所有JavaScript值,除了原始值,都是对象。 JavaScript原始值:指没有属性或方法的值。 原始数据类型:指拥有原始值得数据 JavaScript定义了5中原始数据类型:string;number;boolean;null;undefined;...原创 2020-01-21 21:37:17 · 1662 阅读 · 10 评论 -
【VUE】vue+vue-router+vuex+axios+vant构建vue实战项目
前端项目命名规则项目名称:项目名称缩写(小写)-front-pc/mobile 项目中所有文件均为英文命令,不得出现中文、拼音等字样。一、搭建vue项目1、配置依赖环境首先:配置vue环境,大家可自行百度1>安装node.js2>安装国内镜像npm install -g cnpm --registry=http://registry.npm.taobao.org3>安装vue-clicnpm install -g @vue/cli2、搭建..原创 2020-11-08 09:12:13 · 1354 阅读 · 12 评论 -
vue之,学习过程
vue组件传值vue封装组件原创 2020-07-12 23:11:48 · 311 阅读 · 6 评论 -
VUE项目中组件的创建-引入-注册-使用
什么是组件化?组件化就是将一个完整的页面根据功能拆分成多个小的功能块,每个功能块独立的完成自己的功能不同组件的组合就构成了我们一个完整的页面,这个页面可以根据需要随时更换新的组件,这样更加方便管理,并且大大提高了页面的扩展性。也 更加容易维护每一个拆分后的组件可以根据功能拆分成更小的功能组件。任何组件都可以被抽象成一颗组件树组件的使用如何使用组件构建界面?1、新建组件—新建一个vue文件:如Header.vue2、引入组件—在需要引入这个组件的vue文件中引入新建的文件(Header.v原创 2020-05-31 08:49:08 · 5816 阅读 · 11 评论 -
浏览器缓存之cookie
了解cookie在查了好多博客之后,发现很多博客对cookie的总结都是在分享如何存取cookie,在本人实践之后发现按照这些方法并不能实现cookie的存取。然后发现不是代码操作的问题,而是少安装了操作cookie所需要的依赖。遇到问题多思考,找出问题出现的原因和本质,才能高效快速的掌握所学习的内容什么是cookiecookie的作用 为了解决HTTP协议的无状态性,引入cookiecookie的存放位置 cookie存放在浏览器上 单个cookie不能超过4KB 在以下位置中可以查看保原创 2020-05-25 10:36:01 · 1195 阅读 · 8 评论 -
浏览器缓存之 LocalStorage
了解WebStorage在HTML5中,新加入了WebStorage特性,用来作为 本地存储使用用于解决cookie存储空间不足的问题WebStorage分为两类:LocalStorage和sessionStorage。LocalStorage优势:1、 拓展了cookie存储容量的限制2、 localStorage可以将第一次请求的数据直接存储到本地,对前端页面来说,相当于有一个5M大小的数据库,与cookie相比可以节约带宽局限1、 IE8以上的IE版本才支持localStorage原创 2020-05-25 10:36:51 · 2822 阅读 · 14 评论 -
vue事件修饰符prevent、self、native
本博客转载自:博客转载地址 本博客编辑总监博主:博客链接编辑人本博主:博客链接v-on事件v-on指令用于绑定事件,例如:v-on指令简写:v-on转载 2020-05-10 20:34:50 · 1370 阅读 · 10 评论 -
【vue】vue项目运行npm run dev 报错“missing script:dev”
错误问题解决方案1、使用npm run serve 运行,即可解决2、如果想继续使用npm run dev运行项目,怎么办?打开vue项目文件夹找到文件“package.json”,打开找到文件中下面的内容,将"serve" 改为“dev”,即可思考:为什么npm run dev 是运行vue项目的指令,却运行不了原因:vue-cli版本的问题vue...原创 2020-04-28 15:43:31 · 1662 阅读 · 7 评论 -
【Vue】深入理解MVVM与数据绑定
与Vue的第一次相识->Vue.js是什么? 是一套用于构建用户界面的渐进式框架->引入vue.js文件在head标签中添加vue.js文件路径如: <head> <meta charset="utf-8"> <title></title> <script src='./vue.js'></sc...原创 2020-04-19 20:34:16 · 451 阅读 · 8 评论