前端
庆幸程序
记录项目实战、学习笔记、经验技巧等,共同努力进步加油!!!
展开
-
github忘记账户与密码无法与vscode相连怎么办?
打开后,进行修改相应(github上时)的密码即可。原创 2022-01-06 15:30:33 · 462 阅读 · 0 评论 -
前端单位换算
1dp = 1.5px=3rpx1px = 2rpx1.5px = 3rpx计算原创 2022-01-04 11:31:41 · 858 阅读 · 1 评论 -
hbuilderx如何连接夜神处理器实现模拟安卓的效果
第一步:需要进行配置的位置第二步:第三步:第四步:然后将位置写在第二步的红色框框里(adb路径)并把端口26944改成62001第五步,在当前目录下打开cmd命令行(直接在上面全选,输入cmd即可)第六步,给夜神模拟器提供一个端口第七步,检查D:\Program Files\Nox\bin>nox_adb connect 127.0.0.1:62001already connected to 127.0.0.1:62001D:\Program Files\Nox\bi.原创 2021-12-31 16:09:15 · 1627 阅读 · 0 评论 -
Vue引入CSS样式的方法
@import原创 2021-12-29 14:21:24 · 1550 阅读 · 0 评论 -
在线引用CDN书写最简单的element+vue页面
可以复制黏贴下面代码,也可以直接复制官网Hello案例<html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body> <div id="app">原创 2021-12-28 11:01:19 · 716 阅读 · 0 评论 -
安装node出现的因权限过高无法安装插件的问题
前言:安装node的教程:https://www.cnblogs.com/xinaixia/p/8279015.html正文:若出现博主的上述问题,建议打开nodejs的文件夹,右键,然后点击属性,讲user的属性设置为管理员权限。具体链接如下:https://blog.csdn.net/weixin_41217541/article/details/104105600...原创 2021-10-02 18:29:50 · 215 阅读 · 0 评论 -
vue/html日期与时间戳互相转换
前言:在element-ui 的时间选择器里选择时间(为标准模式)1、将日期转换为指定的样式 如X年X月X日星期Xconsole.log(this.enableValue)// 将当前的时间处理为2021-9-24格式var date1 = new Date(this.enableValue);// 利用Date对象,拼接一个想要的时间字符串,如 2021年 9月 9日 星期四var year = date1.getFullYear()var month = date1.getMonth(.原创 2021-09-24 13:24:59 · 5696 阅读 · 0 评论 -
html/vue引入css样式的方式
1、vue最常用的引入方式(ES6的新语法)<style scoped> @import "../assets/common/common.css";//自定义.css的样式路径</style>2、旧的引入CSS样式的方式head中引入<link rel="stylesheet" href="wcss.css" type="text/css" />参考来源:(全)https://www.cnblogs.com/wayneliu007/p/105603原创 2021-09-22 23:43:50 · 340 阅读 · 0 评论 -
使用vscode书写三个简单的文件并使用vue
三个最基本的文件分别是:index.html入口页面 app.js页面入口(包含所有的vue页面) style.css样式第一个最重要的文件index.htmlvue项目的入口页面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue CDN</title> <!-- 导入vue ,引入js --> <.原创 2021-09-22 23:43:40 · 155 阅读 · 0 评论 -
vue级联选择器相关学习
v-model :表示被选中的参数(是一个数组);:options :表示 下拉框中显示的数据(从后端获取);expand-trigger :表示怎么触发,现在是移入触发选择器:props : 表示绑定的对象(这里需要和后端联系到一起)见右图!value : 表示 被选中上传的idlabel :表示 在选中框中看到的内容children: 表示的是后端数据库中子节点的对象名;chearable :表示 是否有删除按钮chang-on-select : 选择器中会有一个当选框,是否可以选中当转载 2021-09-16 13:12:03 · 1252 阅读 · 0 评论 -
vue后台返回的数据与接收后处理数据
引言:当后端给前端返回字符串格式,现需要用到object对象形式,需要进行转换处理在这里this.c = JSON.parse(this.displayLayout) this.displayLayout是字符串格式,转换后,成为object格式!注意:当后台的数据直接复制黏贴到本地时,会变成object格式。但是当我们接收后台数据,若是用到object对象格式,一定要作转换处理!!后台传来的数据,数据类型是string本地复制黏贴后台的数据,数据类型是object...原创 2021-09-14 09:10:42 · 5467 阅读 · 1 评论 -
vue-cli的安装过程(简单)
第一步,安装npm和node.js第二步,打开cmd,因npm的仓库服务器地址在国外,国内访问会很慢,我们把镜像源设置为国内后下载会更快,使用以下命令。npm install -g cnpm --registry=https://registry.npm.taobao.org第三步,然后再切换到相应的版本下第四步,创建项目名,第五步,选择默认模式进行配置Please pick a preset: 请选择一个预设:default (babel, eslint) 默认值(babel、esl原创 2021-09-13 20:39:48 · 661 阅读 · 0 评论 -
前后台进行交互时,出现重定向301、页面不存在404的问题如何解决
前后台进行交互时,出现重定向301、页面不存在404的问题:1、看端口号是否错误,2、看传递方式若果出现301、404的错误,使用post请求解决有知道为什么的可以留下言,谢谢原创 2021-09-10 16:50:05 · 388 阅读 · 0 评论 -
如何使element 表格中的数字居中
问题前景:使用element时,文字不居中样式代码<style lang="less" scoped>// 使element-ui表格中的数字居中/deep/.el-table th > .cell { text-align: center;}/deep/.el-table .cell { text-align: center;</style>}...原创 2021-09-10 08:52:17 · 243 阅读 · 0 评论 -
前端常用网址MDN/如何使用MDN查文档/如何学习对象中的方法
网址链接:https://developer.mozilla.org/zh-CN/或者直接百度搜索 MDN第一步,输入要查找的方法名或者属性名或者内置对象或者其它 如何学习对象中的方法? 1.查阅该方法的功能 2.查看里面参数的意义和类型 3.查看返回值的意义和类型 4.通过demo进行测试第二步,输入max(), 找到所需的方法第三步,查看该内置对象Math下的属性和方法第四步,查看里面参数的意义和类型第五步,查看返回值的意义和类型第六步,原创 2021-09-04 00:36:42 · 1138 阅读 · 0 评论 -
vue中for...in常使用于对“数组或者对象的属性”进行循环遍历
vue中for...in常使用于对“数组的属性或者对象的属性”进行循环遍历console.log(obj.length)无法计算对象的长度,显示undefined,因此采用for ... in小习惯,使用for...in中的变量,习惯写成key或者k<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> .原创 2021-09-03 23:49:24 · 2200 阅读 · 1 评论 -
JS函数之间的调用(函数内调用一个函数、调用函数内部的函数)
文章目录JS函数内调用一个函数JS在外部调用函数内部的函数JS函数内调用一个函数代码示例要点:在一个函数内调用另外一个函数!!!!(常用)(分开写两个function 函数, 然后再一个函数内进行调用!)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <scr原创 2021-09-03 16:55:13 · 9616 阅读 · 1 评论 -
组件间的数据共享(父与子之间的交互)
文章目录一、组件之间的关系1-1父子组件之间的数据共享一、组件之间的关系项目开发中,组件中最常见的关系:父子关系、兄弟关系、后代关系(不常用)注意:只要嵌套,就有父子关系1-1父子组件之间的数据共享1、父向子共享数据,需要使用自定义属性并写相关数据。子组件通过自定义属性接收/声明数据,再使用。实例代码显示如下...原创 2021-09-02 19:03:46 · 244 阅读 · 2 评论 -
页面布局整体思路
原创 2021-08-04 14:41:46 · 80 阅读 · 0 评论 -
常见网页布局
常见网页布局展示:代码:自己写样式:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> /*设置样式的第一步:清除内外边距*/ *{ margin: 0; padding: 0; } li{ /*删除li自带的小圆点*/ l原创 2021-08-04 13:11:02 · 128 阅读 · 1 评论 -
HTML行内元素、块状元素、行内块状元素的区别
https://www.cnblogs.com/ljwk/p/7090320.htmlhttps://blog.csdn.net/weixin_40612082/article/details/80472807?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&depth_1-utm_source=distribu原创 2021-08-04 12:45:44 · 228 阅读 · 0 评论 -
浮动元素搭配标准流父盒子
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width:900px; height:450px; background-color:red; /*若父盒子居中*/ margin: 0 auto; } .box1{ float:原创 2021-08-04 12:42:15 · 173 阅读 · 0 评论 -
浮动元素搭配标准父盒子等宽间距
效果:代码 <style> *{ margin: 0; padding: 0; } /*清除前面的小圆点*/ li{ list-style: none; } .box{ width: 460px; height: 300px; margin: 0 auto; background-color: gray; } .box li{ width: 100px; he原创 2021-08-04 12:39:53 · 213 阅读 · 0 评论