qq_44859211的博客

原创 vue的生命周期钩子

原创 冒泡排序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原创 style修改样式

<style><style> // 全局样式 <style scope><style> // 局部样式 <style lang="less"> // 修改组件样式 不影响全局 .change{} <style>

原创 请求get和post

loadData() { this.$http.get('.php',{params: {id: 1}}) .then(({data: {data, errcode, msg}}) => { if (errcode === 0) { } else { $.toast(msg, 'forbidden') // 报错信息 // console.error("获取商品列表失败:" + msg); ...

原创 增删改查

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="https://cdn.jsdelivr.net/npm/vue"></s...

原创 字符串出现最多的字母

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原创 快速排序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原创 颜色渐变

CSS3 定义了两种类型的渐变（gradients）： 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（Radial Gradients）- 由它们的中心定义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

原创 表格美化

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190908163735590.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODU5MjEx,size_16,color_FFFFFF,t...

原创 HTML DOM querySelector() 方法，实现锚点

document.querySelector("#demo"); //获取文档中 id=“demo” 的元素： <template> <div> <li @click="returnCom"> 快速评论 </li> <div>1</div> <div>1<...

原创 点击按钮显示隐藏数据

<template> <div> <div v-for="(item, index) in list" :key="index" v-show="index<num">{{item}}</div> <span @click="showMore">{{txt}}</span> </div&gt...

原创 解构赋值

解构目标，解构赋值表达式的左边部分。 解构源，解构赋值表达式的右边部分。 Array数组模型的解构 基本 let [a, b, c] = [1, 2, 3]; // a = 1 // b = 2 // c = 3 可嵌套 let [a, [[b], c]] = [1, [[2], 3]]; // a = 1 // b = 2 // c = 3 可忽略 let [a, , b] = [1, 2...

原创 浏览器内核

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。...

原创 link和@import的区别

作用 link是XHTML标签，除了用于加载CSS外，还能用于定义RSS、rel连接属性等； @import是CSS提供的，只能用于加载CSS； 页面加载 link会同时被加载； @import引用的CSS会等到页面被加载完再加载； 兼容问题 link是XHTML标签，无兼容问题； import是CSS2.1 提出的，只在IE5以上才能被识别； ...

原创 Vue渲染过程

new Vue，执行初始化 挂载$mount方法，通过自定义Render、template、el等生成Render函数 通过Watcher监听数据的变化 数据发生变化时，Render函数执行生成VNode对象 通过patch方法，对比新旧VNode对象，通过DOM Diff算法，添加、修改、删除真正的DOM元素 ...

原创 前端性能优化

减少http请求，比如懒加载 减少dom操作，减少重排和重绘 减少图片数量，压缩图片和使用spirte图片，使用icon-font替換图标 使用cdn加速 (内容分发网络)，将文件放在速度更快的服务器上提高加载速度，比如百度cdn 使用vue框架 使用css3动画，开启GPU加速 使用标签、选择器 控制 Cookie大小和污染，设置合理的过期时间 ...

原创 代码推送成功 github不显示小绿格 解决方案

mac电脑 代码推送成功 github不显示小绿格 解决方案 一顿操作猛如虎，刷新一看原地杵 没有小绿格，逼死强迫症 原因 github邮箱和git bush邮箱不一致 我也不知道 解决方案 查看github的邮箱 666@qq.com 2. 修改git bush邮箱 mac电脑 - 打开启动台 - 打开终端（