MrWangJB-优快云博客

原创表单域表单标签及表单控件的使用

表单域：form：指放表单控件的区域。里面可以嵌套其他属性，acion=“接口地址”，method=“gtt/post”name=“表单名称” 主要添加表单的标签；属性：type= “text” 文本框 type=“password” 密码框type=“submit” 提交按钮 type=“reset” 重置按钮姓名： ...

2023-02-08 11:19:48 744

原创 CSS之中的过渡属性及应用

过渡属性 transition css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值过渡属性需要触发事件，如：hover（鼠标划过） 1. transition-property：检索或设置对象中的参与过渡的属性说明：属性值可以单独设置否个属性...

2023-02-08 11:19:33 648

原创什么是盒模型？盒模型细解

**盒模型** 网页元素如何显示和元素之间的交互关系就是盒模型来定义的。盒模型是css样式布局的基石。css定义所有元素都可以像跟盒子一样拥有外形和平面空间。盒模型包含了内容区、边框、外边界、填充。盒子模型的组成：内容区 content +pa...

2023-02-08 11:19:30 199

原创 CSS3 如何用代码产生3D正方体的效果

第一步想设置3D正方体要先把元素的初始平面图的效果写好：首先正方体是由6个面组成这里我们用一个ul列表来表示代码如下：<style type="text/css"> *{margin: 0;padding: 0;} body,html{height: 100%;} li{list-style: none;} .box{position: abs...

2023-02-08 11:18:36 439

原创 vue + css-vars-ponyfill 实现动态换肤

vue + css-vars-ponyfill 实现动态换肤npm install -s css-vars-ponyfill新建theme.js文件// 引入字体变量插件import cssVars from 'css-vars-ponyfill';const baseSize = { '--font-size-large-x': '22px', '--font-size-large': '18px', '--font-size-medium': '14px', '--font-size-m

2021-11-22 12:42:39 9063

原创 vue；vuex使用详解

vuex创建一个vueximport Vue from 'vue';import Vuex from 'vuex';import HomeStore from './homeStore';import InvitationStore from './invitationStore';Vue.use(Vuex);export default new Vuex.Store({ state:{count:1}, mutations: {}, actions: {}, module

2021-11-15 10:49:25 862

转载 JS原型，原型链详解

js中的原型毫无疑问一个难点，学习如果不深入很容易就晕了！任何一个js知识点，比如事件流，闭包，继承等，都有许许多多的说法，对于这些知识点我们都应该先熟练的使用，然后自己整理一套属于自己的理解说辞，才不会忘原型（对象属性）Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。protot

2020-08-11 13:55:22 312

原创 npm报错，npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppDa

我在用npm i 安装依赖项的时候，报了一个‘npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-08-10T03_32_17_014Z-debug.log’提示我升级npm，正确解决办法是:执行 npm install npm@latest -g升级到最新版本删除本地node_modules 依赖包

2020-08-10 11:41:09 14655

转载对w3c的一些理解

看了好多微博总结了一下概念，首先先介绍一下W3C啥是W3C不是wc，这个建立于 1994 年的组织，其宗旨是通过促进通用协议的发展并确保其通用型，以激发 web 世界的全部潜能，指万维网联盟（World Wide Web Consortium）一个很牛x的组织。代码标准 w3c官网也可以借鉴w3school对W3C的理解W3C的标准不是某一个标准，而是一系列标准的集合。因为网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。所以W3C对应

2020-08-10 10:55:07 639

原创 axios插件简单的封装和拦截器

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios的特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF下面是一些axios的简单封装方法axios.creat是什么axios create(baseURL,timeout)根据指定配置创建一个新的 axios，也

2020-08-08 17:27:28 384

转载 JSasync和await详解

1. async 和 await 在干什么任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。另外还有一个很有意思的语法规定，await 只能出现在 async 函数中。然后细心的朋友会产生一个疑问，如果 await 只能出现在 async 函数中，那这个 async 函数应该怎么调用？如果需要通过 aw

2020-08-08 16:08:35 10905

MrWangJB的博客