![](https://img-blog.csdnimg.cn/20210106200637609.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
基础
文章平均质量分 87
前端的一些基础
Lovely Ruby
这个作者很懒,什么都没留下…
展开
-
【前端30_Vue 3.0】初体验 Vue 3
Vue 3 初体验起步参考本笔记参考开课吧的web全栈课进行记录的,有兴趣可以看看那边的课程(资深白嫖党,不过有工资的话会考虑买一个学学)安装 vue3# 全局安装cnpm i -g create-vite-app#create-vite-app vue3-campcd vue3-campcnpm i# 用 vscode 打开code ./ -a # 运行项目运行程序:cd 到新建的项目根目录下(我这里就是vue3-camp),终端输入npm run server 就可原创 2020-09-17 22:46:52 · 1197 阅读 · 0 评论 -
【前端29_Mongo】芒果数据库使用及常用操作、Mongoose 对数据的增删改查
文章目录非关系性数据库:MongoMongo介绍操作连接数据库查看所有数据库切换数据库展示数据库中的集合展示集合中的所有文档删除集合中的所有文档举个栗子:教学Mongoose 插件建立文档结构 Schema操作添加数据删除数据查数据修改数据非关系性数据库:MongoMongo介绍是一种非关系性数据库,不像MySQL那样有很多条条框框的约束,想怎么存就怎么存。操作连接数据库mongo查看所有数据库show dbs切换数据库use 数据库名称展示数据库中的集合show col原创 2020-07-04 09:26:00 · 535 阅读 · 0 评论 -
【前端28_Vue-Cli 脚手架】萌新指南、安装脚手架、创建项目、项目目录介绍、路由重定向、路由守卫、Vuex、代码规范ESlint、常用组件:Element、Vue-Axios
Vue-cli 脚手架介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。就是说我们在开发的时候,前期需要配置很多东西(网络组件,路由组件,打包组件等等),有了Vue-cli脚手架,他会帮我们集成这些功能安装可以通过以下命令,在命令行里敲npm install -g @vue/cli# ORyarn global add @vue/cli创建一个项目创建项目有两种方法1. 代码2. 图形界面GUI代码创建找到想要创建项目的文件夹,在此文件夹下打开cmd,(按住s原创 2020-07-03 10:57:22 · 431 阅读 · 0 评论 -
【前端27_代码管理】Svn & Git
Svn & Git介绍他们两个都是代码管理工具原创 2020-06-27 10:39:23 · 1728 阅读 · 0 评论 -
【前端26_Webpack】介绍
Webpack 自学介绍Webpack是一种前端资源构建工具(把一些小的工具打包成大的工具),一个静态模块打包器在 Webpack 看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源bundle核心概念Entry:入口Output:出口Loader:这个webpack自身只理解javascript,loader相当于翻译官,把css,img这些内容进行webpack能识别的Plugi原创 2020-06-09 19:59:43 · 213 阅读 · 0 评论 -
【前端25_后台】Node.js、Npm命令、原生API、模块化、express网络封装、跨域
文章目录Node.js介绍为什么要学Node.jsNode.js是什么Node.js能做什么要学会的起步安装NodeHello WorldNPM安装命令语义化版本命令行工具npm常用命令npm镜像自定义工具包API核心模块读取文件写文件创建个简单的服务器设置编码读取目录模块化简单的模块化模块作用域模块间的通信Express 模块指定公开路径模板引擎热启动端口号其他Node.js介绍为什么要学Node.js废话,你学前端得知道这个,招聘信息里xx没写么(具有服务端开发经验,拥有基本的网站开发能力,原创 2020-06-04 12:54:14 · 405 阅读 · 0 评论 -
【前端24_JS加强】封装(订阅者 + 发布者)、深复制 & 浅复制、内存、this指针
文章目录Javascript 进阶封装提出问题分析问题步骤总结问题Javascript 进阶封装提出问题问题描述:假如我是一个推销产品的应用开发经理,有很多的用户在我的平台上订阅些内容,我如何通过用户订阅的信息,准确的发送产品给需要它的客户们呢?分析问题首先我是卖家,我需要提供一个添加订阅信息和对应的用户功能函数当我发布一个产品的时候,我需要精准的发送给需要它的用户步骤// 我们先创建一个卖家var seller = {};// 添加一个列表list,用于存储订阅者sel原创 2020-05-22 19:41:47 · 211 阅读 · 0 评论 -
【前端23_Vue】生命周期、常见API的使用,v-key的特点、组件及通信、插槽、路由
文章目录Vue 的Vue 的因为我之前曾接触过小程序的开发,所以 入手 Vue 相对容易了一些,因为思想都是数据绑定,Vue是华人尤雨溪开发的,这可是个大佬,B站上有个关于大佬的纪律片,是 Up主:鱼C-小甲鱼 翻译的,有兴趣的话可以看看。https://www.bilibili.com/video/BV1dT4y1V7Dn...原创 2020-05-18 10:52:45 · 566 阅读 · 0 评论 -
【前端22_混合开发】介绍、初步认识MUI、UI组件、窗口管理
文章目录混合开发MUI 初步的认识HBulid初入时遇到的坑Q0:Uncaught ReferenceError: plus is not defined (提示: 请在plus ready后再调用plus api)Q1:上机运行报错errorQ2:手机上显示主页怎么调?MUI框架Dialog 消息框图文列表侧滑菜单选择器城市三级联动选项卡混合开发混合开发,是介于H5和原生之间的一种开发模式...原创 2020-03-16 13:44:00 · 1397 阅读 · 0 评论 -
【前端21_微信】常用之制作二维码、腾讯地图API、百度地图API、获取位置的天气信息
文章目录制作二维码腾讯地图 API :选择位置百度地图 API 使用示例获取位置天气信息制作二维码用途:扫二维码进入一个网站二维码是用canvas画出来的演示如下首先下载这个 weapp.qrcode.min.js链接:https://pan.baidu.com/s/1MvY5iI60ipSCiCWZJOlEyQ 提取码:3yrs把这个复制到你的项目中去,可以新建个名字叫 ...原创 2019-12-10 21:34:52 · 2573 阅读 · 0 评论 -
【前端20_小程序】简介、WXML 操作、JS:数据绑定、条件语句、事件、更新数据、存储、双向数据绑定、图片选择,预览、对外暴露、模板、小程序的防抖节流、加载提示
文章目录微信小程序简介开发前的准备小程序 ID下载开发者工具新建工程编译界面简介微信小程序简介小程序的大小限制在 2开发前的准备首先要注册个微信开发者工具,来这个网站https://mp.weixin.qq.com/wxopen/waregister?action=step1我用邮箱注册的(我新建的网易163邮箱)小程序 ID注册完之后把你的 ID 记住了下载开发者...原创 2019-11-27 21:57:38 · 755 阅读 · 0 评论 -
【前端19_JS】ES 6:Proxy 过滤器、遍历器接口、function*、类Class、Promise
文章目录过滤器 Prooxytargethandlerget:改变“读取”操作读对象,找不到抛出错误数组填负的下标,倒着找元素创建 key 类型的标签不允许读取私有属性set :改变“修改”操作applyownKeys :封掉关键字的使用Proxy.revocable();遍历器接口遍历原理function*过滤器 Prooxy修改某些操作的默认行为,比方说a标签的跳转又叫元编程作...原创 2019-11-14 21:51:12 · 853 阅读 · 0 评论 -
【前端18_JS】ES 6:箭头函数、处理错误、数据结构 Set、WeakSet、数据类型 Symbol、魔术字符
文章目录箭头函数箭头函数 //0.最简单的箭头函数:一个形参可以不用括号 var f = v => v; console.log(f(1)); //1 //这就等同于 var f = function (v) { console.log(v) }; f(); //1.无参,需要加括号 var f1 = () =>...原创 2019-11-07 20:31:52 · 356 阅读 · 0 评论 -
【前端17_JS】ES 6:Let 、Const、对象冻结、解构赋值、暂时性死区 TDZ、惰性求值、模板字符串
文章目录ES6 开始let 声明变量不提升暂时性死区ES6 开始let 声明 if(true){ let a = 1; } console.log(a);变量不提升这个没有变量提升console.log(b); let b;暂时性死区 var tem = 123; function test() { tem = ...原创 2019-11-05 20:23:15 · 524 阅读 · 0 评论 -
【前端16_辅助知识】颜色编译、色彩、网页配色技巧、PS 快捷键
文章目录色彩无彩色系有彩色系色彩名词解释三原色间色复色对比色同类色互补色网页配色技巧主体色辅助色点睛色背景色PS快捷键色彩是能引起我们共同的审美愉悦的、最为敏感的形式要素。色彩是最有表现力的要素之一,因为它的性质直接 影响人们的感情。丰富多样的颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、明度、饱和度。在色彩学上也称为色彩的三大要素或色彩的三属性。无彩色系...原创 2019-10-31 20:32:26 · 542 阅读 · 2 评论 -
【前端15_JS_BOM】表单提交*,携值跳转,获取屏幕宽高,前进后退,刷新页面
文章目录BOM获取宽高跳转刷新BOM获取宽高 window.screen.width; console.log("window.screen.availHeight:" + window.screen.availHeight); console.log("window.screen.availWidth:" + window.screen.availWidth);跳转...原创 2019-10-24 17:36:15 · 550 阅读 · 0 评论 -
【前端14_Bom_存储】保存文件:Cookie、LocalStorage、SessionStorage & 数据库
文章目录保存文件CookieLocalStorageLSessionStorage保存文件CookieLocalStorageLSessionStorage原创 2019-10-24 17:39:16 · 242 阅读 · 0 评论 -
【前端13_JS】对象及操作、ES5中的“类”的创建、‘类’方法、继承
文章目录对象中的增删改查工厂模式(设计模式)原版工厂模式优化的工厂模式:提取类对象中的增删改查工厂模式(设计模式)原版工厂模式<script> /*工厂*/ var Factory = function(account){ function superAdmin() { this.name = "超级管理员"; ...原创 2019-10-22 15:15:52 · 303 阅读 · 0 评论 -
【前端12_Sass】Ruby下载安装 、Sass和WebStorm 的适配 & Sass 基础语法
文章目录Ruby 引入下载安装安装 sassWebStorm 环境的配置Ruby 引入下载去官网 https://rubyinstaller.org/downloads/可能会比较慢,国外的安装然后安装(尽量不要安装在系统盘),注意选择第一项安装 sass打开 cmd,快捷键 window + R,然后输入 cmd检查是否安装好 Ruby:输入 ruby -v,如果你成功安装...原创 2019-10-21 10:12:00 · 359 阅读 · 1 评论 -
【前端11】两个数的置换、浮点数取整、表格插入、内嵌页、旋转
文章目录JQuery 动画隐藏显示总结JQuery 动画首先动画有几个重要的参数,分别是动画执行速度 speed:有三个初始的,分别是 fast、normal、slow ,时常分别是 200、400、600 毫秒,默认是 normal过度效果 easing:一种是 swing,这个是有加速度的变化,先加速,在减速另一种是 linear,就是线性变化,匀速变化成功回调函数 ...原创 2019-09-25 20:55:24 · 165 阅读 · 0 评论 -
【前端10_JQ】隐式迭代、多库共存、JQ 相关操作:样式修改、类操作、添加属性、克隆、移除/创建节点、插入节点、获取盒子模型的四个值、JQ 动画
文章目录初步!操作移除节点克隆(深复制)初步!https://jquery.com/ 来这个网站操作移除节点关键词:remove()原生方法移除节点:/*原生删除方法:找到父元素,remove child 就可以了*/var box = document.getElementById("box");document.body.removeChild(box);JQuer...原创 2019-09-21 09:31:49 · 320 阅读 · 0 评论 -
【前端09_CSS框架】Bootstrap、栅格系统、响应式、屏幕阅读器、和 JS 组合使用的插件
@tocLablelable 要与 input 组合使用,点击 lable ,就会取 input 框中的焦点。原创 2019-08-24 08:52:03 · 281 阅读 · 0 评论 -
【前端08_JS_Dom】监听、冒泡与捕获、IE兼容处理、JS 内置对象*、异常抛出、计时器及清除
JavaScriptDom 文件对象...Dom 文件对象…原创 2019-08-21 22:40:05 · 479 阅读 · 0 评论 -
【前端07_JS_Dom】节点创建、插入、替换、删除、克隆、获取及修改节点属性
JavaScriptECMA 语法标准7. 函数 & 封装8. 事件ECMA 语法标准此章节包括 函数以及封装,事件,7. 函数 & 封装首先函数分为:无参函数有参函数匿名函数函数的声明如下(只是有参和无参函数):function text() { /*x 只在函数里有用*/ /*与其他语言不一样,js中形参可以是多个,不需要严格数量一致...原创 2019-08-02 14:31:59 · 733 阅读 · 0 评论 -
【前端06_JS_ECMA 语法标准】声明变量、数据类型、tupeof返回值、输入输出、运算、循环、条件、函数、事件
3.1 ECMA 语法标准此章节包括输入,运算,输入 Prompt输入会在浏览器中弹出会话框 var num = prompt('请输入');确定的话 返回字符串,取消的话会返回 nullChrome的话弹出这个亚子:dge的话弹出这个亚子:...原创 2019-08-21 22:11:07 · 483 阅读 · 3 评论 -
【前端05_CSS】定位、吸顶效果、变形、动画、原生响应式、分页条
1. 定位 Positiond通过定位可以把元素放到屏幕中想要的位置通常会配合left,top值分为绝对定位和相对定位绝对定位:position: relative; 相对于 原来的位置 定位,左上角为坐标原点。原来的位置会站着空间,依赖于原来的位置,类似漂浮起来,这个没有空间,会把别的元素覆盖掉相对定位:固定定位:position: fixed; 一般用来做右边的导航栏的,这时候就...原创 2019-07-26 22:14:22 · 332 阅读 · 0 评论 -
【前端04_CSS】布局:浮动、弹性盒子、双飞翼、品字、网格,盒子模型
浮动Folat把 行级标签放在同一行上只能用在 块级,行级和行内块不需要通常是用float: left;右浮动是从右往左写的浮动:脱离原来的文档流,并且失去他所占的空间,其他的标签会挤上去消除浮动带来的影响(W3C):在浮动元素的父元素加属性没有浮动的:有浮动的:同行显示布局方案:弹性盒子Flex首先创建两个类 Flex-item,Flex-cont...原创 2019-07-25 11:01:45 · 1457 阅读 · 0 评论 -
【前端03_CSS】选择器、优先级及计算、文本、背景图、雪碧图、行级/块级/行内块
前端学习总结(3)样式Style分类:样式分内部样式,行内样式行内样式:写在标签里的Style,例子如下<div style="width: 200px;height: 200px;background-color: skyblue"></div>内部样式:写在head中style里的样式<head> <!--内部样式:写在h...原创 2019-07-24 22:42:55 · 966 阅读 · 0 评论 -
【前端02_HTML】基本标签:表格、输入框Input、Label、列表、语义化标签
琐碎知识点整理W3C万维网联盟span与span之间会有间隙br换行a标签锚点的使用方法<a name="top">你好</a>.........<a href="#top">回到顶部</a>img的属性有:alt-错误提示 ,height-高度 ,width宽度,src-图片来源表格Table首先表格加载 速度慢 ,...原创 2019-07-23 22:08:00 · 1556 阅读 · 0 评论 -
【前端01_基础】安装、前端起步、页面标题栏icon
2019-07-22前端学习简单的总结自己所学的内容 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体...原创 2019-07-22 22:35:48 · 352 阅读 · 0 评论