- 博客(35)
- 收藏
- 关注
RSS订阅原创 使用echarts画横向柱状图
先看一下效果图代码实现：var myChart3 = echarts.init(document.getElementById(“college”));myChart3.setOption(option3);
2020-06-05 10:10:04
2106
1
原创 上传图片时 限制图片名字
if(file.name.split('.')[0] ==this.formInline.persSn){ this.param.append("file", file.raw); this.ntag = true }else{ this.$message.error("图片名和工号需一致"); this.ntag = false } 获取图片名按照'.'分割取前面的就可以拿到图片名布尔值是手动上传时做出的判断tr...
2020-06-03 18:48:57
314
原创 vue中使用post请求下载文件
fetch(url+（携带的参数）, {method: “POST”,headers: {‘Content-Type’:‘application/x-www-form-urlencoded’,‘token’: token},body:‘携带的参数’}).then(res => res.blob()).then(data => {let blobUrl = window.URL.createObjectURL(new Blob([data]));this.download(b
2020-06-02 14:45:08
4576
原创 js基本概念试题
1、什么是JavaScript？基于对象和事件驱动可解释性脚本语言2、JavaScript与ECMAScript的关系？JavaScript是ECMAScript的表现，ECMAScript是JavaScript的规范3、变量的命名规则？1.名字见名知义，遵循驼峰标识。例：userName passWord2.变量名只能以字母,_,$开头3.不能使用关键和保留字4.变量名不要相同...
2019-09-24 22:09:03
379
原创 jQuery
jQuery是一个优秀的JavaScript库，封装JavaScript，直接调用。是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile等开发人员以及推广和网站设计、维护人员。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开...
2019-09-24 19:10:20
112
原创 js面向对象封装拖拽效果
一、面向对象两种编程模式：面向过程：注重过程面向对象：注重结果Js基于对象对象的特征：封装 继承 多态对象的组成：属性：静态的，对象的描述 --------------------- 变量方法：动态,对象的行为 -------------------------- 函数2.call与apply与bindcall apply bind:改变this的指向普通函数的thi...
2019-09-12 21:53:53
185
原创 正则
正则表达式：是字符串操作的一种逻辑公式，就是事先定义好的一些特殊字符，及这些特定字符的组合，组成一个‘规则字符串’，这个规则字符串用来表达对字符串的一种过滤逻辑。简单的说就是规定文本检索的内容，通常被用来检索、替换文本。一、创建正则表达式正则对象RegExp，又称为正则表达式，创建的方式有构造函数创建和字面量创建两种。一般使用字面量创建方式。构造函数创建：构造函数创建 new RegExp（...
2019-09-11 20:57:32
118
原创 BOM-window对象
BOM全称Browser Object Model-浏览器对象模型，他提供了很多对象，用于访问浏览器的功能，没有规范，BOM的核心是window。一、系统对话框window提供的系统对话框 window可以省略window.alert(“我是一个警告框”)；1.2带确认的对话框，返回点击的值 确认——true 取消——falseconfirm（‘是否重置’）；1.3带输入的对话框wi...
2019-09-08 20:46:31
103
原创 DOM操作
1.介绍文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。2.获取节点加载HTML页面时，web浏览器生成一个树型结构，用来表示页面内部结构，称之为DOM树，DOM将这种树型结构理解为由节点组成。（1）获取元素的子节点...
2019-09-05 22:47:08
84
原创 数组对象
一、创建数组两种创建方式：字面量方式创建，构造函数创建1.字面量方式创建字面量方式创建，将数组元素放在[ ]中，数组元素可以很直观的看到。2.构造函数创建构造函数创建时，前面需要new关键字，后接函数名，函数名首字母大写。如果参数只有一个并且是数值，表示创建数组的个数二、添加删除push() pop()在数组的末尾添加或删除元素。push（）方法可以接受任意数量的参数，把他们逐...
2019-09-04 22:33:12
96
原创 JS字符串方法
单双引号包含的住的都是字符串。String类型的每个实例都有一个length属性，表示字符串中包含多个字符。1.charAt（index ）获取字符串对应位置的字符2.charCodeAt(下标):获取字符串对应位置字符串编码 “0”-48 “A”:65 “a”:973.indexOf( str [,index])该方法可返回某个指定的字符串值在字符串中首次出现的位置。index是可选的...
2019-09-03 22:08:14
94
原创 JS中的数据类型
六大数据类型：一、五大基本数据类型（1）Number（数值）Number类型中包含整数、小数、八进制、以及十六进制，二进制表示的数据，其中有一个特殊的number类型—NaN表示not a number（不是一个数字），一般不正常的运算才会出现NaN。需要注意的是在js中小数之间的计算结果会出现偏差。（2）String（字符串）字符串是用引号引起来的string类型即用引号引起来的，可...
2019-08-28 22:25:47
130
原创 H5新增语义化标签以及属性
一、结构标签缺点：兼容性比较差ie8+才能shibie1.section 独立内容模块，可以h1-h6组成大纲，表示文档结构，有章节、页眉、页脚或其他部分2、article （文章）文章核心部分3、阿斯德标签内容之外相辅的信息 侧边栏4、header 头部、标题5、footer 底部6、nav 导航7、figure标签 代替原来的li>img+p就是有文字有图片的区域二、I...
2019-08-25 12:57:02
265
原创 框架
一、什么是框架1.是一堆代码的集合2.一个半成品的应用3.包含了一些优秀的设计模式定义：框架是一堆包含了常量、方法和类等代码的集合；底层架构并不包含业务逻辑二、为什么使用框架会有一个成型的开发流程不使用：代码风格不一样维护困难，可能造成项目生命周期短一处小修改，会牵扯出很多地方的修改在后期满足客户需求方面，存在局限性三、框架使用的好处1.帮助我们简单快捷，高效的开发项目2...
2019-08-24 14:22:10
103
原创 网页中图片常见格式及其特点
1.jpg：有损压缩格式靠损失图片本身的质量来减少图片的体积，适用于颜色丰富的图像；（像素点组成的越多越清晰）2、gif：无损压缩格式靠损失图片的色彩量来减小图片的体积，支持透明，支持动画，适用于颜色数量较少的图像；3、png无损压缩格式损失图片的色彩量来减少图片的体积，支持透明，不支持动画，适用于颜色数量较少的图像；4、svg：可缩放矢量图svg图像在放大或改变尺寸的情况下其图形质...
2019-08-23 20:51:30
3835
原创 等高布局，双飞翼布局
圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部浮动，区别于在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的div里然后对嵌套的d...
2019-08-22 21:01:45
98
原创 什么是less？less有什么好处？
LESS是动态的样式表语言，通过简洁明了的语法定义，是编写 CSS的工作变得非常简单。在实际项目开发中，可以大大提升前端工程师的效率！CSS（层叠样式表）是一门历史悠久的标记性语言，同HTML一道，被广泛应用于万维网中。HTML主要负责文档结构的定义，css负责文档表现形式或样式的定义。作为一门标记语言，CSS的语法相当简单，对使用者的要求较低，但同时也带来一些问题：CSS需要书写大量看似没有...
2019-08-21 19:54:10
4533
原创 怎么做图片优化？
1.降低图片的大小我们的目的是降低图片的大小kb，有很多方法可以做，压缩图片，选择更小kb的图片格式，以达到最优的显示效果，找在线压缩图的网站如TinyPNG2.选择适当的图片宽度尺寸（即响应式图片）3.减少HTTP的网络资源请求 考虑CSS Sprites（精灵图）怎么使用精灵图利用CSS的background-img，background-repeat，background-posi...
2019-08-21 19:32:14
402
原创 CSS的弹性布局，以及适用场景
1.背景介绍：网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。它对于那些特殊的布局非常不方便2009年，W3C提出了一种新方案——Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经的得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。2.知识剖析：1.什么是flex...
2019-08-20 22:33:54
1322
原创 移动端常见布局及原理
1.固定布局 采用固定像素 原理：设置好视口，跟PC端写法一样 版心320px即可缺点：界面左右两侧有空白 而且元素略小 用户体验差2.流式布局 原理采用%替代固定的px 限制布局盒子的最大宽度和最小宽度优点：实现自适应 缺点：只做宽度适配，高度会被拉伸3.响应式布局 rem+js、媒体查询bootstrap原理：设置根据标签html的字体大小，利用媒体查询 换算不同屏幕下对应的字体大小...
2019-08-18 18:12:37
344
原创 多线程和多进程区别
进程：是操作系统进行资源分配和调度的基本单位，多个进程之间相互独立2.稳定性好，如果一个进程崩溃，不影响其他进程，但是进程资源大，开启进程数量有限制线程：CPU进行资源分配和调度的基本单位，线程是进程的一部分，是比进程更小的能运行的基本单位一个进程下的多个进程可以共享该进程的所有资源2.如果I/O操作密集，则可以多线程运行效率高，缺点是如果一个线程崩溃，都会导致进程的崩溃...
2019-08-13 22:02:54
87
原创 CSS中的BFC规则
一、何为BFCBFC（Block formatting context）直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与 他规定了内容的Block-level Box如何布局，并且与这个区域外部毫不相干二、BFC规则1.内部的Box会在垂直方向，一个接一个地放置2.Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margi...
2019-08-13 21:52:23
212
原创 SQL优点
1.一体化：SQL集数据定义，数据操作和数据控制于一体，可以完成数据库中的全部工作2.使用方式灵活：SQL具有两种使用方式，可以直接命令使交互使用，也可以嵌入使用3.非过程化：只提操作要求，不必描述步骤，也不需要导航，使用时只需要告诉计算机做什么，不需告诉他怎么做4.语言简洁，语法简单，好学好用5.SQL语句不分大小写，许多SQL开发人员对SQL本身关键字进行大写，而对表或列的名称使用小写...
2019-08-12 20:30:03
2025
原创 标签特性
1.块级元素块级元素独立成行；垂直布局块级元素的宽度默认撑满其父元素的宽度具有盒模型特征（默认可以设置宽高 间距 留白 边框）块级元素中可以添加块级元素、行级元素、行块级元素2.行级元素不会独占一行，宽度随元素内容变化相邻的行内排列在同一行，直到一行排列不下才会换行具有部分盒模型特征（没有宽高，有横向间距、留白，没有纵向间距和留白、边框保留，换行和空格会被解析）3.行块元素默认在...
2019-08-08 22:48:09
189
原创 从前端、后端、数据库阐述如何优化Web项目
前端优化：1.减少http请求，例如制作精灵图；2html和css放在页面上部，JavaScript放在页面下面；因为js加载比html和css加载慢，所以要优先加载html和css以防页面显示不全，性能差，也影响用户体验。后端优化：1.缓存读写次数高，变化少的数据。比如网站信息，商品的信息，应用程序读取数据时，一般是先从缓存中读取，如果读取不到或数据已失效，再访问磁盘数据库，并将数据在写...
2019-08-07 22:31:56
364
原创 浮动的问题
浮动的问题：标签浮动以后脱离正常文档流，导致父标签无法被撑开，且会影响后续正常布局清除浮动的几种方法总结：常用清除浮动的方法：1.给浮动标签的父标签固定高度（不够灵活）2.在浮动标签的最后加一个空DIV标签本身不浮动，且添加样式clear：both（代码冗余）3.给父标签加overflow为visible以外的其他值时可以帮助实现4.给浮动标签的父标签添加.clearfix（不会在结构上...
2019-08-07 08:24:05
95
原创 PC端兼容性问题解决
一、图片下间距图片和父盒子之间有间隙，并且间隙的大小会发生变化，字体越大间隙越大原因：图片具有文本属性，文本是以基线对齐的，下间隙是基线与底线的距离解决方法：1.设置字体大小为0（不太切合实际）2.图片转换成块级（彻底取消基线对齐特征）3.文本垂直对齐方式vertical-align：top、middle、bottom二、行内元素并排中间间隙问题解决方法：浮动实现并排三、文本框与...
2019-08-06 23:13:56
839
原创 面向过程和面向对象
面向过程（怎么做）1.需求的步骤逐步实现2.将某些功能代码封装成一个函数3.顺序的调用不同的函数特点：1.注重步骤 不注重分工2.需求如果复杂，代码变得复杂3.遇到复杂项目难度大面向对象 （谁来做）面向对象是更大的封装，根据职责在一个对象中封装多个方法1.完成需求前，确定职责，要做的事2.根据职责确定不同的对象，在对象内封装不同方法（多个）3.顺序的让不同对象调用不同的方法。...
2019-08-05 22:54:36
44
原创 定位
定位的原理：在文本流中，任何一个标签都被文本流限制了自身的位置，但是通过CSS我们依然使得这些标签可以改变自己的位置，通过float来让标签浮动，也可以通过margin来让标签产生位置移动。CSS定位属性，允许定义标签框相对于其正常位置应该出现的位置，或者相对父标签、甚至浏览器窗口本身的位置。定位的位置值可以是left right top bottom。元素坐标点（left top） （rig...
2019-08-05 22:46:11
72
原创 get请求和post的区别
get在浏览器回退时是无害的，post会再次提交数据get方式将数据作为URL地址的一部分发送给服务器。post将数据隐藏在HTTP数据流中进行传输；get方式请求数据可以被缓存，能够保留在浏览器的历史记录中，能够作为书签被收藏post方式请求数据不会被缓存，也不会在浏览器的历史记录保存，更不会作为书签被收藏post请求比get方式的安全性高；get只接受ASCII码字符，post没有限...
2019-07-30 20:28:03
65
原创 什么是HTML标签语义化
根据页面结构，选择合适的标签，便于浏览器，搜索引擎解析为什么要有标签语义化？1.方便代码的维护和阅读2.同时让浏览器和网络爬虫可以很好的解析，从而更好分析其中的内容3.使用语义化标签会有更好的搜索引擎优化，合适地方给一个最为合理的标签语义化的好处？1.在没有css的情况下，页面能够呈现比较好的内容结构2.语义化使代码更具有可读性，便于团队开发和维护3.有利于用户体验，有利于SEO搜...
2019-07-29 18:43:08
69
原创 什么是系统运维
系统运维类似于系统维护，前者更加侧重于保障系统正常运行，运维有运行和维护两层含义。对于一个系统，有时出错我们无法预知，系统越复杂，其维护难度越大，为了减少损失，我们尽可能地去预防各种错误，对于突发情况，尽可能地去修复。系统运维概念互联网最近几十年发生了很大变化，从最初的modem拨号接入，经历了ISDN接入、DSL接入、cable modem接入、专线接入、光纤接入、无线接入，以及分组交换网、...
2018-11-27 17:54:12
1345
原创 什么运维管理员和运维管理员的工作
一、运维管理员的定义：运维管理员是指负责公司办公信息和网络系统有效运行、维护和管理的技术人员。 二、运维管理员的工作的主要内容：1、负责公司办公设备和网络的日常维护及管理，能兼职公司网络产品的推广，网店的运维； 2、负责处理各种计算机应用软件、操作系统、病毒杀毒等，同时为其他部门提供软硬件技术支持； 3、负责电脑周边设备（打印机、扫描仪、传真机、复印机、投影仪等）安装；...
2018-11-27 17:35:07
1966
1
原创 tp中的跳转方法和模板注释
系统跳转方法在ThinkPHP中系统有两个跳转方法，分别是成功跳转和失败跳转；成功：$this->success(跳转提示，跳转地址，等待时间)；失败：$this->error(跳转提示，跳转地址，等待时间)；跳转提示参数必须要有，后面的地址和时间可以没有，如果没有指定跳转地址，则跳转到上一页。在ThinkPHP中的模版注释：行注释：{//行注释内容}块注释：{/块注...
2018-11-27 17:26:28
776
原创 tp访问静态成员的语法格式
static修饰属性成为静态属性（通常用来保存所有对象共享的数据），static修饰方法成为静态方法。静态成员属于类，可以不需要实例化就可以直接访问。访问静态成员语法：类名::静态成员静态方法不能访问普通成员，只能访问静态成员。因为普通成员需先创建对象才能访问，而静态方法在被调用时可以不创建任何对象。...
2018-11-27 17:24:37
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人