- 博客(279)
- 收藏
- 关注
转载 记录平时有用到的前端学习网站
es6转es5,Babelhttps://babeljs.io/repl(常用)css模块1.检测css兼容性https://caniuse.com/#home2.在线CSS颜色/透明度渐变效果代码工具(常用)http://tools.jb51.net/code/css_generator插件特效模块1.检测css兼容性https://www.html...
2019-09-24 09:36:00 247
转载 初学做uniapp项目过程梳理的一些记录
1.uniapp不显示h5头部第一种写法:{ "path" : "pages/yunshi/yunshi", "style" : { "h5":{ "titleNView":false//禁用原生导航栏 } }}第二种写法:uni-...
2019-09-07 15:48:00 702
转载 用纯css实现双边框效果
1.box-shadow:0 0 0 1px #feaa9e,0 0 0 5px #fd696f2.border:1px solid #feaa9e;outline:5px solid #fd696f;转载于:https://www.cnblogs.com/huanghuali/p/11450995.html...
2019-09-03 09:09:00 830
转载 javascript中slipt()分割
slipt()分割取长度例子1:n变量其实只有两个1,结果分割成数组有3个,所以结果页取1长度的话要减去1l异步请求data数据输出是html,当要获取数据长度的时候, 用解析html获取长度data打印出来如下图:let dataCon = $.parseHTML(res.data);let len = res.data.split("J_s...
2019-08-20 10:23:00 477
转载 css3内外阴影同时显示
内外阴影同时显示:box-shadow: 0px 0px 0.4rem rgba(255,255,255,0.5) inset,0px 0px 0.7rem rgba(185,119,143,0.9);转载于:https://www.cnblogs.com/huanghuali/p/11357025.html
2019-08-15 11:38:00 1064
转载 swiper选项卡还可以左右滑动,最后一个直接跳转链接
整理分享:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="widt...
2019-08-09 22:55:00 408
转载 动画
原链接:http://www.yuangongju.com/animatehttps://www.cnblogs.com/chengxs/p/8066819.htmlhttps://www.cnblogs.com/ibingbing/p/6485630.htmlhttps://blog.csdn.net/iteye_5904/article/details/8267158...
2019-07-31 09:19:00 110
转载 【百度小程序】细数百度小程序踩的坑
最近接触百度小程序挺多,开发了几个产品,都快被百度的小程序折磨死。真的是不想吐槽了,接下来我就讲讲我遇到的坑与一些经验。1. s-for这个for循环的写法为s-for='arr' 或者 s-for= 'item,index in arr'。这些到没什么,主要是s-for不能循环常数。。。这让我从微信小程序转到百度小程序不太习惯。。。官方回应说什么底层diff差异哦,后面会...
2019-07-29 08:51:00 1227
转载 工作中可能用到的工具
1.谷歌浏览器自动刷新工具Super Auto Refresh Plus下载地址:https://chrome.google.com/webstore/detail/super-auto-refresh-plus/globgafddkdlnalejlkcpaefakkhkdoa转载于:https://www.cnblogs.com/huanghuali/p/11139...
2019-07-05 17:06:00 116
转载 input输入文字的时候背景会变色,如何去掉呢?
默认,如图:当input框输入文字的时候背景会变色,如图:有两种方法:1.在form标签里家这个属性就行:转载于:https://www.cnblogs.com/huanghuali/p/11076076.html...
2019-06-24 11:16:00 2696
转载 百度小程序开发工具不能预览
在project.swan.json文件里,添加appid就行了转载于:https://www.cnblogs.com/huanghuali/p/11065638.html
2019-06-21 17:02:00 974
转载 引入外部 CDN失效时--怎么加载本地资源文件(本文以jquery为例)
相信大家都使用过,百度或者CDN官网等提供的CDN静态资源库CDN官方静态资源库:https://cdnjs.com/七牛前端公开库:http://staticfile.org使用CDN可以减少带宽和http请求,也可以减少一些服务器的压力,从而提升页面加载速度,也有利于提高用户体验。但有一个问题:假如你使用的是百度静态资源库。某天,突然百度静态资源库崩了,那...
2019-05-30 15:32:00 885
转载 swiper插件遇到的坑
1.网速卡的情况下轮播图会出现塌陷解决方法:在swiper外层固定高度,用填充百分比方法:html代码:在swiper-container加一层外层,外层用padding-top:50%(看图片大小而定)<div class="swiper_wrap"> <div class="swiper-container"> ...
2019-05-20 15:17:00 398
转载 原生JS实现JQuery的addClass和removeClass
代码如下:document.getElementById("btn").classList.add("active");document.getElementById("btn").classList.remove("active");转载于:https://www.cnblogs.com/huanghuali/p/10797545.html...
2019-04-30 18:08:00 170
转载 Adobe Photoshop CC 2019画板背景色白底如何去掉?
Adobe Photoshop CC 2019画板背景色白底切透明图片很不方便,有两种方法可以解决:第一种方法:新建文档的时候直接背景内容直接选择透明若设计师提供的设计稿是白底也没关系,就是第二种方法:第二种方法:1.选中这个画板,如图显示:2.窗口——》属性3.画板背景颜色:选择透明这样就解决啦。。。转载于:...
2019-04-29 09:29:00 4511
转载 vscode卡死问题
网上有人说是和淘宝镜像冲突,也不知啥原因,接下来一下操作会好点:文件-》首选项-》设置,搜索search.followSymlinks,把对勾去掉就行1.修复vs code 造成 rg.exe内存占用过大的问题2.修复vs code 造成 git.exe内存占用过大的问题搜索:git.autorefresh把对勾去掉搜索:git.enabled把对勾去掉...
2019-04-28 09:32:00 3180
转载 <meta http-equiv="X-UA-Compatible" content="ie=edge">的意思
<meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码,原来这个的意思是:Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789,那么就调用高版本的那个也就是IE9。...
2019-04-28 08:56:00 2576
转载 clipboard.js文本复制到剪贴板的现代方法
https://clipboardjs.com/转载于:https://www.cnblogs.com/huanghuali/p/10770447.html
2019-04-25 19:32:00 82
转载 微信小程序如何跳转到另一个小程序
微信小程序如何跳转到另一个小程序,要注意:在app.json文件里也要配置navigateToMiniProgramAppIdList,如下图:"navigateToMiniProgramAppIdList": [ "wxc7984fb04ae38871" ]试过这样写是没有问题:代码:<navigator ...
2019-04-19 16:22:00 847
转载 百度小程序button去掉默认边框
百度小程序button去掉默认边框:button::after{border:none;}转载于:https://www.cnblogs.com/huanghuali/p/10569760.html
2019-03-21 09:57:00 375
转载 下拉框select中option居中样式
下拉框select中option居中样式text-align:center;text-align-last:center;转载于:https://www.cnblogs.com/huanghuali/p/10514438.html
2019-03-12 08:58:00 1635
转载 css中如何实现左边的高度随着右边改变而改变
css中如何实现左边的高度随着右边改变而改变html结构:<div class="main"> <div class="main_left"></div> <div class="main_right></div> </div>css样式:.main{ over...
2019-03-02 10:36:00 694
转载 js判断是否手机自动跳转移动端
写法一:{literal}<script>//判断是否手机自动跳转var browser={versions:function(){var u=navigator.userAgent,app=navigator.appVersion;return{trident:u.indexOf("Trident")>-1,presto:u.indexOf("Pr...
2019-02-23 15:51:00 178
转载 webpack安装整理
早上有点时间大概安装一下webpack,操作一下顺便把步骤记一下,乱乱的,还是记录一下吧! webpack安装步骤:1.2.3.一直回车,出现如下图:4.创建src和dist文件5.需要在npm中安装lodash依赖:6.手动创建index.html文件手葱创建index.js文件7.执行命令webpack-clisrc/index.js--o...
2019-02-21 11:40:00 82
转载 for循环、for in整理
for循环作用:按照一定的规律,重复去做某件事情,此时我们就需要使用循环来处理了例子1:倒着输出每一项 <script type="text/javascript"> var ary = [12,23,34]; // console.log(ary); //length:3 //输出每一项:倒着输出 34...
2019-02-20 16:04:00 82
转载 if判断和switch case 和三元运算符整理
if判断和switch case 和三元运算符整理例子1:if判断写法:<script type="text/javascript"> var num = 12; if(num>0){ if (num<10) { num++; }else{ nu...
2019-02-20 14:47:00 353
转载 整理面试题
1.HTTP协议是什么2.web性能瓶颈3.闭包4.JS的OOP5.JQUERY源码6.JQUERY插件7.数据结构、网络协议、W3C标准协议8.MVC、MVVM9.性能优化、安全性、代码优雅性、seo未完待续。。。转载于:https://www.cnblogs.com/huanghuali/p/10350533.html...
2019-02-03 16:02:00 49
转载 js生成二维码
1.用js生成二维码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>生成二维码</title></head><body> <div id="qrc...
2019-01-29 16:14:00 2522
转载 css3效果隔两秒旋转然后停两秒再继续旋转,无限循环
1.旋转效果<style type="text/css"> /*底部天象APP红包下载*/ .public_footer_app,.animation{ position: fixed; right: 15px; bottom:46px; z-index: 40; background: url(data:image/png;base64,iVBO...
2019-01-24 17:34:00 5595
转载 js判断图片是否加载完毕
附件:https://www.jb51.net/article/102385.htm问题:.offset().top和$(window).scrollTop()每次刷新页面后滚动的值有时候会不一样,导致有时候定位不准解答:因为 图片未加载完全 高度塌陷之类的取值问题如图:两次刷新值都不一样//图片加载完毕再执行 var t...
2019-01-23 18:36:00 152
转载 jquery判断滚动到某个div显示底部按钮
判读滚动某个div显示底部按钮<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0, ...
2019-01-22 14:52:00 269
转载 用layui遇到过的问题
1.报错“layui.form is not a function”问题把代码中这一串修改一下:form = layui.form();括号去掉就行:form = layui.form;如果你是从1.x升级2.x造成的,那只需要在定义的时候吧后面的()去掉就可以了。1、获取 Form 模块接口,由之前的 var form = layui.form() 改为...
2019-01-16 11:32:00 251
转载 移动端阿里云裁剪代码
举个栗子:当上传图片大小不一致时,就会出现如下图情况:这是img代码加一串代码就行:?x-oss-process=image/resize,m_pad,h_300,w_300,color_FFFFFF效果图:第二种写法:裁剪中间部分?x-oss-process=image/resize,m_fill,w_146,h_104,li...
2019-01-15 09:46:00 99
转载 jquery移动端一个按钮两个事件
当一个按钮已经有一个事件,如点击,弹窗显示,若还要加个事件,可以用touchstart如:var videoCover = $("#videoCover");//视频封面 $(".Js_date").on('click touchstart',function(){ //点击视频隐藏暂停 $("#indexVideo").hide(...
2019-01-07 10:52:00 142
转载 jquery优化轮播图2
继续优化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <!-- <link rel="stylesheet" type="text/css" ...
2018-12-25 10:03:00 74
转载 jquery改造轮播图1
g改造轮播图1:https://www.cnblogs.com/huanghuali/p/8677338.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> ...
2018-12-25 09:21:00 74
转载 HTML中      等6种空白空格的区别
原链接:http://www.cnblogs.com/chenshihaook/p/6186343.htmlHTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(      ‌‍)...
2018-12-24 16:30:00 82
转载 php时间日期
1.时间戳转化成时间格式<?php echo \app\admin\lib\Form::date('release_time', date("Y-m-d H:i:s",$data['release_time']), 1); ?>转换之后:2.php当前时间date('Y-m-d H:i:s')3.判断当前月超过14号跳到下...
2018-12-13 11:31:00 103
转载 layui select 禁止点击
$('select').attr('disabled', 'disabled');form.render('select'); 注意事项:1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render()一下原链接:https://blog.csdn.net/CaiLin_Liu/article/...
2018-12-06 19:00:00 597
转载 微信小程序二维码是无法识别二维码跳转到小程序
今天测试了一下,微信小程序圆形二维码是不能直接识别跳转到小程序;但h5页面的那种微信公众号二维码是可以直接识别转载于:https://www.cnblogs.com/huanghuali/p/10067622.html...
2018-12-04 21:58:00 2867
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人