自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 问答 (3)
  • 收藏
  • 关注

原创 VScode自定义模板的使用

为了提高效率,使用快捷键就能生成模板代码是不是美滋滋!直接上马首先找到用户代码段搜索html.json文件然后写自己熟习的代码模板一般没有定义模板的,刚开始是什么都没有的也可以将这些都删了> 定义自己的模板详细模板"VUE template": { "prefix": "vh", // 对应的是使用这个模板的快捷键 "body": [ "<!DOCTYPE html>", "<html

2020-07-05 22:33:04 1971

原创 git的常规使用(包括冲突的产生和解决。干货)

1.1git的初始化本地仓库git init1.2将本地仓库的代码全部放到了暂存中git add .(点是一个可变参数接受通配符)刚新建的项目就直接push就好了2.获取新代码(每次在新的分支开发前最好先拉取最新的代码,可以减少部分冲突)git pull '分支名(可选参数)'3.克隆代码(也叫拉代码)git clone '代码地址'4.1提交到暂存中git commit -m '提示信息'vscode中用鼠标操作的区域结果是一样的4.2.推送到分支git p

2020-06-20 11:25:16 392

原创 前端工程师--手写js一些常见的code。有一定的基础,不然看不懂

/ 特点 1. 改变this指向 2. 不影响原对象的返回 3. 接收多个参数 4. 自己返回的是一个函数。思路:循环调用传进来的peomise数组,有一个promise失败整个promise就是失败的。思路:判断当前item项是数组还是对象,都不是直接复制,是的话就递归。新对象需要能够访问到构造函数的属性,所以需要重新指定它的原型;场景:发送请求,屏幕滚动,窗口大小缩小的时候要执行的代码。思路:双指针并置换头尾,注意处理中间值,不然又会反转一遍。思路:通过自定义属性将自己的this先存起来。

2022-10-09 13:56:17 367 1

原创 前端开发工程师--js面试题-概念篇

不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串…setInterval会按照设定的时间间隔重复地在Event Queue注册回调函数,如果某一段时间主线程代码执行太久,那么setInterval的回调函数可能阻塞到一起执行,无法保持设定的时间间隔,如果此时setInterval用于动画,则体现为卡顿。(4)判断函数的返回值类型,如果是值类型,返回创建的对象。

2022-10-01 12:33:19 297

原创 css常见面试题

块级作用域上下文(里面的元素是独立起来的,不会受外面的元素影响)例子。

2022-09-30 14:59:13 183

原创 vite3打包优化

在没有配置之前打包的文件都是一把嗦。

2022-09-28 17:18:53 2534

原创 vue3+ts遇到的小问题

解决:1. 检查是或否是,是的话进入拓展设置,所有的选项都勾选2. 还是不行就要更新vscoe了。一般的话会在力捕抓到一个错误。跟新就好了。

2022-09-25 22:42:06 8507

原创 react记坑:使用百度地图的天气api无效

百度

2022-07-01 23:52:10 431

原创 vue2源码--生命周期

生命周期beforeCreate这个钩子函数只是初始化了事件,生命周期,如果在这里获取data得到的是一个undefinedinitEvent,在vm添加事件属性initLifecycle:初始化vm.$options这个空属性initRender:初始化虚拟dom需要的属性beforeCreate模板还没有被替换掉。createinitInjections(vm);initState(vm);1. data 的数据在这里初始化 initData()2. 让data的数据变成响应

2022-05-21 13:59:16 112

原创 【踩坑实录】linux让你的node项目运行在后台

linux

2022-03-26 22:48:44 2636

原创 腾讯云实操--mysql

安装mysql1.下载包wget http://repo.mysql.com/mysql57-community-release-el7-8.noarch.rpm2.安装sudo rpm -ivh mysql57-community-release-el7-8.noarch.rpmsudo yum install mysql-server这样按道理是安装成功了查看是否安装成功就要查看有没有pidservice mysqld startchkconfig --list mysqldmysq

2022-02-20 14:14:05 402

原创 腾讯云实操

购买(学生版)直接在官网搜索购买即可购买完成在面板启动不知道root的密码的话可以充重置密码使用ftp工具连接服务器按着步骤填写ip用户名 root密码 : 重置之后的密码端口 :默认是 22简单的LAMP的部署切换root su -在 /usr/local 文件下执行(也可以随便创个目录安装1.安装Nginx包 (必须是root用户,Nginx版本自己定)wget http://nginx.org/download/nginx-1.13.1.tar.gz

2022-02-13 21:39:31 43

原创 地区数组,广东

let provinces = ["北京", "天津", "上海", "重庆", "新疆", "西藏", "宁夏", "内蒙古", "广西", "黑龙江", "吉林", "辽宁", "河北", "山东", "江苏", "安徽", "浙江", "福建", "广东", "海南", "云南", "贵州", "四川", "湖南", "湖北", "河南", "山西", "陕西", "甘肃", "青海", "江西", "台湾", "香港", "澳门"] let c.

2021-12-09 15:03:42 170

原创 scroll家族简介

scroll家族属性/方法解释element.scrollHeight返回元素的整体高度。element.scrollWidth返回元素的整体宽度。element.scrollLeft返回元素左边缘与视图之间的距离。单位px(包括padding)element.scrollTop返回元素上边缘与视图之间的距离。 单位px(包括padding)属性/方法解释window.scrollBy()使窗口滚动到指定位置window.sc

2021-12-08 22:26:38 503

原创 不用下载mock.js。直接生成想要的数据

打开mock的官网,点击示例示例打开开发者工具,在控制到输入不同的数据,按着例子。填入即可,循环生成多少条数据。复杂的数据结构也是可以自己构造 let obj = []; for (let i = 0; i < 100; i++) { obj[i] = Mock.mock({ id: "@id()", // 得到随机的id,对象 username: "@cname()", // 随机生成中文名字 da

2021-11-26 10:08:18 373

原创 element plus组件二次封装

自定义表格Table.vue 表格模板,通过插槽进行填充不同的结构问题:用来做循环的父盒子不能template 不能添加自定义属性。求大老解决 <template> <el-table :data="tableData" style="width: 100%" class="tab"> <template v-for="item in tabcur" :key="item"> <el-table-column :la

2021-11-25 22:22:53 1155

转载 H5与微信的一下交互(监听微信内置浏览器私有接口 WeixinJSBridgeReady)

1.禁止微信分享<script> document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { console.log("关闭分享复制链接"); WeixinJSBridge.call("hideOptionMenu"); });</script>document.addEventListener('WeixinJSBridgeReady',function on

2021-11-25 18:06:06 1116

原创 vue3+ts+element plus 使echarts自适应(推荐)

<template> <el-row :gutter="10"> <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"> <el-card class="box-card"> <template #header> <div class="card-header"> <span>Card name&

2021-11-22 21:01:26 1804

原创 jq给动态添加的元素绑定事件

现在不用了live<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-11-08 16:20:32 186

原创 vue3+ts中使用封装后的echarts。适合小白(报错的也可以看Initialize failed: invalid dom.)

封装的echartsuserEach.tsimport { ref, nextTick } from 'vue'import * as echarts from 'echarts'//这个方法,接收一个option和dom的id//目的:用的时候只需要传option和dom的id就能绘制出一个图表,很适合我们小白刚开始学函数的用法export default function useEchar (option:object, name:string) { const myChart = re

2021-10-20 17:19:13 1478

原创 数据结构之堆栈(四)

栈什么是栈?栈在实际的例子中有点像手枪的弹夹。你每次添加子弹的时候都是会把你前面添加的子弹给压到最下面。而打出来的子弹都是你最新的。所以就有一个特点,先进去的子弹会先出来。后进去的子弹回后出来。栈结构在网页中是很常用的一个数据结构。我们很经常用的浏览器的前进后退功能就是这样的。栈是限定了仅在表尾(栈顶)进行插入删除的操作的线性表栈的例子注意:栈一定是遵循先进先出的原则。所以想想312这种情况会发生吗?还有一点栈其实也是一个线性表栈的结构定义 栈的几种常见情况(顺序结构

2021-09-06 15:24:50 153

原创 数据结构(三)---链表

概念我们先想一个游戏场景—老鹰抓小鸡。母鸡后面都有序的跟着小鸡们,第一个小鸡被第二个小鸡紧跟着防止掉队。如果有一次第二个被甩出去了后面的小鸡都没有了方向,整个队伍就散了。好在第二个小鸡及时回来补救。这就是一个单链表,在代码层面上显示出来的就是一个数组。单链表的特点就是只有一个或零个前驱有一个或零个后继。例如我们的排队、月份、星座。我们的班级算吗?不算。仔细想想只有一个或者零个。线性表的顺序存储(可变数组)顺序结构说白了就是在内存开一片地,占定了一定的空间,数据就按着分配的位置就坐。就好比说现在疫情,之

2021-08-29 16:38:10 133

原创 uniapp完成一个商品左右菜单互连的组件(代码加注解原理)

<template> <view class="u-warp"> <!-- 搜索 --> <view class="u-search-box"> <view class="u-search-inner"> <u-icon class="search-icon" name="search" color="#ccc" size="35"></u-icon> <u-input type="te

2021-08-26 18:01:58 1090 1

原创 vue常用的几个操作

组件的创建和应用1.在components目录下新建组件2.在需要用的组件上引入并挂载3.使用标签<template> //1.创建 <view> <view>我是一个子组件</view> </view></template><script> export default { name: "son", data() { return { num : 3, }; }

2021-08-24 17:12:18 102

转载 Vuex究竟是啥(大白话版)

原文链接

2021-08-24 15:35:57 92

原创 数据结构(二)---算法

概念什么是算法?算法其实就是我们读书的时候的阶梯方法,一个题目对应这多解。比如说最常见的高斯求和,你可以从1到100的一个个算。你也可以用高斯的解法去算。答案都能算出来。只是步骤的多或少而已。换到我们的计算机领域中什么是算法呢?范围大一点就是你写的代码都是算法。准确点就是你写的函数都是算法。例子这就是一个算法function a (n) { let sum ; for (let i = 0; i < n; i++) { sum += i; } return sum;}算法的

2021-08-21 21:15:47 76

原创 数据结构(一)---全文字希望你能看下去

概念数据结构是什么东东呢?我们的祖先很早就想到了用一些符号或者记号来帮助他们记忆当时发生的时间、事件、年份等等诸多信息。然后就日渐发展成了我们的文字,数字。所以数据结构也是一样的,为了让计算机认识和并应用的一种概括性很大的学科。书上是这样定义的:简单的是说:我们初中都学过分子结构吧,每个分子都是排列不同就会形成不同的结构。数据结构也是一样。数据元素之间不是独立,他们形成的特定的关系的话就成了数据结构。1.1 数据:就是计算机能够认识的符号。1.2 数据元素:这个概念是一个大类。就像数据

2021-08-20 09:59:55 96

原创 VUE的深坑(一)

框架的下载vue框架下载在使用vue之前必须先下载node.js。不然依赖包都是下载不了的。先了解目录结构目录结构是必须先掌握的,不同的版本对应的不同的目录结构,不过都是大同小异的。还不太了解可以去菜鸟教程查看。我个人的目录是少了一些配置文件的,所以之后还需要再添加进去。运行一般运行命令都是下面这个,如果需要修改的话可以找到package.json中"scripts"修改npm run serveVue的基础操作写代码的地方都是在src这个目录中我们需要全局引包的话可以在ma

2021-07-28 15:36:39 152

原创 简单的跨域请求

别人的文章https://www.pianshen.com/article/64931033969/自己的见解跨域:其实就是浏览器的一个安全机制。比如说在我家的东西都是我自己的,我随便拿随便用没有什么风险。但是有一天隔壁老王向你借点盐,你能随便就借给他吗?(也许接着接着就把老婆都借走了)此时我们不知道他是不是就是老王所以不敢借,这时候我们该怎么办呢?此时我告诉老王,让他去请助一下帮助,让代理证明他就是老王有着和我一样的血缘关系那我就借了。这就是一个跨域的过程。借个盐都那么,麻烦不借了。一种绿色植物。

2021-07-27 16:26:43 196

原创 几个常见的模式的见解

观察者模式大白话:比如说现在的军事,有一个侦察兵在执行日常任务每天都需要上报,本来前几天任务的目标都是没有什么变化的,突然有一天目标成长了或者目标死亡了侦察兵就必须第一时间去通知上级和其他的相关部门,达到事件的快速更新。优点: 1、观察者和被观察者是抽象耦合的。 2、建立一套触发机制。缺点: 1、如果一个被观察者对象有很多的直接和间接的观察者的话,将所有的观察者都通知到会花费很多时间。 2、如果在观察者和观察目标之间有循环依赖的话,观察目标会触发它们之间进行循环调用,可能导致系统崩溃。 3、观察者模式

2021-07-22 15:07:15 64

原创 php简单的操作文件

常用的几个方法获取文件类型filetype(‘文件名’)文件大小filesize(‘文件名’)获取文件的创建时间(返回的是时间戳)filectime(‘文件名’)4.获取文件的修改时间(返回的是时间戳)filemtime(‘文件名’)5.获取文件的最后访问时间(返回的是时间戳)fileatime(‘文件名’)6.查询文件的权限is_readable(‘文件名’)----判断文件是否可读,**文件存在并且可读**才会返回trueis_writable(‘文件名

2021-04-20 09:12:07 110

原创 超全sql语句(实干派)持续更新

操作数据查询基础查询语句:查询全部SELECT * FROM 表名称 查询一些字段SELECT 字段1,字段2 FROM 表名称 条件查询SELECT * FROM 表名称 where 字段名排序查询SELECT * FROM 表名称 order by 字段名分组查询SELECT 聚合函数 FROM 表名称 group by 字段名[例子](https://www.runoob.com/mysql/mysql-group-by-statement.html

2020-10-24 22:16:54 64

原创 TP5中的英雄model

源于php中文网连接数据库(TP5采用惰性连接,就是用到数据库方法才连接)核心是:静态连接:就是在配置文件中,书写数据库常量寻找到datadase文件,写入数据库的名称,密码动态连接:引用DB.php调用connect(数组/字符串)使用原生的sql语句进行增删改查查询 :select * from hero 调用 Db::query($sql)同理 更新 Bb::execute()删除

2020-10-17 23:45:16 117

原创 入门PHPmvc设计模式

历史的开发模式(我也尝试过)说白了就是使用大量的PHP与html混编。。。简单的业务和较少的数据其实还好(实习的亲身经历),如果有复杂的业务,比如:多表查询,在这基础上还要添加特效啊,设配啊,不同语言环境啊什么的。那么你的代码就会长成一大堆的PHP逻辑和和html结构。这样维护起来不太好~ <?php foreach($data as $value)?> <p>123456</p> <? endforeach ?> 就是出现很多这样的代码结

2020-09-26 00:07:18 114

转载 tp5的目录结构

初始的目录结构如下:www WEB部署目录(或者子目录)├─application 应用目录│ ├─common 公共模块目录(可以更改)│ ├─module_name 模块目录│ │ ├─config.php 模块配置文件│ │ ├─common.php 模块函数文件│ │ ├─controller 控制器目录│ │ ├─model 模型目录│ │ ├─v

2020-08-30 15:52:02 440

原创 html + scss + jquery实现的简易轮播图

html + scss + jquery实现的简易轮播图思路:首先通过定位将所有的色块都层叠起来(不层叠也行,其实就是将所有的内容都隐藏掉,先显示一张就好了),然后通过定时器将他们显示隐藏。关键在于:如何拿到下一个色块。(有很多办法。文档就很多方法)html```html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="

2020-08-09 13:55:56 401

原创 sass与less的区别

区别1.语法不同sass有两种语法格式 1. 以.scss为后缀名的嵌套写法nav { $width: 100px; width: $width; color: $nav-color;}//-----------编译后nav { width: 100px; color: #F90;} 2. 最早的缩进语法 nav width:100px; height:100px; 编译后也是一样的 less的语法格式嵌套写法 #header {

2020-07-02 15:43:53 601

原创 less预处理的概念与使用

概念less 官网Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。语法嵌套写法#header { color: black; .navigation { font-size: 12px; } .logo { width: 300px; }}...

2020-07-02 15:20:09 295

原创 sass预处理css的简单使用

概念sass 中文官网Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。特点完全兼容 CSS3在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能通

2020-07-01 13:04:04 400 1

原创 小白写ajax跨域结合art-template的简单例子

php通过ajax获取跨域的信息(art-templata)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...

2020-03-19 22:11:06 97

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除