web前端
关注
分享
扫一扫
yb305小白
挨踢小白。。。。
展开
-
个性化百度地图
百度地图个性化设置原创 2022-07-27 11:54:33 · 1536 阅读 · 0 评论 -
常用在线小工具，html过滤、Css、JS、美化、颜色转换拾取、百度地图坐标拾取
1.在线工具https://tool.lu/2.在线html过滤https://tool.chinaz.com/htmlfilter3.RGB颜色值转换成十六进制颜色码工具https://www.sioe.cn/yingyong/yanse-rgb-16/4.在线网页颜色选择器|网页颜色代码获取工具http://www.0430.com/tool/color/5.百度地图坐标拾取http://api.map.baidu.com/lbsapi/getpoin原创 2021-04-15 15:28:45 · 488 阅读 · 0 评论 -
Vue路由跳转时报错 Cannot read property ‘$createElement’ of undefined
//最近在配置路由时，路由跳转时报错：“ Cannot read property '$createElement' of undefined”。//问题在于component写成了components了，修正了就好了。转载 2020-06-10 09:11:16 · 381 阅读 · 0 评论 -
google浏览器控制台输入时如何换行
按键盘Enter+Shift键原创 2020-06-09 11:04:13 · 1564 阅读 · 0 评论 -
magicalcoder集成布局器
http://lowcode.magicalcoder.com/magicaldrag/start.html原创 2020-06-05 14:48:59 · 742 阅读 · 0 评论 -
出现弹窗后，父级页面还能进行滑动或滚动的问题
1.给定一个隐藏样式,如：.noscroll { height: 100%; overflow: hidden;}2.点击弹窗时修改html，body的样式$("html,body").toggleClass('noscroll');3.页面如果出现滑动警告。如下：[Intervention] Unable to preventDefault inside p...转载 2020-04-16 13:29:01 · 1286 阅读 · 0 评论 -
好用插件
1.Swiper常用于移动端网站的内容触摸滑动https://3.swiper.com.cn/api/pagination/2014/1217/70.html原创 2019-11-14 13:37:00 · 130 阅读 · 0 评论 -
图片使用base64位存储的利弊
图片base64编码的获取新开一个chrome页面，直接把图片拖曳进去，f12看source就可以看到图片对应的base64编码优势：减少http请求 模块封装弊端base64编码的长度有些长（base64一般会比原图要大一些） 获取修改比较麻烦使用场景图片很少或不会更新 图片实际尺寸很小 图片在网站多次使用图片转换成base64位工具：https://www.s...转载 2019-11-07 09:35:06 · 4522 阅读 · 0 评论 -
常用前端UI框架
Bootstrap官网：http://v3.bootcss.com/Layui官网：http://www.layui.com/AUI官网：http://www.auicss.com/AmazeUI官网：http://amazeui.org/FrozenUI官网：http://frozenui.github.io/WeUIi官网：https://weu...转载 2019-10-22 16:05:59 · 572 阅读 · 0 评论 -
前端开发应知网站
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.youkuaiyun.com/weixin_43606158/article/details/91164392作为一名前端开发者（所有程序员）最起码遇到bug就算不会解决也应该会搜解决问题的答案。一般笔者会先在百度搜（关键词一定要输入正确）如果没搜到会再去bin...转载 2019-10-16 15:03:02 · 1554 阅读 · 0 评论 -
关于jQuery获取单选框VALUE属性值为ON的问题
当取单选框的value值的时候，前提是要有value这个属性，如果没有value属性那么取出来的就会为on转载 2019-02-14 16:15:46 · 2277 阅读 · 0 评论 -
jQuery 取选中的radio的值方法
1.获取选中值，三种方法都可以：$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值：$('input:radio:first').attr('checked', 'checked');或者...转载 2019-02-14 16:14:02 · 4292 阅读 · 1 评论 -
jquery判断.class是否存在，添加.class,移除.class
一、 判断.class是否存在 is(‘.classname’)的方法$('div').is('.redColor')；二、添加.class$('div').addClass("redColor");三、删除.class$('div').removeClass("redColor") ...原创 2019-02-14 16:02:56 · 9049 阅读 · 0 评论 -
easyui Tabs 标签页/选项卡
1、通过标记创建标签页（Tabs）<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;">tab1</div>原创 2018-12-07 10:38:47 · 555 阅读 · 0 评论 -
ie,google兼容鼠标移入变成手型
pointer';this.runtimeStyle.backgroundColor='#f56618'" onmouseout="this.runtimeStyle.backgroundColor=''"/>转载 2014-09-27 09:54:00 · 729 阅读 · 0 评论 -
js中时间日期转换
（）Date date = new Date();String dateString = date .toISOString()//采用国际标准化组织 (ISO) 格式的日期的字符串表示形式var dt = new Date("30 July 2010 15:05 UTC");document.write(dt.toISOString());document.write("");转载 2014-09-27 09:58:03 · 1035 阅读 · 0 评论 -
-moz-user-select与onselectstart 禁止选择文字（兼容IE）
你选不了我 引自：http://blog.youkuaiyun.com/cui_angel/article/details/7952003转载 2014-12-08 19:53:24 · 1400 阅读 · 0 评论 -
html页面禁止右键
转载 2014-12-08 20:00:09 · 790 阅读 · 0 评论 -
easyui数据验证的扩展
$.extend($.fn.validatebox.defaults.rules, { idcard: {// 验证身份证 validator: function (value) { return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value); }, message:转载 2014-12-09 09:31:21 · 543 阅读 · 0 评论 -
滚动条触发的内容动态加载效果
$(function(){ $("#treeDiv").height("95%");scrollToBottom(loadTreeData);});/* * 函数功能：滚动到底部时的触发方法 */function scrollToBottom(loadFunc){var nScrollHight = 0, nScrollTop = 0, nDi转载 2014-12-09 08:49:21 · 899 阅读 · 0 评论 -
loading效果前端界面加载数据时的遮罩界面
//使用loading效果function ajaxLoading(){ addPanelMask(); $("").html("正在处理,请稍候...").appendTo("body").css({ "display":"block", "z-index":99999, "left":($(document.body).outerWid原创 2014-12-08 20:25:50 · 4329 阅读 · 0 评论 -
Select列表框交换数据（左右移动交换数据）
Select列表框交换数据center{font-size:12px;color:red;font-weight:bold;}select{font-size:12px;color:green;} 可选择排序方式 已选择排序方式 ondblclic转载 2014-12-08 20:13:31 · 678 阅读 · 0 评论 -
前端div的显示隐藏、Jquery input只读
1.div的显示隐藏$("#id").css('display',''); //显示$("#id").css('display','none'); //隐藏2.input的只读$("#id").attr("readonly","readonly");//只读 $("#id").removeAttr("readonly"); //取消只读原创 2016-04-29 09:16:12 · 2013 阅读 · 0 评论 -
如何让js弹出新窗口不被拦截
（一）、问题一一般情况下，如果直接在js中调用window.open()函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open()函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，而不是直接弹出给用户2、例如：《a href="ja转载 2016-11-23 10:41:48 · 10373 阅读 · 0 评论 -
form的onsubmit事件--表单提交前的验证实现方式
onsubmit：表单提交前自动执行指定的东西；注意： onsubmit=“return check()”中的return是一定要加上的，不然check的返回值哪怕是false，仍然提交。也就是说，onsubmit=“return false”为不执行提交；onsubmit=“return true”或onsubmit=“return ”都执行提交主页面如下：转载 2016-11-25 08:54:05 · 13143 阅读 · 0 评论 -
Html5特效
http://geek.youkuaiyun.com/news/detail/61336转载 2016-08-25 11:58:35 · 550 阅读 · 0 评论 -
父容器display:flex后，子元素的内部元素height:100%无效解决方法
父容器display:flex后，子元素的内部元素height:100%无效解决方法解救办法：父类容器position:relative;子元素：position:absolute;width:100%,height:100%;效果图：代码如下： * {转载 2017-05-17 10:05:29 · 35803 阅读 · 4 评论 -
icon、png网页开发中所需要的小图标
1.爱看图标网Logo http://www.iconpng.com/2.easyiconhttp://www.easyicon.net/3.千图库http://588ku.com/?m=element&stid=47&h=iconpng原创 2017-05-27 15:24:47 · 1752 阅读 · 0 评论 -
easyui-linkbutton 改变按钮样式
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Button Group - jQuery EasyUI Demo</title> <link rel="stylesheet" type=&qu原创 2018-12-06 16:18:39 · 12392 阅读 · 0 评论 -
easyui-linkbutton 修改图标、修改text、禁用、启用、选中、取消按钮
<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>1、获取linkbutton属性var attr = $('#btn').linkbutton("options");var icon = $('#btn'原创 2018-12-07 10:06:38 · 3673 阅读 · 0 评论 -
input表单获取值
: ().转载 2014-09-27 09:34:51 · 1076 阅读 · 0 评论