- 博客(56)
- 资源 (2)
- 收藏
- 关注
原创 判断IE浏览器内核版本低于9,并给出升级链接
需要先引入jquery。function IETester(userAgent){ var UA = userAgent || navigator.userAgent; if(/msie/i.test(UA)){ return UA.match(/msie (\d+\.\d+)/i)[1]; }e
2016-11-30 14:56:54 3630
转载 CSS中cursor属性给标签加上小手形状
我们发现a标签在网页中有一个值得注意的地方,即鼠标移到a标签上光标会变成一只小手的图标,移出a标签后又恢复为默认箭头。如今,JS在网页中的功能越来越强大,有时候我们需要在页面中添加一些可点击的标签实现一些功能。如以下代码:123metacharset="utf-8"/>title>给点击标签加上小手
2016-06-29 16:55:20 12864 1
原创 对比两个input输入的数字大小做判断。
script> $("#rewards_limit").on("blur",function(){ if(parseFloat($("#price").val())parseFloat($("#rewards_limit").val())){ alert("最高奖励不能大于等于商品价格!"); return $(this).val("");
2016-05-26 09:13:05 9805
原创 element-ui NavMenu 导航菜单 垂直菜单,可内嵌子菜单 使用
必要环境为 vue + vue-router +element此文件只是左侧菜单组件,需要更多功能请参考element-ui 官网的 NavMenu 导航菜单LeftAsideNav.vue 文件<template> <div class="ku-aside-assembly"> <div class="ku-menu-lsit"> <el-menu :default-active="NavigationDefaul
2021-07-22 16:31:49 1982
原创 vue 添加favicon.ico 修改favicon.ico
webpack构建的环境1.找到build下的webpack.dev.conf.js文件new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon: path.resolve('favicon.ico') //新增 })2.找到build下的webpack.prod.conf.js文件new HtmlWebpackPl
2021-07-12 19:24:30 663 2
原创 微信获取openid出现40163
概述通过微信官方提供的接口https://api.weixin.qq.com/sns/oauth2/access_token接口,获取openid,结果获取不到。报错代码WechatUserInfo(accessToken=null, expiresIn=null, refreshToken=null, openid=null, scope=null, errcode=40163, errmsg=code been used, hints: [ req_id: X6qVLa09602017 ])
2021-05-28 15:31:53 2054
原创 vue判断点击元素是否有指定class
vue判断点击元素是否有指定class<div class="ku-menu-item-group active" @click="clickFold"></div> clickFold: function (e) { e = e || window.event; let isActive = e.currentTarget.getAttribute("class").includes("active"); console.lo
2021-04-07 09:47:15 4783
原创 vue 获取自定义属性值
vue 获取自定义属性值的跟触发事件的属性 <div class="ku-menu-item-group" :data-route="item.route" @click="toRoute"> <i class="el-icon-menu"></i> <span class="ku-menu-collapse"><i class="el-icon-arrow-right"></i></span>
2021-04-06 16:20:44 3049
原创 npm 创建及使用说明
1、创建并发布npm包1.npm官网创建npm账户npm网站地址:https://www.npmjs.com/npm网站注册地址:https://www.npmjs.com/signup2.命令行工具登录npm$ npm loginC:\Users\Administrator>npm loginUsername: wang******928Password:Email: (this IS public) wang******928@sina.comLogged in as w
2021-03-01 14:31:31 1828
原创 js 时间戳格式化 年月日十分秒
// 时间格式化function dateFormat(timeStamp, type) { // 时间格式化 let time = new Date(timeStamp); let YYYY = time.getFullYear(); let MM = (time.getMonth() + 1) < 10 ? ("0" + (time.getMonth() + 1)) : (time.getMonth() + 1); let DD = time.getDate() <.
2021-01-26 17:14:55 265
原创 小程序报错VM5450:1083 页面【components/head/head]错误: TypeError: Cannot read property ‘name‘ of undefined
解决办法:properties: { // 这里定义了collected属性,属性值可以在组件使用时指定 //父组件传过来的data userInfo:{ type:Object } },需要指定参数类型
2021-01-22 11:29:04 1336
原创 小程序引入vant-Weapp 安装详细步骤及问题解决
小程序引入vant-Weapp本文不再赘述官网提供的安装步骤紧在安装之时遇见的问题进行梳理此次开发不使用云开发服务提示:以下是本篇文章正文内容,下面案例可供参考一、创建小程序提示:创建完成提示:启动终端二、官方网站安装链接快速上手提示:按照快速上手步骤进行安装,不在赘述# 通过 npm 安装npm i @vant/weapp -S --production//安装中.....//安装完成出现.....+ @vant/weapp@1.6.5updated 1 packag.
2021-01-21 17:07:40 5026 7
原创 vue 跳转页面锚点 纯原生js
跳转按钮<div @click="linkHref('ID1')"></div><div @click="linkHref('ID2')"></div><div @click="linkHref('ID3')"></div>跳转锚点 <div id="ID1"></div> <div id="ID2"></div> <div id="ID3"></.
2020-06-28 15:43:59 693
原创 获取时间差 天-小时-分钟
// 获取时间差 getTimeDifference(createTime){ // let createTime ="1584861145000";//创建时间 let currentTime =new Date().getTime();// let timeDiffer...
2020-04-14 18:15:31 327
原创 vue2.0项目引入element-ui
从新建vue项目到引入组件Element一、新建项目1.查看 node和npm是不是已经安装好命令:node -v npm -v (没有安装的先安装环境);2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件,后面的安装npm可以全部改为cnpm)3.安装 vue-cli ...
2020-03-09 16:02:50 290
原创 设置H5打开文章内的二维码不能识别,只可选中下载bug
.img_box img{width: 100%;height: auto;display: block;-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */-moz-user-select: none;-webkit-touch-callout: none;}
2020-03-06 10:59:46 266
原创 Vue 踩坑之报错排除1 error: The template root requires exactly one element
error: The template root requires exactly one element报错原因Vue只允许模板里存在一个根节点。解决方案在 <template> 中添加一个 <div>标签,之后所有的组件全部加在 <div>即可解决。...
2019-12-11 15:50:08 2502
原创 linear-gradient()背景颜色渐变
css语法background: linear-gradient(direction,color-stop1,color-stop2,...);direction:用角度值指定渐变的方向(或角度);color-stop1,color-stop2,...:用于指定渐变的起止颜色ps:至少需要两种颜色1 background: -webkit-linear-gradient(red,ye...
2019-12-06 16:05:30 2929
原创 cover-view 解决微信小程序input、textarea层级穿透问题
cover-view 解决微信小程序input、textarea层级穿透问题cover-view 设置定位,然后给z-index:9999;小程序cover-view不支持背景颜色设置 可以用图片进行代替
2019-08-30 14:55:50 4219
转载 微信小程序:自定义组件的数据传递
微信小程序:自定义组件的数据传递转载链接地址:https://segmentfault.com/a/1190000014474289?utm_source=index-hottest一、前言如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来。(如果仅仅只需要复用UI可使用template)下面介绍父子组件的数据传递方法,以及一个简单的组件和一个复杂的组件示例。【...
2019-07-19 14:01:29 9946
原创 如果是安卓手机,调起软键盘是滑动body
$("#jobInfo").delegate('input[type="text"],textarea',"focus",function () {var u = navigator.userAgent, app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') ...
2019-04-12 11:06:33 349
原创 H5判断当前手机使用的是安卓还是ios,并检测是否是微信登陆,给予app下载地址
<script type="text/javascript"> // 获取当前用户扫描的设备 window.onload = function () { checkPhone(); } /* 判断用户手机为安卓还是iphone */ var checkPhone = function () { var _this...
2019-04-04 15:30:07 2686
转载 webstorm 2018 激活破解方法大全
webstorm 2018 激活破解方法大全2017年07月31日 10:10:25阅读数:257760webstorm 作为最近最火的前端开发工具,也确实对得起那个价格,但是秉着勤俭节约的传统美德,我们肯定是能省则省啊。方法一:(更新时间:2018/4/8)v3.3注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:http:/...
2018-06-22 16:47:49 286
原创 一维数组转二维
<script type="text/javascript"> var oldAll = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 20, 1, 2, 3, 4, 5, 6, 7, 8, 9, 30, 1, 2, 3, 4, 5, 6, 7, 8, 9, 40, 1, 2, 3, 4, 5, 6,...
2018-04-19 09:52:00 817
转载 jquery.cookie.js 使用方法
jquery.cookie.js 使用方法Cookies定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/12<script type="text/javasc...
2018-03-29 10:11:02 155
转载 webstorm 2017 激活破解方法大全
webstorm 2017 激活破解方法大全原创 作为最近最火的前端开发工具,也确实对得起那个价格,但是秉着勤俭节约的传统美德,我们肯定是能省则省啊。方法一:(更新时间:2018/1/23)v3.3注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:http://idea.codebeta.cn
2018-01-23 21:21:29 11911 2
原创 合并两个数组生成合并后的key:value数组
// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i activeSubjectsName.length; i++) { con
2018-01-09 12:42:57 4162 1
原创 公共ajax请求方法
//公共ajax请求方法 startvar getdata = function (iter, p, _callback) { var obj; if (p) { obj = {JSONPARAM: JSON.stringify(p)}; } $.ajax({ type: iter.itype, url: reque
2017-11-21 12:02:20 1365
原创 页面加载loading适合于IE10以上及移动端
首先需要引入jquery,把body设置为隐藏;css/*loading 加载动画 start*/#loading{ background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; }#loading-center{
2017-11-21 12:01:33 451 2
原创 html格式代码转换为code格式能在html内显示的代码转换工具
需要引入jquery文件与clipboard.js 文件html>lang="en"> charset="UTF-8"> Title name="" id="inputTxt" cols="30" rows="10" style="width: 100%;height: 150px;"> type="button" id="Transformatio
2017-09-12 11:53:23 2817
转载 jQuery实现遮罩层
/* 半透明的遮罩层 */#overlay { background: #000; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.5; /* 透明度 */ display: none; position: absolute; top: 0px; left: 0px; widt
2017-05-11 11:48:47 228
原创 数据加载动画从中间到两侧颜色随机
html>html lang="en">head> meta charset="UTF-8"> title>加载动画title> script src="jquery-1.11.3.js">script> style> .loading{width: 100%;position: fixed;} .loadingLeft
2017-05-03 19:21:27 223
转载 Html+Css+Js_之table每隔3行显示不同的两种颜色
/** 最近因项目的需求,有这样的一个问题: 一个table显示n条记录,每3行换一次颜色,例如:1,2,3行红色背景,4,5,6行绿色背景,7,8,9行红色背景...以此类推! */ window.onload=function() { var tbl = docu
2017-04-26 13:52:37 4126
原创 点击按钮编写内容
class="recipient of pb20"> class="jb_yellow"> 李晓明 class="fr" onclick="editItemPrice(this)">编辑 class="ro">北京市昌平区回龙观镇龙域北街金域国际中心A座1210室 1891****044 //店铺保养项目价格修改
2016-12-16 15:39:35 430
原创 点击现实与隐藏,点击其它地方隐藏刚显示的元素
function compellation(o){ $(o).next().removeClass("din").addClass("dip"); } function materials(o){ $(o).next().removeClass("din").addClass("dip"); } $(d
2016-12-15 16:31:18 378
原创 商品样式选择
html class="ml0 border0">规格: class="list mt20"> class="kept bdc4" >纪念卡(10张/套) class="aliens bdc0">异形卡 class="even bdc0">连号套卡(2张/套) class="ml0 border0 ">图案:
2016-12-06 14:25:53 1216
原创 倒计时
type="number" name="contactPhone" style="width: 160px;" maxlength="6">id="sendCheckCode" name="sendCheckCode" type="button" class="btn_yz cp " value="发送验证码"> /*获取验证码倒计时*/ var wa
2016-12-03 15:29:10 310
原创 获取验证码倒计时
type="button" class="btn_yz " value="发送验证码">/*获取验证码倒计时*/var wait=60;function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60;
2016-09-29 17:57:11 550
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人