前端
碉堡飞哥
这个作者很懒,什么都没留下…
展开
-
在动态组件上使用keep-alive 注意点
include: 字符串或正则表达式,只有名称匹配的组件会被缓存注意:匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。exclude: 字符串或正则表达式,名称匹配的组件不会被缓存》max: 数字,最多可以缓存多少组件实例...原创 2020-03-10 16:30:33 · 444 阅读 · 0 评论 -
属性描述对象
JavaScript提供了一个内部数据结构,用来描述一个对象的属性的行为,控制它的行为。这被称为“属性描述对象”(attributes object)。每个属性都有自己对应的属性描述对象,保存该属性的一些元信息。下面是属性描述对象的一个实例。{ value: 123, writable: false, enumerable: true, configurable: false,...转载 2020-03-08 17:15:50 · 430 阅读 · 0 评论 -
彻底理解js中的&&和||
1 step > max_step && (step = min_step);查阅资料后发现它等价于if (step > max_step) { step = min_step;}2 在javascript中:以下内容会被当成false处理:"" , false , 0 , null , undefined , NaN其他都是true。注意:字符串"fa...转载 2020-03-06 12:27:58 · 370 阅读 · 0 评论 -
详解vue原理
1 首先要熟知观察者模式,直接放一个例子,放进js中观察,例子来源https://www.cnblogs.com/imwtr/p/9451129.html#o5 // 观察者 var observer = { // 订阅集合 subscribes: [], // 订阅 subscribe: function(type, ...原创 2020-03-04 17:59:06 · 213 阅读 · 0 评论 -
XMLHttpRequest.responseType 属性
XMLHttpRequest.responseType 属性是一个枚举类型的属性,返回响应数据的类型。它允许我们手动的设置返回数据的类型。如果我们将它设置为一个空字符串,它将使用默认的"text"类型。在工作环境(Work Environment)中将responseType的值设置为"document"通常会被忽略. 当将responseType设置为一个特定的类型时,你需要确保服务器所返回的...原创 2020-03-02 18:49:42 · 2317 阅读 · 0 评论 -
前端大厂面试题精选 - 不断更新
1原创 2020-02-13 18:37:53 · 796 阅读 · 1 评论 -
再复习js疑点备注
1 唯一能判断NaN的方法是通过isNaN()函数:isNaN(NaN); // true2ES6新增了一种模板字符串let name = `路西法`;let content = `你好啊,${name}`;console.log(content);3字符串操作相关let content = `heLLo`;console.log(content.toUpperCase());...原创 2020-01-08 18:02:28 · 149 阅读 · 0 评论 -
ts简记
1析构表达式let {a,b} = obj;2箭头函数除了能简化代码,还可消除this指向的问题原创 2020-01-05 10:09:44 · 187 阅读 · 0 评论 -
再探h5语义化
语义化:指对文本内容的结构化(内容语义化),选择合乎语义的标签(代码语义化),便于开发者阅读,维护和写出更优雅的代码的同时,让浏览器的爬虫和辅助技术更好的解析。用正确的标签做正确的事,语义化的意义:可访问性:帮助辅助技术更好的阅读和转译你的网页,利于无障碍阅读;可检索性:有了良好的结构和语义,可以提高搜索引擎的有效爬取,提高网站流量;国际化:全球只有13%的人口是英语母语使用者,因此通用...转载 2019-12-16 21:49:35 · 142 阅读 · 0 评论 -
typescript全解
1安装cnpm install -g typescript原创 2019-12-13 21:32:45 · 136 阅读 · 0 评论 -
通过tab键按指定顺序跳到下一个input框
按tab键可以逐次获取页面表单的焦点,但是有时候我们需要指定获取焦点顺序,或者某些元素不需要获取焦点,这时候可以使用 tabindex 属性,tabindex值为-1表示按tab建不会获取该焦点。Js代码 收藏代码<input type="text" name="t1" tabindex="1" /> <input type="text" name="t2" tabind...原创 2019-12-12 10:56:55 · 1368 阅读 · 0 评论 -
axios每次发送请求会有两次,多一次Request Method: OPTIONS是怎么回事?
现在vue项目中使用 axios 发送http请求,每次请求都会多一次Request Method: OPTIONS请求,然后才是get/post请求原因:CORS跨域分为 简单跨域请求和复杂跨域请求简单跨域请求是不会发送options请求的复杂跨域请求会发送一个预检请求options复杂跨域请求要满足以下:1、请求方法不是GET/HEAD/POST2、POST请求的Content-...原创 2019-12-06 11:56:20 · 1455 阅读 · 0 评论 -
GB2312和utf-8的区别
GB2312编码大约包含6000多汉字(不包括特殊字符),编码范围为第一位b0-f7,第二位编码范围为a1-fe(第一位为cf时,第二位为a1-d3),计算一下汉字个数为6762个汉字。当然还有其他的字符。包括控制键和其他字符大约7573个字符编码。gbk编码是对gb2312编码的扩充,容纳的汉字更多,但仅仅是扩充,没有质的变化。保留了所有gb2312编码,在此基础上进行编码范围的扩充.容纳(包...原创 2019-10-21 15:57:37 · 656 阅读 · 0 评论 -
https的网站引入不了http的网站
部门在https 改造中遇到的这个问题,Mixed Content: The page at ‘https://m.ctrip.com/webapp/dingzhi/v3_index’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://webresource.c-ctrip.com/styles/h5/comm...原创 2019-10-17 18:23:24 · 846 阅读 · 0 评论 -
Copyright © 2009 - 2019 All Rights Reserved. 迅法网版权所有 渝ICP备18006023号-1
Copyright © 2009 - 2019 All Rights Reserved. 迅法网版权所有 渝ICP备18006023号-11 是版权声明2 Copyright © 2009 - 2019 All Rights Reserved. - 指版权,2009 - 2019。保留所有权利。3 迅法网 - 公司或网站名称4 渝ICP备18006023号-1 备案号...原创 2019-10-14 11:56:16 · 24432 阅读 · 0 评论 -
webpack使用
1 全局安装,项目可本地安装npm install webpack -g2原创 2019-10-14 10:45:09 · 86 阅读 · 0 评论 -
meta标签
相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有”title”、”keyword”和”description”这些meta在逐渐了解使用html新标准后,特别是移动页面的开发普及,可以看到html中这一块内容越来越重要为大家所认识,初次见到这些标签基本是摸不着头脑,今天就来梳理这些标签的定义(以html5标准展开); 先来一个页面概括,he...转载 2018-08-15 14:25:09 · 138 阅读 · 0 评论 -
小程序4个注意点:(1)修改数组内某值,(2)跳转并把数据存到上一个页面,(3)button样式改变 ,(4)页面不让滑动
小程序跳转并把数据存到上一个页面中去touchind: function(e){ var that = this; var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上...原创 2018-08-13 17:44:07 · 373 阅读 · 0 评论 -
1用wx:key="*this" 消除小程序警告,2小程序content内容跨行显示+“\r\n”
用wx:key=”*this” 消除小程序此警告&amp;lt;view class='contain-box' wx:key=&quot;*this&quot; wx:for='{{goodsdatas}}'&amp;gt;原创 2018-08-13 17:23:46 · 1685 阅读 · 0 评论 -
CSS伪类和伪元素及CSS3新增伪类
1、伪类与伪元素CSS伪类:用于向某些选择器添加特殊的效果。伪类 作用:hover 将样式添加到鼠标悬浮的元素:active 将样式添加到被激活的元素:focus 将样式添加到获得焦点的元素:link 将样式添加到未被访问过的链接:visited 将样式添加到被访问过的链接:first-child 将样式添加到元素的第一个子元素:lang 定义指...转载 2018-08-17 23:32:07 · 712 阅读 · 0 评论 -
nodejs使用mongooes控制Mongodb
(1)先开启Mongodbmongod --dbpath /Applications/mongodb/data/db注:–dbpath:指定数据目录,默认是/data/db下(2)nodejs使用mongooes 先cd到操作的文件夹cd /Users/liuxiaofei/Desktop/Total/work/node/code2初始化文件夹npm init...原创 2018-08-15 23:56:44 · 303 阅读 · 0 评论 -
html单行(多行)超出省略并显示省略号,案例不能用回来砍我!
实例效果 html:&amp;lt;div class=&quot;ell1&quot;&amp;gt;1111111111111111111111111111111111111111111111111&amp;lt;/div&amp;gt;&amp;lt;div class=&quot;ell2&quot;&amp;gt;22222原创 2018-08-16 12:45:20 · 1021 阅读 · 1 评论 -
css js放置位置和原因
网站加载的整个完整过程。1.首先浏览器从服务器接收到html代码,然后开始解析html2.构建DOM树(根据html代码自顶向下进行构建),并且在同时构建渲染树3.遇到js文件加载执行,将阻塞DOM树的构建;遇到css文件,将阻塞渲染树的构建(script标签中的defer属性:构建DOM树的过程和js文件的加载异步(并行)进行,但是js文件执行需要在DOM树构建完成之后scr...转载 2018-08-16 14:47:12 · 292 阅读 · 0 评论 -
叼得一批的ES6,不学它学谁?嗯?
1新增let let的变量只能在作用域内存在,执行完即销毁2const 定义的常量建议用大写字母(例如:LOVE_YOU)命名,让一看到就知道是常量,而且声明和赋值要同时完成。3新增变量结构赋值(数组) 例如:var [a,b,c] = [1,2,3];也可跳赋值var [a, ,c] = [1,2,3];还可以将余下的[2,3]以数组形式传递给c,前面加…(牛皮)...原创 2018-08-16 17:52:01 · 303 阅读 · 0 评论 -
attribute和property的区别
一:Attribute和Property的区别1.含义区别首先在定义上更准确的来说,Attribute和Property分别为特性和属性,作为区别。 其次,这样理解下来,我们知道Attribute就是DOM节点自带属性,例如我们在HTML中常用的id,class,src,title,alt等。而Property则是这个DOM元素作为对象,其附加的属性或者内容,例如childNodes,...转载 2018-08-22 16:23:45 · 3384 阅读 · 0 评论 -
接外单的软件服务价格及其防坑
接外单的软件服务 外包: 价格通常为 总价格= 时薪 * 预计开发时间(小时)* 3 例如一个初中级工程师预计2周完成的工作:50*80*3 = 12000原创 2018-08-26 21:21:37 · 1033 阅读 · 0 评论 -
css3动画,transition和animation的区别,及实现旋转图片(transform: rotate)
1transition属性是一个速记属性有四个属性:transition-property, transition-duration, transition-timing-function, and transition-delay。注意: 始终指定transition-duration属性,否则持续时间为0,transition不会有任何效果。 &lt;style&gt; div{...转载 2018-08-26 21:56:45 · 1381 阅读 · 0 评论 -
padding ,margin百分比赋值时(无论竖,横)都是相对于容器宽度的
你未必知道的CSS小知识:元素竖向的百分比设定是相对于容器的宽度,而不是高度!这是一个很让人困惑的CSS特征,我之前也谈到过它。我们大家都知道,当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如padding-top,padding-bottom,margin-top,margin-bottom等,当按百分比设定它们时,依据的也是父容器的宽度,...转载 2018-08-22 20:56:11 · 1616 阅读 · 0 评论 -
Emmet插件常用
可安装 Emmet插件 Emmet(前身是Zen Coding),它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。新建一个HTML文档,输入“!”或“html:5”,然后按Tab键: 即可生成基本html5结构基本语法: 1、生成后代元素:> 大于号表示后面...转载 2018-08-27 10:32:25 · 719 阅读 · 1 评论 -
less学习下啦
less基本方法原创 2018-08-27 11:59:46 · 169 阅读 · 0 评论 -
css:我有5种方法让你消失
css隐藏元素的方法1、利用opacity透明度来隐藏,opacity设置为0,它只是一种视觉隐藏,元素本身依旧占用它的位置并对网页的布局起到作用,它也同样影响用户交互。在读屏软件中会被识别。2、visibility:规定元素 是否可见,一般设置为hidden,它可以很好的隐藏,不会影响用户的交互,在读屏软件中不会被识别。(visibility可能的值) 属性 意义...转载 2018-08-20 10:45:28 · 2100 阅读 · 0 评论 -
CSS:盒子模型和box-sizing属性-前端不看后悔系列
盒子模型(分2个而已嘛):IE盒子模型和W3C盒子模型 相关box-sizing的属性。 box-sizing: border-box; width = content+padding+border (横向相关) box-sizing: content-box; width = content (横向相关) 这两个模型的唯一区别是计算width和height时,IE盒子模型包含...原创 2018-08-17 17:53:44 · 3898 阅读 · 0 评论 -
CSS水平垂直居中常见方法总结
1、元素水平居中当然最好使的是:margin: 0 auto;居中不好使的原因: 1、元素没有设置宽度,没有宽度怎么居中嘛! 2、设置了宽度依然不好使,你设置的是行内元素吧,行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章! 示例 1:&lt;div class="box"&gt; &lt;div class="content&quo转载 2018-08-20 11:25:26 · 103 阅读 · 0 评论 -
说说position,display
1、display属性的值与作用常用的值有none、inline、block、inline-blocknone 1)表示该元素不会显示,并且该元素的空间也不存在,可理解为已删除; 2)visibility:hidden只是将元素隐藏,但不会改变页面布局,但也不会触发该元素已经绑定的事件; 3)opacity:0,将元素隐藏,不会改变页面布局,但会触发该元素绑定的事件。in...转载 2018-08-20 11:45:58 · 1636 阅读 · 0 评论 -
vue项目全了解
0先安装nodejs1全局安装vue-clinpm install --global vue-cli 或(cnpm install –global vue-cli)2cd + 你想安装的路径 例如:cd /Users/liuxiaofei/Desktop/Total/work/web3安装初始项目vue init webpack+名称vue init webpack my...原创 2018-08-23 10:22:07 · 2405 阅读 · 0 评论 -
理解浮动以及解决浮动带来的问题
要解决浮动带来的各种问题,首先我们得了解浮动的特点和造成的问题,方能对症下药。一、浮动的特点在CSS2.1 规范中,对浮动的解释如下:浮动元素脱离文档流,在当前行的左边或是右边对齐,如果当前行没有足够的空间,它将下移一行,直到有足够的空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。二、浮动造成的问题(1)父元素的高度无法被撑开关于这个一点,就不演示了。(2)浮动元...转载 2018-08-20 14:42:06 · 1946 阅读 · 0 评论 -
CSS引入的方式有哪些? link和@import的区别是?
有 4 种方式可以在 HTML 中引入 CSS。1.内联方式内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例:<div style="background: red"></div>这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 拥有相同的样式,你不得不重复地为每个 添加相同的样式,如果想要修改一种...转载 2018-08-20 14:49:56 · 228 阅读 · 0 评论 -
flexbox(弹性盒布局模型)以及适用场景
FLEX布局是什么?2009年,W3C提出了一种新的布局方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。 目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。2.知识剖析一,怎么运用FLEX布局 flex布局非常灵活,任一容器都可以指定为flex布局。块状只需要display属性规定为flex即可。 行内元素也可以指定为flex布局,将d...转载 2018-08-20 15:16:59 · 1990 阅读 · 0 评论 -
block,inline和inline-block的区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。 大体来说HTML元素各有其自身的布局级别(block元素还是inlin...转载 2018-08-20 15:38:59 · 109 阅读 · 0 评论 -
table布局的作用-out了,还问这种lowB问题
table的主要作用:用于布局(过时)用于显示批量的数据早期的使用table来布局网页,但是table有一个缺点,就是加载页面的时候,需要全部的数据都请求到,才显示页面,否则就是一片的空白。因此现在一般不采用table来做布局,而是使用div+css进行布局。table的结构:<table> <caption></caption> ...转载 2018-08-20 17:04:26 · 208 阅读 · 0 评论