前端
关注
分享
扫一扫
文章平均质量分 69
前端学习
仲夏夜的开场
这个作者很懒，什么都没留下…
展开
-
view中的文字默认垂直偏上是为什么
问题：设置-和+水平和垂直居中，可以设置.num_edit属性：display: flex; justify_content: center; align-items: center;。请问：为啥不设置align-items: center属性的时候，要略微偏上一点 <!-- 商品信息 --> <view class="cart_info_wrap"> <view class="goods_name">TCL电视 49P3dfdf辅导费地原创 2022-04-04 23:46:12 · 376 阅读 · 0 评论 -
React全家桶
视频链接：https://www.bilibili.com/video/BV1wy4y1D7JT?from=search&seid=8911495119258965968&spm_id_from=333.337.0.0react简介1. 是什么？是一个将数据渲染为HTML视图的开源JavaScript库。react只关注页面（视图）2. 谁开发的？3. 为什么要学？1.原生JavaScript操作DOM繁琐、效率低（DOM-API操作Ul )。2.使用JavaScr原创 2022-03-27 17:04:04 · 1149 阅读 · 0 评论 -
软件使用技巧
快捷键快捷键用法Alt + Shift + A块注释，取消亦然原创 2022-03-21 14:43:26 · 246 阅读 · 0 评论 -
微信小程序（二）-- 项目实战
微信小程序-项目实战原创 2022-03-19 12:41:30 · 8031 阅读 · 1 评论 -
面试题（1）
排序原创 2022-02-22 13:30:46 · 631 阅读 · 0 评论 -
微信小程序（一）
视频地址：https://www.bilibili.com/video/BV1nE41117BQ?from=search&seid=137118609700337857AppID(小程序ID) wx65cecec8023d6b08官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/基本的项目结构9 样式WXSS9.2 样式导入9.3 选择器特别需要注意的是 ⼩程序 不⽀持通配符 * 因此以下代码⽆原创 2022-01-22 15:00:36 · 8873 阅读 · 0 评论 -
界面空白，报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
【特征】界面空白【报错】Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)【原因】自动补全的语句（带括号），以为差不多【改正】原创 2021-12-17 11:59:05 · 8590 阅读 · 8 评论 -
【报错】 `node`命令启动项目失败，报错：“Unknown database ‘mydb’”
【报错】node命令启动项目失败，报错：“Unknown database ‘mydb’”【其他特征】此时，查看phpStudy，显示“端口被占用”。【解决方法】开始-运行-cmd， 输入 netstat -ano， 看第一列，后面的就是端口,找到3306 ,记住对应的PID然后打开任务管理器查看 -> 选择列 -> 勾上 PID(进程标识符) -> 确定在任务管理器找到刚才的PID的进程，查看是什么程序占用了端口，把它关闭再重新启动mysql就不会报端口被占用的错误了原创 2021-12-11 11:07:51 · 2965 阅读 · 2 评论 -
前端进阶课笔记
一、服务器的基本概念与初识Ajax视频地址：https://www.bilibili.com/video/BV11N411o7wU?p=1目标：能够知道和服务器相关的基本概念能够知道客户端和服务器通信的过程能够知道数据也是一种资源能够说出什么是Ajax以及应用场景能够使用jQuery中的Ajax函数请求数据能够知道接口和接口文档的概念目录：客户端与服务器URL地址分析网页的打开过程服务器对外提供了哪些资源了解AjaxjQuery中的Ajax接口案例–图书管理案例-原创 2021-10-11 14:22:25 · 843 阅读 · 1 评论 -
Vuex详解
1.认识Vuex1.1 Vue是做什么的官方解释: Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtools extension，提供了诸如零配置的 time-travel调试、状态快照导入导出等高级调试功能。状态管理，可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面。然后，将这个对象放在页层的Vue实例中，让其他组件可以使用。那原创 2021-09-10 17:42:06 · 167 阅读 · 0 评论 -
Vue项目开发
1 项目创建和Git托管1.1 项目创建使用Vue CLI3创建项目：npm create supermall暂时先选择最简单的配置，有啥需要的这里是配置啥来着 ，以后再添加。npm run serve语句，进行啥来着，有啥作用原创 2021-08-28 15:30:39 · 206 阅读 · 0 评论 -
Vue文章目录
Vue文章目录：Vue从入门到精通 – 基础知识.模块化开发.组件化开发.原创 2021-08-28 14:54:27 · 311 阅读 · 0 评论 -
vue-router
1 认识路由路由表-- 实际上就是映射表，决定了数据包的指向。前端路由阶段前端渲染和后端渲染（面试题）网页发展阶段：1.后端渲染服务器端处理jsp代码，包括html+css+java代码（读取+渲染），直接传给浏览器进行展示。后端路由：后端处理url和页面的映射关系。2.前后端分离前后端分离阶段︰随着Ajax的出现,有了前后端分离的开发模式.后端只提供API来返回数据,前端通过Ajax获取数据,并且可以通过JavaScript将数据渲染到页面中.这样做最大的优点就是前后端责任的清晰,原创 2021-08-28 14:33:14 · 678 阅读 · 0 评论 -
网络模块封装
常见的网络请求模块，以及优缺点对比。JSONP的原理和封装JSONP原理回顾JSONP请求封装axios的内容详解口认识axios网络模块口发送基本请求axios创建实例axios拦截器的使用原创 2021-08-28 14:32:53 · 154 阅读 · 0 评论 -
CSS基础
1.CSS简介CSS的主要使用场景就是美化网页、布局页面的。1.1 HTML的局限性HTML只关注内容的语义。比如表明这是一个大标题，表明这是一个段落，表明这儿有一个图片，表示这里有链接。1.2 CSS-网页的美容师CSS是层叠样式表(Cascading Style Sheets）的简称。有时我们也会称之为CSS样式表或级联样式表。CSS也是一种标记语言。CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。原创 2021-08-24 21:01:26 · 958 阅读 · 0 评论 -
HTML 和 CSS 提高
能够说出3~5个HTML5新增布局和表单标签能够说出cSS3的新增特性有哪些1 HTML5 的新特性HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。新特性增加了很多，但是我们专注于开发常用的新特性。1.1 HTML5 新增的语义化标签1.2 HTML5 新增的多媒体标签1.3 HTML5 新增的input 标签1.1 HTML5 新.原创 2021-08-24 20:45:17 · 104 阅读 · 0 评论 -
Vue CLI相关
1.Vue CLI初识1.1 Vue CLI是什么如果你只是简单写几个Vue的Demo程序,那么你不需要Vue CLI.- 如果你在开发大型项目，那么你需要,并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。CLI是什么意思?CLI是Command-Line Interface,翻译为命令行界面,但是原创 2021-08-24 20:05:13 · 136 阅读 · 0 评论 -
webpack
1 认识Webpack1.1 什么是webpack1.2 Webpack和grunt/gulp的对比1.3 webpack依赖环境--node2 webpack安装3 webpack的基本使用3.1 准备工作：创建文件和文件夹2.2 js文件的打包2.3 使用打包后的文件4 webpack的配置4.1 webpack.config.js配置4.2 package.json配置5 loader的使用5.1 什么是loader4.2 loader的使用4.3 CSS文件处理- 准备原创 2021-08-24 15:11:55 · 629 阅读 · 0 评论 -
组件化开发
1 认识组件化1.1 什么是组件化人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的。所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。组件化也是类似的思想︰如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。但如果，我们将一个页面拆分成一个个小的功能块，每原创 2021-08-21 14:41:15 · 386 阅读 · 0 评论 -
高阶函数的使用
高阶函数的使用高阶函数 – 函数本身的参数也是一个函数filter/map/reducefilter中的回调函数有一个要求：必须返回一个boolean值。如果为true时，函数内部会自动将这次回调的n加入到新的数组中；如果返回的是false，则函数内部会过滤掉本次的n。函数使用的示例代码：// 1.filter函数的使用const nums = [1,22,11,3,300];// n是nums数组中的元素let newNums = nums.filter(function (n) {原创 2021-08-20 09:29:33 · 124 阅读 · 0 评论 -
为什么不能在对象数组中的for-in循环中访问对象属性
在对象数组中，使用for-in循环中的元素为数组的索引 index，而不是数组的元素。Vue 代码如下：data: { books: [ { id: 1, name: '《算法导论1》', date: '2006-9', price: 85, count: 1 }, { id: 2, name: '《算法导论2》', date: '2原创 2021-08-18 17:45:37 · 259 阅读 · 0 评论 -
HTML标签学习
1.基础标签目标：学习HTML排版、媒体、链接等基础标签，完成基础网页的开发。1.1 排版标签1.1.1 标题标签<h1>-<h6>场景： 在新闻和文章的页面中，都离不开标题，用来突出显示文章主题。代码：<h1>1级标签</h1><h2>2级标签</h2><h3>3级标签</h3><h4>4级标签</h4><h5>5级标签</h5>&l原创 2021-08-18 15:48:22 · 1276 阅读 · 0 评论 -
Chrome浏览器打断点，代码运行后，页面没有对应的变化
Chrome浏览器打断点，this.letters.push('F');运行后，页面没有对应的变化。不知道原因是啥。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt原创 2021-08-17 15:59:11 · 533 阅读 · 0 评论 -
HTML基础认知
1.HTML简介目标：能够说出网页的基本组成能够说出什么是HTML能够说出常用的浏览器能够说出Web标准的三大组成部分1.1 网页1.1.1 什么是网页网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，遇常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm 或.html后缀结尾的文件，因此将其俗称为HTML文件。1.1.2原创 2021-08-10 07:16:51 · 195 阅读 · 0 评论 -
Vue从入门到精通
1.邂逅Vue.js1.1 认识Vue.js1.1.1 为什么学习Vue.js对原有的项目使用Vue进行重构。新项目决定使用Vue的技术栈。招聘前端的需求中，10个有8个都对Vue有或多或少的要求。Vue.js目前是前端必备的一个技能。1.1.2 简单认识一下Vue.jsVue(读音/vju:/，类似于view)，不要读错。Vue是一个渐进式的框架，什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vu原创 2021-08-09 23:21:11 · 1858 阅读 · 4 评论 -
JavaScript 模块化
模块化目标：能够说出模块化的好处能够知道CommonJS规定了哪些内容能够说出Node.js 中模块的三大分类各自是什么能够使用npm 管理包能够了解什么是规范的包结构能够了解模块的加载机制1 模块化的基本概念1.1 什么是模块化模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。编程领域中的模块化编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处:原创 2021-08-05 17:33:32 · 756 阅读 · 2 评论 -
JavaScript进阶面向对象ES6
1.面向对象编程介绍1.1两大编程思想面向过程面向对象1.2 面向过程编程POP（Process-oriented progrmming）面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向过程，就是按照分析好了的步骤，按照步骤解决问题。1.3面向对象编程OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。面向对象是以对象功能来划分问题，而不是步骤原创 2021-08-05 16:48:00 · 235 阅读 · 0 评论 -
JavaScript函数进阶
1 函数的定义和调用1.1函数的定义方式1.函数声明方式function关键字(命名函数)2 this原创 2021-08-03 22:39:06 · 115 阅读 · 0 评论 -
Ajax 编程基础
1.Ajax 基础传统网站中存在的问题网速慢的情况下，页面加载时间长,用户只能等待表单提交后，如果一项内容不合格,需要重新填写所有表单内容页面跳转,重新加载页面,造成资源浪费。增加用户等待时间Ajax 概述Ajax：标准读音[ˈeɪdʒæks] ，中文音译:阿贾克斯它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。Ajax 的应用场景：页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境Aja原创 2021-08-03 09:57:18 · 237 阅读 · 0 评论 -
初识 Node.js 与内置模块
1.初识 Node.js1.1 Node.js 简介1.什么是Node.jsNode.jsR is a JavaScript runtime built on Chrome’s V8 JavaScript engine.Node.,js 是一个基于Chrome V8 引擎的JavaScript运行环境。Node.js 的官网地址: https://nodejs.org/zh-cn/2. Node.js 中的JavaScript运行环境注意:浏览器是JavaScript的前端运行环境。N原创 2021-08-02 00:11:59 · 255 阅读 · 0 评论 -
jQuery入门
1 jQuery 概述1.1 JavaScript 库JavaScript库：即library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解︰就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数(方法)。常见的JavaScript库原创 2021-08-01 19:38:30 · 104 阅读 · 0 评论 -
Web APIs
能够说出Web APls阶段与JavaScript语法阶段的关联性能够说出什么是API能够说出什么是Web API1 APIs 和JS基础关联性1.1 JS 的组成1.2 JS 基础阶段以及 Web APIs 阶段JS基础阶段我们学习的是ECMAscript标准规定的基本语法要求同学们掌握Js 基础语法只学习基本语法,做不了常用的网页交互效果目的是为了Js 后面的课程打基础、做铺垫Web APIs阶段web APIs 是w3c组织的标准web APIs 我们主要学习DOM和原创 2021-07-30 23:47:20 · 829 阅读 · 0 评论 -
JavaScript进阶
1.JavaScript 函数1.1 函数的概念在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数。函数︰就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。1.2 函数的使用函数的使用分为两步：声明函数 和调用函数。1.2.1 声明函数//声明函数function 函数名() { //函数体}function 声明函原创 2021-07-29 22:39:54 · 488 阅读 · 0 评论 -
初识JavaScript
1.初识JavaScript1.1 JavaScript历史布兰登·艾奇(Brendan Eich , 1961年~)。神奇的大哥在1995年利用10天完成JavaScript 设计。网景公司最初命名为LiveScript，后来在与Sun合作之后将其改名为JavaScript.1.2 JavaScript是什么JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思)脚本语言：不需要编译，运行过程中由js解释器(js 引擎）逐行来进行解释并执行原创 2021-07-29 01:04:06 · 212 阅读 · 0 评论 -
line-height
line-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。与 font-size 和 padding 值 设置有和区别呢？原创 2021-07-26 17:42:30 · 117 阅读 · 0 评论 -
子盒子设置宽度为100%后，子盒子.miaosha和父盒子.price 之间有一条白色间隙
子盒子设置宽度为100%后，子盒子.miaosha和父盒子.price 之间有一条白色间隙。可以通过加这行代码padding-top: 1px;解决。CSS代码： <style> .price { width: 160px; height: 24px; border: 1px solid red; margin: 0 auto; text-alig原创 2021-07-21 16:59:37 · 326 阅读 · 0 评论 -
Vue对象的数据属性赋值后，控制台输出的axios返回值与直接输出不同
为什么axios的回调函数中，在输出返回值前，令this.数据 = 返回值，控制台输出就会不同呢？** 在axios的回调函数中，先令Vue对象中的数据属性 = 返回值**直接输出原创 2021-04-25 22:54:44 · 620 阅读 · 0 评论 -
html结构和页面显示区域的不匹配问题
文章目录问题表现问题html结构中，h1标签被header标签包裹，但是页面元素的显示情况是：h1标签的显示区域在header标签的区域外面。为什么会出现这种情况呢？表现原创 2021-04-17 09:10:40 · 206 阅读 · 0 评论 -
Chrome浏览器的xpath helper插件
Chrome浏览器的xpath helper插件中Query框查询元素，不能使开发者工具的Element页面中的元素可视。xpath helper的用法：按住Shift键，移动鼠标，左边的Query框会显示绝对路径。原创 2020-11-12 21:16:29 · 263 阅读 · 0 评论