- 博客(41)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 VScode自定义模板的使用
为了提高效率，使用快捷键就能生成模板代码是不是美滋滋！直接上马 首先找到用户代码段 搜索html.json文件 然后写自己熟习的代码模板 一般没有定义模板的，刚开始是什么都没有的 也可以将这些都删了 > 定义自己的模板 详细模板 "VUE template": { "prefix": "vh", // 对应的是使用这个模板的快捷键 "body": [ "<!DOCTYPE html>", "<html
2020-07-05 22:33:04
2147
原创 git的常规使用（包括冲突的产生和解决。干货）
1.1git的初始化本地仓库 git init 1.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
515
原创 前端工程师--手写js一些常见的code。有一定的基础，不然看不懂
/ 特点 1. 改变this指向 2. 不影响原对象的返回 3. 接收多个参数 4. 自己返回的是一个函数。思路：循环调用传进来的peomise数组，有一个promise失败整个promise就是失败的。思路：判断当前item项是数组还是对象，都不是直接复制，是的话就递归。新对象需要能够访问到构造函数的属性，所以需要重新指定它的原型；场景：发送请求，屏幕滚动，窗口大小缩小的时候要执行的代码。思路：双指针并置换头尾，注意处理中间值，不然又会反转一遍。思路：通过自定义属性将自己的this先存起来。
2022-10-09 13:56:17
548
原创 前端开发工程师--js面试题-概念篇
不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串…setInterval会按照设定的时间间隔重复地在Event Queue注册回调函数，如果某一段时间主线程代码执行太久，那么setInterval的回调函数可能阻塞到一起执行，无法保持设定的时间间隔，如果此时setInterval用于动画，则体现为卡顿。（4）判断函数的返回值类型，如果是值类型，返回创建的对象。
2022-10-01 12:33:19
469
原创 vue3+ts遇到的小问题
解决：1. 检查是或否是，是的话进入拓展设置，所有的选项都勾选2. 还是不行就要更新vscoe了。一般的话会在力捕抓到一个错误。跟新就好了。
2022-09-25 22:42:06
9292
原创 vue2源码--生命周期
生命周期 beforeCreate 这个钩子函数只是初始化了事件，生命周期，如果在这里获取data得到的是一个undefined initEvent，在vm添加事件属性 initLifecycle：初始化vm.$options这个空属性 initRender：初始化虚拟dom需要的属性 beforeCreate模板还没有被替换掉。 create initInjections(vm); initState(vm); 1. data 的数据在这里初始化 initData() 2. 让data的数据变成响应
2022-05-21 13:59:16
207
原创 腾讯云实操--mysql
安装mysql 1.下载包 wget http://repo.mysql.com/mysql57-community-release-el7-8.noarch.rpm 2.安装 sudo rpm -ivh mysql57-community-release-el7-8.noarch.rpm sudo yum install mysql-server 这样按道理是安装成功了 查看是否安装成功就要查看有没有pid service mysqld start chkconfig --list mysqld mysq
2022-02-20 14:14:05
544
原创 腾讯云实操
购买（学生版） 直接在官网搜索购买即可 购买完成在面板启动 不知道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
127
原创 地区数组，广东
let provinces = ["北京", "天津", "上海", "重庆", "新疆", "西藏", "宁夏", "内蒙古", "广西", "黑龙江", "吉林", "辽宁", "河北", "山东", "江苏", "安徽", "浙江", "福建", "广东", "海南", "云南", "贵州", "四川", "湖南", "湖北", "河南", "山西", "陕西", "甘肃", "青海", "江西", "台湾", "香港", "澳门"] let c.
2021-12-09 15:03:42
282
原创 scroll家族简介
scroll家族 属性/方法 解释 element.scrollHeight 返回元素的整体高度。 element.scrollWidth 返回元素的整体宽度。 element.scrollLeft 返回元素左边缘与视图之间的距离。单位px（包括padding） element.scrollTop 返回元素上边缘与视图之间的距离。 单位px（包括padding） 属性/方法 解释 window.scrollBy() 使窗口滚动到指定位置 window.sc
2021-12-08 22:26:38
611
原创 不用下载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
459
原创 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
1289
转载 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
1407
原创 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
2090
原创 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
259
原创 vue3+ts中使用封装后的echarts。适合小白（报错的也可以看Initialize failed: invalid dom.）
封装的echarts userEach.ts import { 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
1697
原创 数据结构之堆栈（四）
栈 什么是栈？ 栈在实际的例子中有点像手枪的弹夹。你每次添加子弹的时候都是会把你前面添加的子弹给压到最下面。而打出来的子弹都是你最新的。所以就有一个特点，先进去的子弹会先出来。后进去的子弹回后出来。栈结构在网页中是很常用的一个数据结构。我们很经常用的浏览器的前进后退功能就是这样的。 栈是限定了仅在表尾（栈顶）进行插入删除的操作的线性表 栈的例子 注意：栈一定是遵循先进先出的原则。所以想想312这种情况会发生吗？还有一点栈其实也是一个线性表 栈的结构定义 栈的几种常见情况（顺序结构
2021-09-06 15:24:50
228
原创 数据结构（三）---链表
概念 我们先想一个游戏场景—老鹰抓小鸡。母鸡后面都有序的跟着小鸡们，第一个小鸡被第二个小鸡紧跟着防止掉队。如果有一次第二个被甩出去了后面的小鸡都没有了方向，整个队伍就散了。好在第二个小鸡及时回来补救。这就是一个单链表，在代码层面上显示出来的就是一个数组。单链表的特点就是只有一个或零个前驱有一个或零个后继。例如我们的排队、月份、星座。我们的班级算吗？不算。仔细想想只有一个或者零个。 线性表的顺序存储（可变数组） 顺序结构说白了就是在内存开一片地，占定了一定的空间，数据就按着分配的位置就坐。就好比说现在疫情，之
2021-08-29 16:38:10
226
原创 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
1312
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
178
原创 数据结构（二）---算法
概念 什么是算法？ 算法其实就是我们读书的时候的阶梯方法，一个题目对应这多解。比如说最常见的高斯求和，你可以从1到100的一个个算。你也可以用高斯的解法去算。答案都能算出来。只是步骤的多或少而已。换到我们的计算机领域中什么是算法呢？范围大一点就是你写的代码都是算法。准确点就是你写的函数都是算法。例子 这就是一个算法 function a (n) { let sum ; for (let i = 0; i < n; i++) { sum += i; } return sum; } 算法的
2021-08-21 21:15:47
155
原创 数据结构（一）---全文字希望你能看下去
概念 数据结构是什么东东呢？ 我们的祖先很早就想到了用一些符号或者记号来帮助他们记忆当时发生的时间、事件、年份等等诸多信息。然后就日渐发展成了我们的文字，数字。所以数据结构也是一样的，为了让计算机认识和并应用的一种概括性很大的学科。 书上是这样定义的： 简单的是说：我们初中都学过分子结构吧，每个分子都是排列不同就会形成不同的结构。数据结构也是一样。数据元素之间不是独立，他们形成的特定的关系的话就成了数据结构。 1.1 数据：就是计算机能够认识的符号。 1.2 数据元素：这个概念是一个大类。就像数据
2021-08-20 09:59:55
190
原创 VUE的深坑（一）
框架的下载 vue框架下载 在使用vue之前必须先下载node.js。不然依赖包都是下载不了的。 先了解目录结构 目录结构是必须先掌握的，不同的版本对应的不同的目录结构，不过都是大同小异的。还不太了解可以去菜鸟教程查看。 我个人的目录是少了一些配置文件的，所以之后还需要再添加进去。 运行 一般运行命令都是下面这个，如果需要修改的话可以找到package.json中"scripts"修改 npm run serve Vue的基础操作 写代码的地方都是在src这个目录中 我们需要全局引包的话可以在ma
2021-07-28 15:36:39
263
原创 简单的跨域请求
别人的文章 https://www.pianshen.com/article/64931033969/ 自己的见解 跨域：其实就是浏览器的一个安全机制。比如说在我家的东西都是我自己的，我随便拿随便用没有什么风险。但是有一天隔壁老王向你借点盐，你能随便就借给他吗？（也许接着接着就把老婆都借走了）此时我们不知道他是不是就是老王所以不敢借，这时候我们该怎么办呢？此时我告诉老王，让他去请助一下帮助，让代理证明他就是老王有着和我一样的血缘关系那我就借了。这就是一个跨域的过程。借个盐都那么，麻烦不借了。一种绿色植物。
2021-07-27 16:26:43
289
原创 几个常见的模式的见解
观察者模式 大白话：比如说现在的军事，有一个侦察兵在执行日常任务每天都需要上报，本来前几天任务的目标都是没有什么变化的，突然有一天目标成长了或者目标死亡了侦察兵就必须第一时间去通知上级和其他的相关部门，达到事件的快速更新。 优点： 1、观察者和被观察者是抽象耦合的。 2、建立一套触发机制。 缺点： 1、如果一个被观察者对象有很多的直接和间接的观察者的话，将所有的观察者都通知到会花费很多时间。 2、如果在观察者和观察目标之间有循环依赖的话，观察目标会触发它们之间进行循环调用，可能导致系统崩溃。 3、观察者模式
2021-07-22 15:07:15
123
原创 php简单的操作文件
常用的几个方法 获取文件类型 filetype(‘文件名’) 文件大小 filesize(‘文件名’) 获取文件的创建时间（返回的是时间戳） filectime(‘文件名’) 4.获取文件的修改时间（返回的是时间戳） filemtime(‘文件名’) 5.获取文件的最后访问时间（返回的是时间戳） fileatime(‘文件名’) 6.查询文件的权限 is_readable(‘文件名’)----判断文件是否可读，**文件存在并且可读**才会返回true is_writable(‘文件名
2021-04-20 09:12:07
193
原创 超全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
132
原创 TP5中的英雄model
源于php中文网 连接数据库（TP5采用惰性连接，就是用到数据库方法才连接） 核心是： 静态连接：就是在配置文件中，书写数据库常量 寻找到datadase文件，写入数据库的名称，密码 动态连接：引用DB.php调用connect(数组/字符串) 使用原生的sql语句进行增删改查 查询 ： select * from hero 调用 Db::query($sql) 同理 更新 Bb::execute() 删除
2020-10-17 23:45:16
222
原创 入门PHPmvc设计模式
历史的开发模式（我也尝试过） 说白了就是使用大量的PHP与html混编。。。简单的业务和较少的数据其实还好（实习的亲身经历），如果有复杂的业务，比如：多表查询，在这基础上还要添加特效啊，设配啊，不同语言环境啊什么的。那么你的代码就会长成一大堆的PHP逻辑和和html结构。这样维护起来不太好~ <?php foreach($data as $value)?> <p>123456</p> <? endforeach ?> 就是出现很多这样的代码结
2020-09-26 00:07:18
184
转载 tp5的目录结构
初始的目录结构如下： www WEB部署目录（或者子目录） ├─application 应用目录 │ ├─common 公共模块目录（可以更改） │ ├─module_name 模块目录 │ │ ├─config.php 模块配置文件 │ │ ├─common.php 模块函数文件 │ │ ├─controller 控制器目录 │ │ ├─model 模型目录 │ │ ├─v
2020-08-30 15:52:02
509
原创 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
524
原创 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
739
原创 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
380
原创 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
560
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
171
空空如也
vscode Dracula Official主题 选择的颜色不明显
2021-12-07
vite+vue3+ts+element plus 使用具名插槽报类型错误
2021-11-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人