
前端
学习前端知识的笔记
qq_46435701
这个作者很懒,什么都没留下…
展开
-
定位和伪类选择器踩坑
在父元素position:relative相对定位后对子元素position:absolute绝对定位,如果没有指定width,会显示空白,如果同时设置left和right,相当于默认计算一个width,则可以正常显示微信小程序::first-child踩坑这样选择无效 改成下面这种形式可正常选择原创 2022-11-17 17:13:50 · 190 阅读 · 0 评论 -
git学习心得
每一次将自己代码push上去之前,需要先将自己的代码stash,再pull下来的代码拉到本地,再将自己的push上去。原创 2022-09-29 14:58:01 · 148 阅读 · 0 评论 -
onPageNotFound踩坑
在app.js中配置onPageNotFound,自测时选择在另一个页面绑定一个事件去跳转一个不存在的页面,onPageNotFound在app.js和index.js的回调都没有执行到,只报了路由找不到的错误。原因:在路由层还未成功跳转,直接报错,路由没有到不存在的页面,所以没有触发onPageNotFound,想验证是否生效,直接在小程序编译模式中添加一个不存在的页面路由进行跳转即可。小程序要打开的页面不存在时触发。}) // 如果是 tabbar 页面,请使用 wx.switchTab。原创 2022-09-20 17:53:06 · 1249 阅读 · 1 评论 -
深入搞懂Mixin
Vuex公共状态管理,如果在一个组件中更改了Vuex中的某个数据,那么其它所有引用了Vuex中该数据的组件也会跟着变化。Mixin中的data数据与组件中的data数据冲突时,组件中的data数据会覆盖mixin中数据。当Mixin和组件中都有某个同名的方法时,在组件中调用时,最后实际调用的是组件中的方法。生命周期函数合并后执行顺序:先执行mixin中的,后执行组件的。先执行Mixin中生命周期函数中的代码,然后在执行组件内部的代码。mixin中的生命周期函数会和组件的生命周期函数一起合并执行。...原创 2022-08-09 14:43:01 · 1125 阅读 · 0 评论 -
小程序开发笔记
小程序开发原创 2022-07-15 16:17:17 · 84 阅读 · 0 评论 -
前端面试题(兴盛优选实习版)
4.有没有了解过自定义指令 如何使用 步骤是什么 自定义指令命名可以用内置的吗 比如v-mount 如果用了会有问题吗 是报错还是警告 报的错或者警告会是什么。返回的是什么 如果我中间出现了false 后面的还会继续返回吗 如果我在进行的时候把数组长度修改了 会怎么样。13.讲一下参加的大赛 主要是什么项目 你做了什么 有什么成绩。2.如果要实现主题切换的网站和组件有哪些方法,越多越好。12.vue2和vue3的区别有什么提升表现在什么方面。2.vue的生命周期 常用的是哪两个 用于做什么。原创 2024-10-29 13:46:14 · 420 阅读 · 0 评论 -
Vue2学习第六天(路由)
路由理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件原创 2022-04-02 21:37:38 · 86 阅读 · 0 评论 -
Vue2学习第五天(vuex)
Vuex1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2.何时使用? 多个组件需要共享数据时3.搭建vuex环境1.创建文件:src/store/index.js//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备acti原创 2022-04-01 22:00:22 · 85 阅读 · 0 评论 -
Vue2学习第四天
1.组件的自定义事件一种组件间通信的方式,适用于:子组件 ===> 父组件使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。绑定自定义事件:第一种方式,在父组件中:<Demo @atguigu="test"/>或 <Demo v-on:atguigu="test"/>第二种方式,在父组件中:<Demo ref="demo"/>......mounted(){ this.$原创 2022-03-31 15:22:34 · 86 阅读 · 0 评论 -
Vue2学习第三天
第一次使用脚手架报错:Component name “School” should always be multi-word vue/multi-word-component-names 、解决方法:修改配置项,关闭语法检查在vue.config.js文件里加上如下代码const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ lintOnSave:false})...原创 2022-03-29 18:30:26 · 211 阅读 · 0 评论 -
Vue2学习第二天
1.条件渲染1.v-if(1).v-if=“表达式”(2).v-else-if=“表达式”(3).v-else=“表达式”适用于:切换频率较低的场景。特点:不展示的DOM元素直接被移除。注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。2.v-show写法:v-show=“表达式”适用于:切换频率较高的场景。特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉 3.备注:使用v-if的时,元素可能无法获取到,而使用v-show一定可以获原创 2022-03-16 11:49:44 · 108 阅读 · 0 评论 -
Vue2学习第一天
搭建Vue开发环境的注意点原创 2022-03-16 10:48:13 · 101 阅读 · 0 评论 -
Ajax学习第四天
1.同源策略概念:2.跨域实现原理:实现过程:缺点:3.Jquery中的JSONP实现过程:4.防抖和节流4.1 防抖4.2 节流节流阀:区别:5.HTTP协议5.1 通信5.2 通信协议5.3 HTTP协议5.4 交互模型5.5 请求消息5.6 组成部分5.6.1 请求行5.6.2 请求头部5.6.3 请求体请求方法:5.6.4 总结5.7 响应消息5.7.1 状态行5.7.2 响应头部原创 2022-03-09 19:41:13 · 96 阅读 · 0 评论 -
Ajax学习第三天
1.XMLHttpRequest1.1 概念1.2 发起get请求带参数的:1.3 发起post请求1.4 readyStage1.5 查询字符串1.6 Url编码2.数据交换格式区别:Json:语法注意事项:和JS对象的互转:序列化和反序列化:3.封装自己的Ajax函数效果展示:4.新特性4.1 旧版缺点4.2新版新功能4.3 设置请求时限4.4 FormData4.5 上传文件验证是否选择了文件:原创 2022-03-05 19:20:49 · 74 阅读 · 0 评论 -
Ajax学习第二天
1.form表单的使用1.1什么是表单1.2表单的组成部分表单有三个基本部分组成:表单标签、表单域、表单按钮表单域包括:文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框1.3表单的属性1.3.1 属性-action1.3.2 属性-target1.3.3 属性-method1.3.4 属性-enctype1.4 表单的同步提交1.4.1 概念1.4.2 缺点1.4.3 解决方案2.提交表单注意点3.模板引擎4.art-t原创 2022-03-05 18:53:32 · 121 阅读 · 0 评论 -
Ajax学习第一天
1.客户端和服务器2.URL地址3.通信过程4.请求数据5.Ajax6.接口原创 2022-03-02 20:01:05 · 87 阅读 · 0 评论 -
js学习第十三天
ES6新增语法1.let2.const区别:3.解构赋值4.箭头函数5.剩余参数ES6内置对象扩展1.数组的扩展方法 { clearInterval(obj.timer); obj.timer = setInterval(function () { var step = (target - obj.offsetLeft) / 10; if (obj.offsetLeft >= target) {原创 2022-01-11 21:41:04 · 231 阅读 · 0 评论 -
js学习第五天
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例原创 2021-11-06 11:35:17 · 71 阅读 · 0 评论 -
js学习第四天
1.排他思想2.鼠标经过、离开鼠标经过:onmouseover鼠标离开:onmouseout3.全选和反选案例总结 for (var i = 0; i < j_tb.length; i++) { j_tb[i].onclick = function () { var flag = true; for (var i = 0; i < j_tb.length; i++) {原创 2021-10-20 21:43:03 · 70 阅读 · 0 评论 -
js学习第三天
1.DOM简介2.获取元素1.getElemenByld(‘id名’)根据id名选择元素2.getElemenByTagName(’'标签名)根据标签名获得某些元素3.getElemenByClassName(‘类名’) 根据类名获得某些元素集合4.querySelector(‘选择器’) 返回指定选择器的第一个元素对象5.querySelectorAll(‘选择器’)注意:选择器需要加符号(. #)6.获取body元素 document.body7.获取html元素 document.原创 2021-10-17 15:37:33 · 153 阅读 · 0 评论 -
js学习第二天
1.数组argument的使用2.函数2.math对象3.日期对象原创 2021-10-09 15:15:55 · 82 阅读 · 0 评论 -
js学习第一天
1.输入输出alert用户可视 console程序员可视2.初始化var原创 2021-10-09 14:26:03 · 108 阅读 · 0 评论 -
移动端布局第二天
rem布局1.rem单位2.媒体查询2.1 概念2.2 语法3.less3.1 变量3.2 嵌套3.3 运算4.rem适配方案5.书写规范6.响应式布局7.bootstrap开发框架8.栅格系统8.18.28.38.5样高8.6列排序8.6列偏移8.7响应式工具总结:移动端主流方案移动端技术选型:...原创 2021-10-02 15:29:46 · 79 阅读 · 0 评论 -
移动端学习第一天
1.浏览器私有前缀2.视口视口标签:注意事项:3.二倍图4.移动端布局4.1流式布局原创 2021-09-08 11:46:23 · 92 阅读 · 0 评论 -
前端第八天
1.将网站传到远程服务器原创 2021-08-20 23:37:52 · 89 阅读 · 0 评论 -
前端第七天
品优购项目1.准备分好的文件夹2.facvicon图标3.SEO优化4.首页制作5.logo原创 2021-07-29 20:07:38 · 53 阅读 · 0 评论 -
前端第一天
html第一天快捷键:Alt+Shift+上下按住拖动鼠标 选择竖着的多行Alt+z 自动换行注意锚点链接的运用在这里插入图片描述原创 2021-07-24 22:49:20 · 71 阅读 · 0 评论 -
前端第六天
css初始化:/* 把我们所有标签的内外边距清零 */{margin: 0;padding: 0}/* em 和 i 斜体的文字不倾斜 /em,i {font-style: normal}/ 去掉li 的小圆点 */li {list-style: none}img {/* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 /border: 0;/ 取消图片底侧有空白缝隙的问题 */vertical-align: middle}butto原创 2021-07-24 22:48:04 · 84 阅读 · 0 评论 -
前端第五天
1.电脑分屏操作:windows+←或者→2.写html 或者css代码时必须使用半角符号否则将会运行不出来(全半角看符号间距)3.ul里的li 从竖着变成横向排列 加浮动即可4.盒子掉下来的情况:把父亲的修改得足够宽能装下一行的盒子即可...原创 2021-07-23 00:55:16 · 70 阅读 · 0 评论 -
前端第四天
传统网页布局:1.标准流(1)块级元素独占一行,从上到下顺序排列常用元素:div、hr、p、标题标签、ul、ol、dl、form、table(2)行内元素按照顺序,从左到右顺序排列,碰到父元素边缘自动换行常用元素:span、a、i、em2.浮动float属性创建浮动框,将其移动到一边,直到左边缘或右边缘及包含块或另一个浮动框的边缘选择器{float:属性值(none | left | right)}(1)浮动元素会脱离标准流(2)一行显示并且元素顶部对齐(3)具有行内块元素的特性(有了原创 2021-07-11 21:48:12 · 71 阅读 · 0 评论 -
前端第三天
超大背景图片 垂直居中靠左上 left top或top leftcss三大特性:1.层叠性相同选择器给相同样式会被覆盖,遵循原则:就近原则2.继承性子元素继承父元素的样式(text-,font,line和color属性)子元素继承父元素行高1.5倍是在当前元素文字大小上的1.5倍3.优先级权重可以叠加...原创 2021-07-09 22:35:16 · 66 阅读 · 0 评论 -
前端第二天
基础选择器:1.标签选择器 直接在style里面写标签{} 括号里面加属性2.类选择器 定义一个类{ } 括号里写属性 需要的就在html里调用 调用class=口诀:样式点定义 结构类(class)调用3.id选择器 定义一个类用#开头调用id=口诀:样式#定义,结构id调用,只能调用一次,切勿被人使用2和3的区别:类可以被多个使用 id只能被一个使用(使用次数的区别)4.通配符选择器:*选择所有的标签字体:font-style:样式 1font-weight:字体粗细 2fo原创 2021-07-07 23:58:20 · 157 阅读 · 0 评论