![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 53
爱撸猫的小黑人
小白!希望能结识更多的程序大佬!向大佬们学习
展开
-
web 各个优化指标,提高你得网站性能,以及动画性能
推荐插件:Bulk Image Downloader,需要翻墙从谷歌应用商店安装。但是也可以搜百度安装。原创 2023-07-07 15:57:36 · 466 阅读 · 0 评论 -
记载一下项目里 移动端的适配,主要结构为ts
/ 实际开发中做移动端适配的时候,要写一套pc端代码,一套移动端代码。其他的适配方案还有很多,就不在一一叙述。原创 2023-03-17 10:41:22 · 236 阅读 · 0 评论 -
vite结合ts使用mock模拟数据,实现前后端异步开发
vite结合ts,vue3 使用mock模拟数据,实现前后端异步开发原创 2023-02-17 11:30:49 · 1264 阅读 · 0 评论 -
持续不断更新中... 自己整理的一些前端知识点以及前端面试题,包括vue2,vue3,js,ts,css,微信小程序等
简单总结了一下,这并不是一篇完整的文章,因为我还没有写完呢。以后碰见什么题 会继续在这个基础上更新。java那部分 就先不更 了 ,过两天在更。原创 2023-02-02 08:26:24 · 4445 阅读 · 2 评论 -
vben admin框架 useForm 时间选择器 开始时间,结束时间解析.懒人方法
vben admin 中的userForm 时间选择器的格式化解构字段.原创 2022-10-18 16:15:58 · 1803 阅读 · 0 评论 -
碰到一个巨坑巨坑的问题,vue设置了baseUrl却不管用?
vue设置了baseUrl却不管用原创 2022-09-06 12:45:17 · 2411 阅读 · 0 评论 -
前端css3新增【面试题】
p:last-of-type:选择父元素的最后一个p元素,跟first相反。p:nth-child(2):选择其属于父元素的第二个子元素的每个p元素。p:nth-of-type(2):选择属于其父元素第二个p元素的每个元素。p:only-child:选择其属于父元素的唯一子元素的每个p元素。p:last-child:选择属于其父元素最后一个子元素每个p元素。p:only-of-type:选择父元素里只有一个p元素的容器。p:first-of-type:选择父元素的首个p元素;指定display:flex;原创 2022-09-03 11:58:12 · 169 阅读 · 0 评论 -
利用H5的Map和crea做热点地图,和点击图片的某个地方跳转某个链接
可以实现点击图片上指定区域,然后跳转指定链接的效果。比如 一张有香蕉,苹果,梨子的图片,你点击香蕉出现香蕉,点击苹果出现苹果,点击梨子出现梨子。原理很简单,但是很难想到,是我们公司一个技术经理想到的。然后我偷摸看源码看到他用了者两个组件。转载 2022-08-19 11:41:35 · 741 阅读 · 0 评论 -
如何自己本地搭建一个服务器,并访问
打开控制面板右上角查看方式改为打开打开选中安装iis服务器。原创 2022-08-10 17:59:28 · 1948 阅读 · 0 评论 -
关于饿了吗头像avatar组件更换头像地址,不更新的问题
饿了吗框架头像不更新问题原创 2022-06-30 12:12:24 · 363 阅读 · 0 评论 -
git 将主分支分发到其他分支
因为团队新加了几个前端,所以以前单兵作战的方式已经不再适用,长时间议来深受代码提交混乱的困扰。所以特地查阅了相关资料。那么说到主题,将git主分支代码更新到其他分支,分为一下几个步骤1,切换分支,先把分支切换到主分支git checkout master2,拉取主分支代码,git pull3,切换到自己的分支git checkout **自己的分支**4,将主分支的代码merge(合并)到自己的分支git merge master5,再将自己的代码push(推)上去git p原创 2022-04-11 17:55:28 · 3160 阅读 · 0 评论 -
记录一次使用echart得坑爹经历(echart 绑定不上点击事件)
echart 绑定不上点击事件官网没有示例,网上搜了半天 没一个有用得。正确绑定方法应该是let charts = charts.init(this.$el)let chartZR = charts.getZr();chartZR.on(eventName,callBack)应该是这么绑定得网上都说可以直接用charts.on(eventName,callBack)直接绑定。对不起 ,我真的试过了,真的绑定不上去。用getZr一下子就绑上去了...原创 2022-03-10 06:02:04 · 1053 阅读 · 1 评论 -
小程序自动更新版本和一些注意事项
function autoUpdate() {// 获取小程序更新机制兼容if (uni.canIUse(‘getUpdateManager’)) {const updateManager = uni.getUpdateManager()// 检查是否有新版本发布updateManager.onCheckForUpdate(function(res) {if (res.hasUpdate) {//小程序有新版本,则静默下载新版本,做好更新准备updateManager.onUpdateRea原创 2022-02-21 10:13:24 · 1120 阅读 · 0 评论 -
HTTP第二话
2.1 简单的HTTP协议应用场景:用于客户端和服务端之间的通信。2.1.1 请求报文的构成:2.1.2 响应报文的构成注意:http协议是不保留状态的协议。即他对于发送过的请求发完了不会保存。但是为了实现保持状态的功能,于是引入了Cookie技术。2.1.3 请求方法就那么几种方法,在这里就不再累述。2.1.4 使用cookie的状态管理因为http是无状态的,也就是说无法根据之前的状态进行本次的请求处理。如果需要保留状态,则需要引入cookie,cookie会根据服务器端发送的响应报文内原创 2021-05-12 22:13:53 · 161 阅读 · 0 评论 -
关于http,初级知识。对于新人还是很友好的
网络编程:1.1 TCP(传输控制协议)构成:由七层构成:1,应用层:HTTP、SMTP(电子邮件传输协议)、IMAP(交互邮件访问协议)DNS等2,表示层:加密、解密等3,会话层:通信连接/维持会话4,传输层:TCP/UDP5,网络层:IP6,物理层:网络物理硬件1.1.1 三次握手图示[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-paIhMmc2-1620732863836)(E:\Desktop\个人笔记\微信截图_20210510195746.png原创 2021-05-11 19:34:51 · 101 阅读 · 0 评论 -
HTML精选面试题
1.1 html的布局元素有哪些?描述每种布局元素的应用场景:答:内联元素:和其他行内元素从左到右在一行显示,不可直接控制宽高等css属性,可以直接设置内外边距的左右值。代表:span,a,b,strong,i,em,br,inut,textarea应用场景:用于不指定宽高,宽高由内容指定。块状元素:独占一行,每一个元素都会从新的一行开始,从上到下排布。可以直接控制宽高等css属性。在不设置宽高的情况下,宽度是父级元素内容的宽度。高度是本身内容的高度。代表:div,h1~h6,menu,ol,原创 2021-04-30 15:08:49 · 129 阅读 · 1 评论 -
数组方法随记
数组的方法:方法名描述concat()连接两个或者更多数组,返回一个被链接数组的副本,而且不改变原始数组copyWthin()拷贝指定索引位置的元素到数组中指定的位置。三个参数,1,复制指定位置的元素,2,开始的位置3,结束的位置。entries()返回一个可迭代的对象,获取键值的方法是arr.entries().next().valueevery()如果数组里的每个元素都符合条件,那么返回true,否则falsefill()第一个参数使用一个固定值来原创 2021-03-14 20:50:28 · 108 阅读 · 0 评论 -
壮哉我大前端,学习路线
学习路线:第一部分:互联网部分1,互联网是如何工作的?2,HTTP是什么?3,浏览器及其工作原理4,DNS工作原理5,什么是域名?7,主机是什么?第二部分:HTML1,学习基础知识2,使用语义化标签构建你的网页(随时学习)3,表单和验证4,惯例和最佳实践5,可访问性6,搜索引擎优化第三部分:css1,学习基础知识2,布局:(浮动,定位,显示,盒模型,网格布局,弹性布局)3,响应式设计和媒体查询第四部分:javaScript1,语法和基本结构2,DOM学习3,原创 2021-03-05 17:43:56 · 132 阅读 · 0 评论 -
使用脚手架安装基于element-ui的项目
准备工作:确保安装了vue脚手架,可用vue -V命令来检测是否安装成功。 npm -V 测试npm是否安装成功 安装淘宝镜像:以下命令安装npm install -g cnpm --registry=https://registry.npm.taobao.org使用基于element-ui开发场景 1,在项目文件夹内右键打开git bash here,然后输入vue init webpack 项目名称,初始化一个新项目 2,进入新项目文件夹安装依赖cnpm install,安装完毕之后执行命令原创 2021-02-01 18:48:59 · 352 阅读 · 0 评论 -
常用Vue指令总结
v指令说明v-model双向数据绑定,一般用于表单元素v-for对数组或对象进行循环操作v-on绑定事件,用法v-on:事件=“函数”v-show/v-if用来显示或隐藏元素,v-show是通过display实现,v-if是每次删除后再重新创建v-on:简写:@$event包含target,type,offset…事件对象$event阻止事件冒泡:1,原生js,依赖于事件对象,需要调用stopPropagation()方法2,vue原创 2021-01-25 11:08:15 · 431 阅读 · 0 评论 -
js总结
语法约定:1.区分大小写2,代码缩进3,建议每行只写一条语句,语句一分号;结尾,则以行末作为语句结束4,代码执行顺序:从上到下,由左到右引用 javscript 方式:``1,写在 head 头部,内嵌 js 代码2,引入外部 js 文件3,写在 body 主体变量:1,在程序运行过程中其值可以改变的量,是一个数据存储空间的表示,即给内存空间起别名。2,将数值通过变量进行存储,以便程序随时使用。通俗来说,变量就是存储数据的3,声明,赋值 var i = 10; var 是’varia原创 2021-01-25 11:07:26 · 272 阅读 · 2 评论 -
ES6总结
let声明变量 1,不能重复声明相同变量 2,块级作用域:只在{ }有效 3,不存在变量提升 4,不影响作用域链let i = 1;function b(){console.log(i)}b();//i const声明常量 1,一定要赋初始值 2,一般常量使用大写(潜规则) 3,常量得值不能修改 4,块级作用域 5,对于数组和对象得元素修改,不算对常量得修改,不会报错解构赋值: 简介:es6允许按照一定模式从原创 2021-01-25 11:06:47 · 212 阅读 · 0 评论 -
h5总结
标签名描述注释<!DOCTYPE>定义文档类型超链接定义缩写定义地址元素定义图像映射中得区域定义文章定义页面内容之外得内容音频粗体定义页面中所有链接得基准URL定义文本得文本方向,使其脱离周围文本得得方向设置定义文本显示得方向定义长得引用定义body元素换行符定义按钮定义动画定义表格标题定义引用定义表格列得属性...原创 2021-01-25 11:05:47 · 187 阅读 · 0 评论 -
Ajax笔记
方法描述open(method,URL,async)建立与服务器的连接method:请求方式【get,post】URL:请求地址async:是否使用异步请求【true||false】send(conten)发送请求:content:请求参数,只有post请求才能通过send()发送参数setRequestHeader(header,value)设置请求头信息常用事件:onreadystatechange:事件属性:指定回调函数,当readyState属性改变时触...原创 2021-01-25 11:05:11 · 97 阅读 · 0 评论 -
前端常用英文,持续更新中
名称 描述rou 行column 列.container-fluid(100%宽度) 全屏、container=‘容器’、fluid=‘流失’aligment 排列padding 内补offset 偏移push 增加pull 拖、拉splice 替换name 名称value 属性expires 有效期path 路径damain 域secure 安全private 私有cache 缓存must 必须revalidate 使重新生效Control 控制request 请原创 2021-01-25 11:04:29 · 420 阅读 · 0 评论 -
js练习题
一,单选题:有以下ES6代码function * gen(){ yield 1; yield 2; yield 3;} 下面选项描述正确的是: A:gen()执行后返回2 B:gen()执行后返回一个undefined C:gen()执行后返回一个Generator对象 D:gen()执行后返回1 解答:C、这是ES6的新feature(特性),function后面带*号的叫做gen原创 2021-01-25 11:03:30 · 11036 阅读 · 0 评论 -
**css标签总结大全*
css标签总结大全字体属性:(font) 大小:font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 :font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 :line-height: normal;(正常) 单位:PX、PD、EM 粗细 :font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 :fo原创 2021-01-25 11:02:44 · 210 阅读 · 0 评论