前端
小黄果
这个作者很懒,什么都没留下…
展开
-
浏览器切屏小技巧
浏览器切屏,解除切屏监听原创 2022-07-10 10:16:21 · 3624 阅读 · 0 评论 -
前端页面交互
前端页面交互,全局事件注册原创 2022-05-04 12:30:25 · 409 阅读 · 0 评论 -
Vue2.0常用知识
Vue2.0常用知识原创 2022-05-04 12:02:54 · 177 阅读 · 0 评论 -
vue框架—src下的代码结构
vue框架—src下的代码结构原创 2022-05-04 11:25:32 · 921 阅读 · 0 评论 -
Vue框架学习总结归纳
Vue框架前文:库和框架的概念1.库(lib) 代表:jQuery说明:库里面有一系列函数的集合,我们想要实现某个功能,调用库里面的一些方法特点:库为辅助功能,即开发人员说了算2.框架(framework) 代表:vue说明:框架里有一套完整的解决方案,‘它指定了一套规则’,使用这个框架就要按照它的规则去编写代码,编写好之后,框架会在适当的时机去解析我们的代码。特点:框架说了算比如:v-for created data3.库和框架的区别:控制反转(谁说了算,谁起主导作用)库:开发人员说了原创 2020-11-10 00:34:49 · 770 阅读 · 0 评论 -
项目上线-CDN
项目上线对项目进行打包, 将打包后的内容,部署到服务器中打包 : npm run build把打好的包放到 http-server 里面,演示第一次截图介绍 vendor : 里面放一些第三方包 vue/vue-router/element-ui 包等只要不是我们自己写的代码,都属于第三方优化 :2.1 优化打包的第三方 (CDN)2.2 按需加载首屏加载时间,是衡量一个网站性能快慢的很重要的一个指标,首屏加载时间越快,用户存留就越多,用户量就越高如何提高加载速度呢?//1原创 2020-11-03 10:34:33 · 326 阅读 · 0 评论 -
初始化项目+准备工作
一 : vue 是 单文件组件导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等参考 : vue => 工具 => 单文件组件什么是单文件组件 ? 后缀为 .vue 的文件单文件组件的三个组成部分 (代码块 : scaffold 自动提示)template (模板结构)script 组件的代码逻辑style 样式注意点 :单文件组件,无法直接在浏览器中使用,必须经过 webpack 这种打包工原创 2020-11-02 22:49:05 · 197 阅读 · 1 评论 -
webpack的使用步骤
webpack 使用步骤webpack 第一阶段命名初始化阶段项目名不能有汉字,不能取名叫 webpack创建项目名称并生成 package.json, 命令 : npm init -y安装 : npm i -D webpack webpack-cliwebpack : 是 webpack 工具的核心包webpack-cli : 提供了一些在终端中使用的命令-D(--save-dev) : 表示项目开发期间的依赖,也就是 : 线上代码中用不到这些包了创建一个main.js文件原创 2020-11-02 22:45:15 · 100 阅读 · 0 评论 -
webpack的介绍
Webpackwebpack官网webpack中文网一 : Webpack 介绍Webpack 是什么?? (面试)前端模块化打包(构建)工具WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块、其它的一些浏览器不能直接运行的拓展语言(Scss,less等)以及新语法,并将其转换和打包为合适的格式供浏览器使用。为什要使用WebPack?? (面试)浏览器不识别 SASS、Less ==> 需要对Less/SASS 预编译CSS =&原创 2020-11-02 22:45:42 · 102 阅读 · 0 评论 -
vue.js官方中文文档
vue.js官方中文文档https://vuejs.bootcss.com/guide/vue.js官方文档https://cn.vuejs.org/v2/guide/原创 2020-11-02 22:25:42 · 11374 阅读 · 0 评论 -
HTML的常用标签
HTML的常用标签:https://www.cnblogs.com/xi1419/p/10117091.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用标签</title> <!-- style标签设置样式 --> <style type="text/css">原创 2020-11-02 22:12:09 · 97 阅读 · 0 评论 -
JavaScript-BOM学习归纳总结
JavaScript-BOM学习归纳总结现在所说的JavaScript包含了三个部分ECMAScript:js的语法规范DOM:操作网页的功能BOM:操作浏览器的功能BOM(Browser Object Model,浏览器对象模型)1.概念原创 2020-10-23 01:22:58 · 243 阅读 · 0 评论 -
JavaScript-DOM学习归纳总结
JavaScript-DOM学习归纳总结现在所说的JavaScript包含了三个部分ECMAScript:js的语法规范DOM:操作网页的功能BOM:操作浏览器的功能DOM(Document Object Model文档对象模型):1.概念DOM 是 W3C(万维网联盟)的标准。(1)W3C DOM 标准被分为 3 个不同的部分:① 核心 DOM - 针对任何结构化文档的标准模型② XML DOM - 针对 XML 文档的标准模型③ HTML DOM - 针对 HTML 文档的标准原创 2020-10-22 16:25:04 · 302 阅读 · 0 评论 -
Promise的简单介绍与使用
一.Promise的介绍1.Promise的由来(1)Promise是es6提出来的一个非常重要的一个语法(2)Promise是一种‘处理异步’的解决方案用“同步编写代码”的方式“处理异步”的一种解决方案,解决回调地狱的问题2.Promise的简单介绍(1)Promise是一个构造函数(2)() 参数里是一个回调函数resolve : fn =>成功操作 调用resolvereject : fn => 失败操作 调用 reject(3) Promise里面放一个异步操作原创 2020-10-28 12:36:29 · 322 阅读 · 0 评论 -
AJAX的简单介绍与使用
AJAX的简单介绍与使用作用:AJAX可以在不刷新页面的情况下,请求服务器,页面局部刷新一.AJAX请求服务器的步骤1.创建XMLHttpRequest实例XMLHttpRequest对象:具备和服务器通信的能力2.设置请求报文(1)请求行(请求方式/请求地址/协议版本号)(2)请求头(将浏览器相关信息发送给服务器)(3)请求主体(用于存放数据的)3.接收服务器响应内容,用事件监听onreadystatechange注意:get和post请求报文的区别① get方式数据在请求行(拼接)原创 2020-10-28 11:54:52 · 133 阅读 · 0 评论 -
jQuery学习归纳总结
jQuery学习总结归纳常用版本:jQuery-1.12.4.js(未压缩) jQuery-1.12.4.min.js(已压缩)// 引入jQuery<script src = 'jQuery-1.12.4.js'></script>一.jQuery与DOM1.DOM与jQuery相比:(1)获取元素名字太长(2)代码冗余(for)(3)onclick注册事件存在覆盖问题,addEventListener()注册事件不存在覆盖问题,但有兼容性问题(4)没有动画效果原创 2020-10-26 23:51:14 · 597 阅读 · 0 评论 -
JS高级(原型,this指向,作用域,闭包等)
JS高级(继承,原型,this指向,作用域,闭包)一.继承(混入式继承 原型链继承 经典继承)面向对象编程(继承 封装) 没有多态(js弱类型语言没有多态,强类型才有)封装:写成一个单独的js文件,需要时在引入(库,插件,脚本)1.混入式继承:把另一对象地属性直接复制过来2.原型链式继承:原型对象添加属性、原型替换3.经典继承:object.create(obj) 以obj为原型的空对象二.原型链:Function.prototype Object.prototype三.this指向(函数的原创 2020-10-26 16:47:31 · 298 阅读 · 1 评论 -
JavaScript-ECMAScript学习归纳总结
对JavaScript的学习归纳总结,加深记忆原创 2020-10-21 01:34:43 · 373 阅读 · 2 评论