- 博客(40)
- 资源 (3)
- 收藏
- 关注
原创 图片超出容器大小时显示居中部分
html代码:<div class="lpic"> <imgsrc="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.dllp.cn%2FFileUpload%2FPremises%2F20170323%2F7161f891-9e5c-40fd-82a6-f4cb7a97adaa.jpg&refer=http%3A%2F%2Fwww.dllp.cn&app=2002&a
2021-06-11 11:55:12
733
1
转载 基于IE的MIME sniffing功能的跨站点脚本攻击
IE有一个特性,那就是在将一个文件展示给用户之前会首先检查文件的类型,这乍看起来并没什么问题,但实际上这是相当危险的,因为这会允许IE执行图片中的代码,即嵌入在一个图像中的JavaScript代码。引入MIME sniffing功能的初衷是用来弥补Web服务器响应一个图像请求时有可能返回错误的内容类型信息这一缺陷。但是事不遂人愿,心怀不轨的人可以轻易滥用这一特性,如通过精心制作一个图像文件,并在...
2020-03-20 09:40:40
395
原创 企业微信登录二维码样式修改
在需要使用微信登录的地方实例JS对象//引入js文件import '../assets/api/wwLogin-1.0.0.js';window.WwLogin({ "id" : "wx_reg", //企业页面显示二维码的容器id "appid" : "",//企业微信的CorpID,在企业微信管理端查看 "agentid" : "",/...
2020-01-02 18:06:13
8354
2
原创 vue为动态生成的表单添加验证
目前我这边遇到一个需求就是需要渲染一个不定项的列表,每条数据字段名字相同,且需要为每条数据添加必填验证。export default { data() { return { form:{ paramList:[] }, rules: { rule: [ {required: true, message: '必填项'...
2019-11-29 09:27:35
631
原创 vue动态生成的表单列表,v-model无法输入,v-model更新不及时问题
其实问题很简单,在我们动态生成表单的时候记得要把字段在:model里面初始化,意思就是要先在data(){}里return{}的你的form字段里初始化出来!
2019-11-28 17:40:08
2700
原创 vue项目启动报错this.getResolve is not a function
vue安装sass之后报错:this.getResolve is not a function是因为sass-loader的版本过高导致,目前最新版本为8.0.0,会导致编译出错,将版本降低到7.x.x就好了
2019-10-22 11:17:54
1817
原创 vue兼容IE、IE浏览器打开vue项目报vuex requires a Promise polyfill in this browser、IE浏览器报strict 模式下不允许一个属性有多个定义
IE11打开项目白板,打开IE仿真切换到IE10报错: [vuex] vuex requires a Promise polyfill in this browserIE浏览器不支持项目里的用来传递异步消息的的Promise,这属于ES6语法,babel-polyfill可以模拟ES6使用的环境,使得IE浏览器可以使用ES6的所有新方法。安装步骤:第一步: npm install --sa...
2019-10-21 18:07:24
991
原创 变量提升和函数提升
在程序执行上下文的时候,先把 var/let 和 function 声明的变量前置,再去顺序执行代码。但是三者各有区别:varconsole.log(a); // undefinedvar a= '123';console.log(a); // 123实际的执行过程是:var a;console.log(a);a= '123';console.log(a);即用var创建...
2019-02-23 18:07:37
345
原创 什么是闭包?有什么用?怎么用?
概念闭包:能够读取其他函数内部变量的函数。JavaScript中,函数都有自己的块级作用域,即在函数内部定义的变量只有在函数本身的内部作用域内可被访问,函数外部无法访问。闭包可理解为函数外部读取函数内部变量的一个桥梁。使私有的局部变能够被多个函数共享,而不被JavaScript的解析器自动的从内存中释放掉。有什么用?闭包最大的用处可总结为两个:一种就是上面提到的使函数外部能够读取到函数...
2019-02-23 16:54:06
575
原创 vue生命周期的理解
前言:先放一张vue官网的生命周期的图片:可以看出大概氛围8个阶段:beforeCreate生命周期的开始先是创建一个实例new Vue(),此时会默认执行vue组件里的init(),首先调用beforeCreate方法,此时vue实例的挂在元素el、data option、methods option都是undefined,尚未初始化,所以去操作vue实例中的属性、方法都是无效的。c...
2019-02-23 14:25:59
393
原创 git分布式版本控制系统
文章目录何谓公钥git有两中协议如何获取你的公钥(两种方法)获取公钥新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出...
2019-02-16 18:39:42
309
原创 vue slot插槽及内容分发
单个插槽父组件&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;app&amp;quot;&amp;amp;gt; &amp;amp;lt;hello-world :person=&amp;quot;user&amp;quot;&amp;amp;gt;
2018-11-24 11:52:16
207
原创 css不定高使元素水平垂直居中
父元素高度不定,子元素水平垂直居中html<div class="parent"> <div class="child">123456</div></div>方法一:css.parent{ position: relative; height:300px; width: 300px; backgr...
2018-11-09 17:08:29
375
转载 如何成功调处axios post方法传参后台接收不到参数的坑
https://www.cnblogs.com/WQLong/p/8316152.html
2018-10-17 09:18:29
939
原创 vue实现父子组件、兄弟组件间通信
这里是我随便写的一个案例,功能基本上已经实现,至于其他的求不深究^ _ ^App.vue&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div id=&amp;amp;amp;quot;app&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp
2018-10-15 16:31:21
664
原创 vue + webpack(webpack-simple)安装教程
创建项目名称(不能用中文),进入文件夹,按住shift键点击鼠标右键,打开命令行工具。在此建议首先检查环境是否安装完成。npm--version若已安装,走下一步……安装vue-clinpm install -g vue-cli是否全局安装按需。安装webpack-simplevue init webpack-simple myapp进入文件夹cd mya...
2018-10-15 10:13:27
1501
1
原创 vue-cli+webpack-simple创建项目访问后台(跨域问题解决)
在网上找了很多都是webpack在config目录下的index.js里面代码,这里总结了一个webpack-simple跨域的问题,在webpack.config.js的devServer中配置: devServer:{ port: 8080,//自己项目的端口 host: 'localhost',//自己项目的地址 proxy: { '/api/*': ...
2018-10-10 16:55:33
1609
1
原创 vue app.vue中引入阿里巴巴图标库
在vue中采用fontclass的形式引入阿里巴巴图标步骤一:检查webpack.config.js中的配置:rules: [{ test: /\.(png|jpg|gif|svg|eot|woff|woff2|ttf)$/, loader: 'file-loader', options: { ...
2018-10-09 10:50:11
484
原创 vue App.vue文件里引入外联样式(css、less)
&amp;lt;style lang=&quot;less&quot; scoped src=&quot;../dist/css/order.less&quot;&amp;gt;&amp;lt;/style&amp;gt;
2018-10-09 09:25:35
4057
原创 微信小程序实现文本两端对齐
.order&gt;view text{ width: 100rpx; text-align: justify; color: #404040;}.order&gt;view text::after{ width: 100%; display: inline-block; content: ''; }
2018-09-25 16:27:26
3816
原创 微信小程序swiper制作内容高度不定的tab选项卡
微信小程序利用swiper制作内容高度不定的tab选项卡,不使用absolute定位,不定高度,有内容自由撑开主要思路是获取内容区的高度来给swiper动态设置值。.wxml&amp;amp;amp;lt;view class=&amp;amp;quot;swiper-tab&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;view class=&
2018-09-21 11:17:33
2071
2
原创 关于window.open()打开新页面被拦截的问题解决
先打开新界面,再locations刷新页面 var tw=window.open(‘_blank’); tw.location=’./search.html?_k=’ + keycompany;
2018-08-31 09:34:27
3005
原创 基于JQ的自动、点击轮播
帮写后代的男朋友写的一个简单的轮播图…… 此处请自行引入jquery。上代码!!!&lt;style&gt; body{ padding: 0; margin: 0; overflow: hidden; } .array { height: 100%...
2018-06-05 17:48:58
458
原创 如何解决引入外部文件(图片、js等)出现403 forbidden的问题
页面中引入外网的链接资源,会产生一个新的http请求。为了安全(URL里可能包含用户信息),浏览器一般都会给这写请求头加上表示来源的referrer 字段。 所以,此时我们需要隐藏外部链接中的referrer,在head标签中加入meta,代码如下:<meta name="referrer" content="no-referrer"/>...
2018-05-08 11:39:22
7342
1
原创 select、input[type=number]在各大浏览器上隐藏右侧小箭头
select标签select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; border: 0;} select::-ms-expand { display: non...
2018-03-14 14:51:03
1572
转载 js 与或运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: 代码如下: var add_level = 0; if(add_step == 5){ ...
2018-03-03 11:52:39
436
原创 ajax下载文件
直接上代码$('#download').on('click', function () { $('').appendTo('body').submit().remove();})
2018-01-25 11:58:56
421
转载 前端性能优化----yahoo前端性能团队总结的35条黄金定律
http://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html
2017-09-19 19:38:40
487
转载 【译】唯快不破:Web 应用的 13 个优化步骤
时过境迁,Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用,看看哪些可以用来改善延迟,渲染时间以及整体性能吧!更快的 Web 应用优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中,通常来说也是由多种多样的技术栈构建而成:数据库,后端组件(一般也是搭建在不同技术架构之上的),以及前端(HTML + Ja
2017-09-07 20:32:48
598
转载 常见的web性能优化方法
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
2017-09-07 14:58:57
316
原创 利用Javascript框架——D3.js制作力导向关系图普
因公司业务需求,整理制作了一个实用且酷炫力导向关系图。下面是我自己的一个demo。先Po一下成品图(自己做的数据偏少):图1: 1)、引入D3框架,这里引入的版本是v3.0图2: 2)、数据整理(数据结构如下图)图3:图3:数据解析:数据准备是很重要的一部分。Jstr由两个部分组成:‘nodes’、‘links’,主要数据为‘nodes’,‘links’表示数据之间的联系。‘nodes’部分每条
2017-07-13 15:01:51
10005
4
原创 String.replace(/\s/g,'')中的‘/\s/g’表示什么意思?
String.replace(/\s/g,”)中/\s/g是什么意思?斜杠表示什么?g是什么意思?
2017-05-24 09:32:23
12027
原创 webkit内核浏览器自定义滚动条
有时候做页面内的定宽高的模块时,会涉及到页面内容超出元素宽高的情况,这里介绍一个适用于webkit的美化滚动条的方法。 当然,除此之外还有兼容其他浏览器的很好的美化滚动条的插件perfect-scrollbar(这里不做详细说明),很好用。
2016-12-29 16:05:39
650
原创 JQuery Mobile跳转页面后css和js失效
最近使用JQuery Mobile编写手机端页面时遇到一些问题问题:从一个页面点击一个链接进入到另一个页面时,发现这个页面的css和js都失效,且这两个页面都加载了JQueryMobile的js和css库。原因:在JQuery Mobile中,页面跳转时默认使用ajax跳转,而页面跳转时默认使用ajax跳转时,只会把在中也内容加载,而之外的代码及文件则不会加载,以致外的js和c
2016-10-09 21:52:59
2177
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人