![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web学习进阶
html,css,js,vue
隔壁小王66
不积跬步无以至千里,不积小流无以成江海
展开
-
uniapp 账号登陆,账号绑定/解绑流程,躺坑
第一次开发uniapp微信小程序,记录一下开发中遇到的流程以及坑账号登陆1、uni.login 获取code,在调用接口传入code获取uKey绑定账号/解绑1、uni.login获取code,这个code不能拿登陆时获取的code,每次请求都应该是不同的code,此坑之一2、获取到code之后uni.getUserInfo获取个人信息中的encryptedData,iv3、拿code,encryptedData,iv去调用绑定/解绑接口实现绑定/解绑账号功能4、坑之二,流程应该是先uni.l原创 2021-03-19 16:08:10 · 2039 阅读 · 0 评论 -
css常见问题总结
CSS 问题总结此文会一直记录工作中常见的css问题安卓border-radius: 50% 不圆问题display: inline-blocktransform: scale(.5);transform-origin: 0% center原创 2021-02-07 11:07:37 · 311 阅读 · 0 评论 -
flex为1的时候,子元素限制一行时内容撑出父布局解决方案
今天遇到一个问题,就是flex布局,左边宽度不定,右边填满剩余空间时,右边元素子元素内容会撑出父布局,遂记录之。html:<div class="container"> <div class="left"> 宽度自适应 </div> <div class="right"> <div class="content"> 子元素 </div> </div></div原创 2021-01-12 10:12:56 · 1454 阅读 · 0 评论 -
实践配置Vue Devtools
Vue Devtools是Vue 开发调试工具,虽然网络上很多文章写了如何配置,但是还是走了一些弯路,先记录如下步骤一:git clone https://github.com/vuejs/vue-devtools二:切换到vue-devtools目录,使用yarn 下载依赖,yarn对node版本有要求,这里笔者切到到10.0.0版本,执行 yarn install三:这里会提示Cypress下载error,需要连接网络代理,不用管他四:在目录里这里目录跟网络大多不一样,可能是更新了,编辑配原创 2020-07-03 17:37:30 · 298 阅读 · 0 评论 -
Web如何通过代理真机调试
web通过代理实现真机调试通过Charles+网络手动代理Charles如何配置,就不再这里详细说启动项目,开启代理,确认代理已经连接,这个时候我们可以在浏览器调试查找网络ip在package.json中查看项目配置的端口号!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!要确保手机跟电脑连接统一个网络!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!打开手机网络->显示高级选项->手动代理->填写主机(ip)->填写端口号(port)保原创 2020-06-22 11:28:57 · 380 阅读 · 0 评论 -
使用n管理模块切换安装不同node版本
安装yarnnpm install -g yarn没安装,提示 bash: yarn: command not found安装nodejs版本管理模块nnpm install -g n或者sudo npm install -g n升级npmsudo npm install npm@latest -g查看node版本,npm 版本node -vnpm -v安装指定node版本sudo n 10.0.0管理node 包 源的工具nrmnpm install -g nr原创 2020-06-16 16:20:06 · 1296 阅读 · 0 评论 -
Vue实现非父子组件通信
Vue非父子组件传值这种情况,就需要自己定义一个eventbus,如下1.自己定义bus,新建一个eventbus.js文件import Vue from 'vue';var bus = new Vue();export default bus2.在非父子组件导入import bus from "../eventbus.js";类似子组件向父组件传值,定一个方法,利用emit emitOne() { bus.$emit("to_two", 111); },这原创 2020-06-07 19:07:15 · 365 阅读 · 0 评论 -
vue 实现父子组件通信
vue父子组件传递参数父组件向子组件传参组件注册1:全局注册,在入口main.js中Import [组件名] from [组件路径]Vue. component(‘[组件名]’,组件名)例如:{ import Toast from '../../../../src/common/com/com-toast/com-toast.vue'; Vue.component('Toast', Toast);}2:局部注册,在页面js中import ComponentA from './C原创 2020-06-07 18:54:01 · 302 阅读 · 0 评论 -
div中子元素input设置flex无效
在flex布局下input设置flex:1失效的原因由于input默认存在最小宽度,所以在父元素宽度太小的情况下input设置了flex:1会失效解决办法1:给input在嵌套一层div,设置flex2:在给input设置width:100%原创 2020-05-27 11:03:42 · 798 阅读 · 1 评论 -
img标签间距问题
实践中发现,img标签周围存在间距,导致距离计算不准例如这里采用absolute,bottom间距为0,但是还是存在间距,后来采用在img的父布局中设置 font-size: 0;原创 2020-05-26 18:43:27 · 363 阅读 · 0 评论 -
JavaScript学习笔记(第三天)
今天继续学习DOM的 操作,昨天休息了一天,感觉很愧疚。 前天学习了对DOM的修改以及DOM事件,今天看了不同的文档,感觉有很多遗漏之处,今天深入学习一下。首先回顾一下DOM的访问方法: getElementById :通过id获取元素节点 appendChild: 添加节点 removeChild:删除节点 /×——————————————×/ innerHT原创 2017-06-04 01:31:51 · 470 阅读 · 0 评论 -
JavaScript学习笔记之操作文件(第五天)
文件操作具体指的是文件上传,通常在表单中采用 <input type="file" id="test-file-upload">来上传文件。表单form要做一些设置<form id="form1" enctype="multipart/form-data" method="post"> <input type="file" id="test-file-upload"></form>enct原创 2017-06-06 23:23:22 · 459 阅读 · 0 评论 -
JavaScript学习笔记(第二天)
今天我们继续学习Javascript。Js运算符js运算符感觉跟java一样,其实没什么好讲。1算术运算符: 加减乘除,递增递减。一样一样。2赋值运算符:还是跟java一样,略过。关于+运算符提一下,其实也跟java一样,可以做加法运算,也可以连接两个字符串。当然,跟java不一样的是当数字跟字符串进行加法运算,结果是做字符串的拼接。3一元运算符:delete:删除对象属性或者方法引用。举个列子:原创 2017-06-02 00:29:02 · 396 阅读 · 0 评论 -
JavaScript学习笔记(第一天)
关于对JavaScript的介绍我就不多加述说了,因为我的理解肯定没有大佬们表述的清晰,JavaScript在我的印象里是一种很流行的脚本语言,至于为何流行?因为所有的网页,浏览器都是由js来驱动的,H5,跨手机,电脑,pad等多种平台。工具:webstorm快速入门:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2017-06-01 00:11:35 · 482 阅读 · 0 评论 -
JavaScript学习笔记(第四天)
前面几章都是对如何操作DOM节点的,今天学习一下js操作表单。对表单form的操作其实跟DOM类似,毕竟form也是html的节点。html的表单输入控件主要包括:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>操作表单</title></head><body> <form>原创 2017-06-04 23:16:55 · 446 阅读 · 0 评论 -
CSS Table(表格)
**首先介绍表格标签**一个完整的表格示例如下<table><tr><th>Firstname</th><th>Lastname</th></tr><tr><td>Peter</td><td>Griffin</td></tr><tr><td>Lois</td><td>Griffin</td></tr></table>table标签:表格 tr标签:表格中的每一行 th标原创 2017-03-20 16:36:20 · 8918 阅读 · 0 评论