- 博客(48)
- 收藏
- 关注
原创 element el-date-picker 禁选指定日期
记录使用element的el-date-picker的一些坑:需求:日期上,指定某几天可以使用(换言之,除了这几天都可以使用,其他都要禁用掉)实现:<el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>vu
2021-11-10 16:23:28
1235
原创 vscode-离线下载安装
1、打开官网:Visual Studio Code - Code Editing. Redefined 点击 Extentions.2、搜索要安装的插件,打开插件对应的页面,打开,点击download Extension(下载对应的文件.vsix)3、从VSIX安装,选择下载的插件安装即可...
2021-10-16 15:07:19
325
原创 elementUI之cascader级联控件的默认值(回显)问题
看了element的官方文档,发现cascader没有对value的值进行说明,但是开发功能在编辑的时候,出现数据回显不显示。几经波折,终于发现了好的解决办法。cascader的options组件传入以下模式:options=[{ value: 'zhinan', label: '指南', children:[ { value: 'zhihu', label: '知...
2021-07-29 15:15:25
1811
原创 React学遇到的坑
1.动态循环渲染列表时,动态解析图片路径var menuslist=[{ routerName: 'data-car', disabled: true, name: '车辆数据'},{ routerName: 'data--mobile', disabled: true, name: '手机采集数据'}]{menuslist.splice(0, 3).map(item=>{ return ( <div className=...
2020-09-08 10:38:47
136
原创 Element遇到的坑:el-tree 默认选择几个节点,却全选中了
测试丢了个bug给我,他在一个树的节点造了一千多个子节点,结果本应该选中几个子节点的,却全选中了子节点。下面的单位存在一千多个节点,选择了前面的4个子节点,提交后,再次打开。需要默认勾选中的4个节点,通过default-checked-keys属性设置选中其中的节点,却全选了我的代码是使用懒加载lazy的方式加载二级节点解决方式loadNodeRange函数...
2020-05-07 21:50:31
7826
原创 2020前端面试题
2020年~~~疫情影响着经济,好多企业都裁员了,我所在的公司也不例外。所幸我不是其中之一。但是,金三银四,即使不想换工作,也要评估一下自己在市场的价值。以下就是我电话面试中遇到的一些问题:关于vue1.vue组件的懒加载的原理?2.vue的组件通信方式有哪些?3.你对MVVM的原理的理解4.$nextTick的原理?5.你对vue的虚拟dom理解和diff?7.说下c...
2020-03-25 22:19:52
366
原创 webpack 打包css和less资源时报错
webpack 打包css和less资源时报错Module build failed (from ./node_modules/less-loader/dist/cjs.js):solution: module:{ rules:[ { test:/\.css$/, use...
2020-03-25 22:00:19
691
原创 npm install webapck -g 报错4058错误
安装webpack时报错npm ERR! path E:\nodejs\node_global\node_modules\webpack\node_modules\ajv-keywordsnpm ERR! code ENOENTnpm ERR! errno -4058npm ERR! syscall accessnpm ERR! enoent ENOENT: no such file o...
2020-03-22 22:38:06
752
原创 关于nginx的部署
一、nginx环境的部署1.1安装nginx依赖包: 安装pcre,支持rewrite功能:yum install -y pcre* 安装openssl,提供ssl的支持:yum install -y openssl1.2解压nginx源码 把nginx-1.10.3.tar.gz上传到虚拟机,选择需安装的目录到指定的安装目录下 cd/目录层解压ngin...
2019-08-13 20:10:25
200
原创 vue3.0开发搭建
一、打开终端,安装node.js:apt-get install -y nodejs ,意思是apt-get库找nodejs 查看node的安装版本,输入命令行:node -v ,终端输出版本号,则表示安装成功二、安装git,输入命令行:sudo apt-get install git 查看git是否安装成功,输入git --version,安装成功则终端...
2019-03-04 18:25:17
401
原创 JS 关于math的数字进位、绝对值和四舍五入的处理
1、ceil():将小数部分一律向整数部分进位。 Math.ceil(12.2)//返回132、floor():一律舍去,仅保留整数 Math.floor(12.2)// 返回123、round():进行四舍五入 Math.round(12.2)// 返回124、Math.abs()方法: 返回一个数字的绝对值 Math.abs(-1);...
2018-07-19 14:42:31
4541
转载 html5 postMessage解决跨域、跨窗口消息传递
一些麻烦事儿平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法,但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用...
2018-06-21 14:51:35
193
转载 JS实现-页面数据无限加载
原文链接: http://www.cnblogs.com/w-wanglei/p/5863387.html 在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果: 当滚动条滚动到页面底部时,提示“正在加载…”。 ...
2018-06-11 11:09:57
654
转载 改变placeholder颜色的方法
之前拿到一个设计图,Placeholder是白色的,所以就查看了一下改变placeholder的方法:[css] view plain copy input::-webkit-input-placeholder { /* WebKit browsers */ color: white; } input:-moz-placeholder { /* Mozil...
2018-05-16 19:20:00
14367
1
转载 JS实现-页面数据无限加载
原文链接: http://www.cnblogs.com/w-wanglei/p/5863387.html 在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果: 当滚动条滚动到页面底部时,提示“正在加载…”。 当页面已经加载了所有数据后,...
2018-05-12 22:25:11
3044
转载 javascript的理解及经典案例
js的简介:JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。javascript现在可以再网页上做很多很多事情,网页特效,操作dom,html5游戏(基于html5和JavaScr...
2018-04-25 21:26:27
426
转载 【转】 jQuery自己编写插件()
引言: 在项目中不同页面经常要用到已经写好的交互,比如弹窗,比如下拉菜单,比如选项卡,比如删除...此时如果每次都把代码copy一份无疑是一件比较麻烦并且无趣的事情,而且个人认为有些low了,我们可是要追寻高大上的90后有为青年呢~可是该如何高大上呢?这时jQuery自定义插件开发来了,第一次听到插件开发觉得如此happy,遂动手网上查找资料进行学习,如下,我用自己的语言将插件开发的程序步骤写出...
2018-04-25 16:21:13
250
转载 【转】CSS实现div的高度填满剩余空间
转自:http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html高度自适应问题,我很抵触用js去解决,因为不好维护,也不够自然,但是纯用CSS,难度不小,比如下面我要说的例子。需求:1. 这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条2. 绿色部分高度固定,比如50px3. 紫色部分填充剩余的高度HTML结构暂且如下:<...
2018-04-20 22:29:02
303
转载 js获取浏览器和屏幕的各种宽度高度
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari:window.innerHeight浏览器窗口的内部高度;window.innerWidth浏览器窗口的内部宽度;2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度;do...
2018-04-19 22:09:15
367
转载 PS:掌握基本的切图步骤
将接受到的psd图,用PS软件打开。 如图所示: 基本的Ps工具: 基本的操作步骤: 1、放大(缩小)图片:alt+鼠标滑轮; 2、清除竖线:ctrl+H; 3、选中图层:ctrl+移动工具(右击); 4、将图层转换为智能对象(前提是其还不是智能对象),然后进行双击** 点击确定,就会将图片抠出来啦; 5、填充颜色和描边: 6、常用的雪碧图: (1)新建画布:ctrl+N; (2)将图片拖进画布...
2018-03-24 20:37:20
480
转载 IE6支持兼容max-height、min-height CSS样式
让IE6支持max-height、让IE6支持min-height样式属性方法教程我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定高度范围值,有时也需要设置一个最小高度值,以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法;IE6 max-height、min-height不支持解决方法。目录IE6支持...
2018-03-21 15:26:28
257
转载 教你开发jQuery插件(转)
阅读目录基本方法支持链式调用让插件接收参数面向对象的插件开发关于命名空间关于变量定义及命名压缩的好处工具GitHub Service Hook原文:http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样...
2018-03-21 15:07:55
143
原创 js读取解析JSON数据
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。 1...
2018-03-15 21:41:03
191
转载 你所不知的 CSS ::before 和 ::after 伪元素用法
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。Creative Button Styles一 基本语法在了解进阶...
2018-03-14 16:10:22
208
转载 CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
最开始的时候了解下划线的属性是:text-decoration:underline;1但是,很遗憾的是,对于设计做的下划线用浏览器默认属性样式很难调整,使用这个属性并不能调整下划线与文字的间距,而且对于下划线的颜色也不好调整,而使用<u></u>这个标签也是同样的效果。例子:<!DOCTYPE html><html><...
2018-02-28 17:48:18
17232
2
转载 完美的背景图全屏css代码 – background-size:cover?
在写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法需要的效果图片以背景的形式铺满整个屏幕,不留空白区域保持图像的纵横比(图片不变形)图片居中不出现滚动条多浏览器支持以图片bg.jpg为例最简单,最高效的方法 CSS3.0归功于css3.0新增的一个属性background-size,可以简单的实现这个效果,这里用fixed和center定位背景图,然后用background...
2018-02-24 14:46:15
7504
转载 li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?
有时,在写页面的时候,会需要将<li>这个块状元素横排显示,此时就需要将display属性设置为inline-block,此时问题出现了,在两个<li>元素之间会出现大约8px左右的空白间隙,下面举例说明:<html><head><title>demo</title><style type="text/css&q
2018-02-11 15:32:23
292
转载 用纯CSS创建一个三角形的原理是什么?
题目点评三角形的图标在网页设计是很常见的,属于基本常识题,只要在练习做到过这个功能都能回答出来,可以把你做过的思路描述出来就可以了,本题的难易程度为简单答题要点1.采用的是均分原理 盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部2.代码的实现第一步 保证元素是块级元素第二步 设置
2018-02-09 15:15:42
3153
转载 Position属性四个值:static、fixed、absolute和relative的区别和用法
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-
2018-02-09 14:31:40
128
转载 CSS样式-display有哪些作用?
题目点评其实就是要你说清楚该属性有哪些值,每个值都有什么作用,这个题目可以答得很简单,但要答全也并非是一件容易的事情。元素默认的display值的情况如下(这个一般很少人注意这一点) block(块级元素) 、 …… inline(内联元素) …… list-item(
2018-02-09 11:51:42
1020
转载 如何居中一个元素(正常、绝对定位、浮动元素)?
题目点评这道题目的提问比较多,连续问了三个问题,正常元素、绝对定位元素、互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚。可以先把水平居中各种情况说清楚,然后在把垂直居中说清楚。(一)元素水平居中的方式1)行级元素水平居中对齐(父元素设置 text-align:center)
2018-02-09 11:12:00
312
原创 jquery--DOM遍历
jquery--DOM遍历:1、祖先1.1 parent()----向上一级对DOM树遍历,返回被选元素的直接父元素1.2 parents()----返回被选元素的所有祖先元素 1.3 parentsUntil()---返回介于两个给定元素之间的所有祖父元素 eg: $("span ").parentsUntil("div"),返回介于span和div元素之间的所有祖先元素 2、后代...
2018-02-08 17:14:58
332
转载 CSS左侧固定宽 右侧自适应(兼容所有浏览器)
方法一、浮动布局[html] view plain copyHTML div id="left">Left sidebardiv> div id="content">Main Contentdiv> CSS Code style type="text/css"> *{margin:
2018-02-06 14:22:43
279
转载 Css的display与JQuery的show()、hide(),displayjquery
两者可以配合使用,从而实现块的隐藏与显示show()方法对应display:block; 或 inlinehide()方法对应display:none;怎用jquery动态更改元素的display属性sdfsdfsdfsd$("#div1").attr("display","block"); $("#div1").css("display
2018-02-05 17:01:37
5617
转载 canvas-简单快速实现知乎登录页背景效果
前言打开知乎的登录页,就可以看到其背景有一个动效,看起来好像蛮不错的样子:这个效果使用canvas是不难实现的,接下来就一步一步地讲解并实现这个效果。分析在动工之前先分析这个效果到底是如何运动的。首先要理解的是虽然看起来好像所有线和圆都在运动,但实际上只有圆才是在运动的,而线只不过是把满足一定条件的任意两个圆连接在一起。那么接下来就分析圆是怎么运动的,从效果看,
2018-02-01 10:05:57
2394
转载 20 个常用的 CSS 技巧
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: graysc
2018-02-01 10:03:01
172
转载 document.body.clientHeight 和 document.documentElement.clientHeight的区别
1.在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代doc
2018-01-31 16:40:23
1412
转载 sublime3 快速创建html模板
1 安装 Package Control1.1 ctrl + ` 呼出控制台1.2 复制(不要带最外层的双引号,该代码仅适用于sublime text 3)“import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request...
2018-01-31 11:20:06
22227
3
原创 固定页面的最小宽度
通过CSS样式设置网页的最小宽度,下面的样式将网页的最小宽度固定为600px html代码,将所有的内容都放到id=container的容器内 代码如下: CSS样式代码,指定最小宽度为600,兼容IE浏览器 代码如下:#container { min-width: 600px; width:expressi
2018-01-30 14:56:22
8149
2
原创 HTML5与HTML4的区别
HTML5与HTML4的区别(读书笔记)html5是以html4为基础的,想要学习html5,必须知道他和html4的区别和做了什么改变一、语法的改变1.1内容类型:html5的文件扩展符与内容类型保持不变,扩展符依然为“.html”或“.html”,内容类型依旧为“text/html”1.2DOCTYPE声明: 在html4中,声明是: 在html5中
2018-01-29 23:03:18
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人