自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 jsx-a11y/anchor-is-valid 警告处理

The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid在react 中有时候需要用到 a 标签的属性,但是不需要跳转,在普通js 中可以给href 赋值,javascript:; javascript:void(0); 等方式,在react eslint 模式下,就会报出非法地址。解决方式: href =’

2021-05-17 09:58:44 1448

原创 css 不规则进度条显示

不规则进度条显示场景:场景一: 五星好评,那么4.3星,3.3 星之类的需求如何做?场景二: 网络型号显示,默认每个小柱子灰色,绿色表示当前信号程度思路:为了减少图片的数量,并能更加精细的显示。可以利用多层相叠的思路// stars 组件<div class="stars"> // 五个未点亮的 star <img class="star_bg" src="" alt="" /> // 用此层控制显示点亮 多少star <div class="s

2021-02-05 10:50:32 354

原创 2021-01-19

react 中 animation 动画要写在 css 文件中才生效一直纠结为什么写在less 文件中,动画没用,单独写的demo 都OK,经过各种猜测尝试,才发现这个梗

2021-01-19 17:30:56 115 1

原创 2021-01-07

React - Warning: Can’t perform a React state update on an unmounted component 问题分析处理。导致此警告的是 constructor 或 componentDidMount 中 的定时器或异步请求 在 componentWillUnmount 中未及时清除。之前查看别人的万金油方法(实践证明并非如此):componentWillUnmount (){ this.setState=(state,cb)=>{retu

2021-01-07 14:59:53 196

原创 微信小程序踩坑 之 自定义tabbar切换图标bug

自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式,以满足更多个性化的场景。首先 从 **在开发者工具中预览效果 ** 点击获取custom-tab-bar组件代码,然后开始修bugapp.json 中配置 custom , app.json中全局声明 usingComponents运行代码之后会发现:tabbar图标切换 要点击两次才能有选中状态解决办法:打开 custom-tab-bar 文件夹下的 index.wxml ,在 van-tabbar (结合 van

2020-06-30 21:31:52 6374

原创 Query获取不到动态元素?

通过ajax创建的动态元素,用我们平时使用的 on() 方法是不能获取到的,因为ajax的是异步请求数据,在浏览器会先解析到ajax外面的事件。而导致我们无法正常获取ajax创建的元素。以下是几种获取动态元素的方法:$(document).delegate(object,event,function);$(document).on(event,object,function);

2016-04-18 09:33:49 896

转载 javascript深入理解js闭包

一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码var n=999;  function f1(){    alert(n);  }  f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。Js代码functi

2016-03-11 17:23:43 414

原创 FIS3学习笔录三

以下是我在学习fis3的时候遇到的一些问题,希望对遇到同样问题的你有一定的参考价值,同时也欢迎大家的指正。参考文档: http://fis.baidu.com https://www.npmjs.comrelease 次数多了,发现里面会有很多不同版本的文件,如何清理掉不要的东西,保留最新的? 一开始我会有这样的想法,我只需要最新版本的文件即可,多余的占空间,应该清理掉。但实际上,项目一旦发

2016-03-09 13:43:24 1474

原创 FIS3学习笔录二

在上一篇文章中介绍完插件的安装和配置之后,下面介绍一下如何调试:先打开终端,进入项目目录,然后。。。将项目发布到自己指定的目录中;fis3 release -d path //path就是要发布到的目录将目录发布到Web Server 的根目录下,fis3内置了一个简易的Web Server。fis3 release将进行过压缩合并,md5戳的处理的目录发布到Web Server 的根目录

2016-03-09 09:41:05 963

原创 FIS3学习笔录一

FIS3,前端工程构建工具,解决前端中性能优化,资源加载(异步,同步,按需,预加载,依赖管理,合并,内嵌),模块化开发,自动化工具,开发规范,代码部署等问题。看到这堆文字,还是没有任何感受,硬生生的文字,一点都不形象,那就看后面的具体化吧!准备工作确保安装了NodeJs环境; 下载地址:https://nodejs.org/en/安装fis3: npm install -g fis3创建一

2016-03-08 16:58:11 3380

原创 KISSY整体架构流程

第一步:保证安装了nodejs环境,如何安装这个环境,网上百度一大把,就不多说了。第二步:安装前端工作流程手脚架(generator-bee)和前端构建打包工具(gulp)。准备工作:打开运行,进入cmd,进入你要放置项目的地方,创建目录mkdir bee-demo //先创建一个目录,名字自取cd bee-demo //进入创建好的目录安装:先安装yeoman和gulp (yeoman是前端

2015-11-02 13:40:14 702

原创 关于generator-bee生成的KISSY目录中demo执行失败

kissy工程构建器 -bee,最开始我也是用的这个,但是发现生成的demo执行失败,只加载了css,然后js模块并没有加载进来。一、首先看dev_index.html 这里有几个需要注意的地方:base 是引用文件的路径。name-demo 实际上并没有这个目录名称,但是没关系,我们就把它看做是自己取的名字,然后给ignorePackageNameUri 设置为 true ,就可

2015-11-02 09:27:25 898

原创 JQ 添加节点和插入节点的方法总结

添加节点的jquery方法: append()、prepend()、appendTo() 、prependTo() 插入节点的jquery方法: after() 、before() 、insertBefore() 、insertAfter()举个例子来说明以上几种方法的用法:html例子:<nav> <ul> <li>序列号1</li> <li>

2015-10-20 10:46:13 36663

原创 初识gennerator-bee

generator-bee作为KISSY简单工程构建器,强调简单,快速,无复杂目录分级和复杂命令功能,不以页面作为划分维度,适用于小工程的构建,适用于kissy mini工程。安装: 1.打开管理员控制台,安装yeoman;npm install yo grunt-cli -g出现这样的内容表示安装yeoman成功了。 2.安装kissy-gallery目录生成器npm install gene

2015-09-24 15:04:57 519

原创 KISSY 学习 随笔

KISSY 学习 随笔一. KISSY模块系统,遵循KMD规范,但现在支持commonJs风格;1.什么是KMD规范? 在说KMD规范前要说一下模块定义规范是怎么出现的: 闭包来约束执行上下文,避免对全局命名空间的污染,但是由于代码复杂程度增加,模块格式融入团队合作和性能要求,最终模块格式从匿名闭包演变成为模块定义规范。然后模块化的目的是什么: 1)代码单元冠以命名,增强代码段的

2015-09-24 14:10:21 449

原创 jquery 中的hover(),mouseleave()&mouseenter()和mouseover()&mouseout()的区别

hover(),mouseover(),mouseout(),mouseenter() , mouseleave();

2015-09-18 11:58:41 4197

原创 切图那点事

平时习惯性用firework切图了,每次都是用切片工具切出来保存成png32底色透明的,因为图片大小相对小,但是,一次帮朋友切大图的时候发现一个很严重的问题,原来我开始的想法错了,并不是所有的图切片保存成png32都很小,对于很大的图片,不但不会比源文件小,反而成倍变大了,刚发现我还不相信,后面在网上取了几张大图来切图,都是这样。最终没办法,为了让图片大小缩小到朋友要求的范围,我用ps进行了质

2015-09-17 15:50:40 378

原创 web前端面试题

http请求头,性能优化,网络攻击

2015-09-17 10:18:44 349

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除