- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2021-03-15
umi+dva+antd打包地址配置修改.umirc.jsexport default{outputPath:process.env.npm_config_outputPath ?? './dist/名称‘}
2021-03-15 17:03:44
162
原创 demo集合
<!DOCTYPE html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>JavaScript实现的抽奖效果 数字跳动版 </title> <meta http-equiv="...
2019-10-08 13:06:14
436
原创 如何使用iconfont图标字体
很多时候,开发为了方便和占内存小, 我们选择使用iconfont图标字体, 官网(https://www.iconfont.cn/search/index?q=liwu)有海量的图库,大家可以根据需求选择然后,介绍一下,怎么使用吧第一步:注册账号,登录网站第二步:选择合适的设计图标加入购物车第三步:点击右上角,我的购物车,查看购物车图标第四步:方式一:开发中最...
2019-09-11 14:51:24
536
原创 js 字符串拼接(substr)
认识substr:substr() 方法可在字符串中抽取从开始下标开始的指定数目的字符。浏览器支持所有主要浏览器都支持 substr() 方法语法string.substr(start,length)start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数...
2019-09-11 14:12:58
877
转载 webstorm常见自动补全方法和常用快捷键(记录下来,以后使用方便)
一：标签自动补全：（1）纯标签补全例：输入h1,按Tab键，（2）纯标签+地址“id”例：输入h1#ccg,按Tab键，（3）纯标签+类“class”例：输入h1.ccg,按Tab键，（4）标签+子标签+子标签个数例：输入div>p*6,按Tab键，（5）标签+类+子标签+子标签个数+子子标签+地址+}HTML}例：输入ul.menu&...
2019-09-09 11:25:17
779
原创 基于jquery库的js封装之:随机色验证码
登录页面为了防止机器的恶意登录,我们通常采取使用随机验证码的方式,下面效果图展示右边就是产生的随机验证码,是前端生成的,前端验证的,为了以后方便使用,就封装了一个原型构造函数,以后可以自定义验证码个数,小圆点个数,线条个数,具体方法实现如下:demo:<!DOCTYPE html><html><head lang="en"> <...
2019-09-04 15:54:13
350
原创 小程序开发之问题8:页面点击弹出框编辑
这里是常用的编辑个人信息的demo:这是一个编辑手机号的弹出框这是小程序页面html部分 <view class='list_item bottom' bindtap='editPhone'> <view class='item_label'>手机号码</view> <view class='item_value'>{{...
2019-09-03 16:23:46
930
原创 小程序开发之问题7:封装wx.request
开发中,会有多次的请求接口的调用,直接调用微信的wx.request()方法,会有很多重复的代码,代码冗余严重,所以我们为了减少不必要的重复,需要进行封装,如下:我们新建一个js,最好放在utils目录下,管理起来比较方便[文件名req.js]const app = getApp();function wxRequest(url, params, success, fail, com...
2019-09-03 15:10:33
273
原创 小程序开发之问题6:使用getAccountInfoSync方法直接获取APPID
基于安全和可配置的appid考虑,我们就要避免直接将appid写在app.js里面,这时我们就需要内置方法getAccountInfoSync来实现了App({ onLaunch: function() { var that = this const accountInfo = wx.getAccountInfoSync() console.log(account...
2019-09-03 09:51:44
11585
1
原创 微信小程序之问题5:左滑显示删除按钮,点击删除当前项
我们开发中,总会遇到一些删除功能列表的操作,在小程序中,触屏左滑操作,即显示可操作删除按钮,下面就是我写的一个demo,供前端开发人员参考:示例:WXML:<view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data...
2019-08-19 11:39:26
6375
3
原创 小程序开发之问题4:底部弹出框带动画(animate)效果
由于小程序多在移动端,页面较小,很多东西,不好全部直接显示,所以一些,不是必须要放在页面上的旧选择了用弹出框的形式,用户自己需要查看的时候,点击去查看详情:效果:直接上代码:这是wxss部分,样式可根据需要自定义.pop_bg { background: rgb(0, 0, 0, 0.3); width: 100%; height: 100%; position...
2019-08-16 10:35:40
1170
原创 小程序问题之：自定义日期签到
小程序，可折叠签到日期：<image style="height:{{height}}" class='bg' src="{{calendarbg}}"> <view style="top:{{top}}" catchtap="foldAndUnfold" hidden="{{nowYear != showYear || nowMonth != showMonth}}"...
2019-08-11 16:49:23
893
5
原创 小程序开发之问题3:js对敏感数据加解密方法(CryptoJS AES)
小程序开发过程涉及到一些敏感数据,为了安全考虑,要从后台对数据加密,传到前端进行解密使用 通过讨论,我们决定使用CryptoJS 中的AES 实现前后端通用加解密技术,这种加密方法更高级一些,安全性高些 安装包github下载地址CryptoJS-v3.1.2 下载以后打开rollups文件夹,根据自己加密需求,使用相关js, 这里我用的是AES 所以 以AES为例,我把roll...
2019-08-07 13:07:03
1044
原创 小程序开发之问题2:传JSON对象的时候,遇到特殊字符(;/?:@&=+$,#)时解析报错
在小程序端，我们是通过JSON.stringify和JSON.parse来在页面之间传递对象数据的,我在开发中因为有些敏感数据采用了后端加密,前端解密再调用的方式,因为特殊字符"=",导致获取到这个"="号时,后面的数据都取不到了 通过查询资料分享找到了解决办法decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码en...
2019-08-07 12:46:28
1050
5
原创 小程序开发之问题1:(文本/文字)内容过长显示点点点
在小程序开发中我们经常遇到,文本内容过长导致页面样式花掉的问题,这时候我们就需要限制文字显示长度,经常用的方法就是隐藏多出来的文字显示点点点单行文本过长显示点点点 .row { width: 400rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 多行文本显示点...
2019-08-05 14:04:11
4549
3
转载 Javascript中最常用的61个经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制...
2019-06-04 11:19:43
365
原创 登录 记住 (保存)用户名密码(设置:cookie)
（如果有不懂的，请看javascript cookie详解）登录欢迎页面的例子:login.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml...
2019-06-03 15:35:22
2713
转载 图片延迟加载（lazyload）的实现原理
此前在浏览一些网站的时候，发现他们网站的图片都是你“鼠标”滚到哪，图片才会加载显示。当时觉得好神奇，怎么会这么“跟手”呢。在学习JS和jQuery后，自己尝试写了能够实现lazyload的方法。核心原理是：1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站的空白部分）中；2 为<img>标签设置一个暂存图片URL的自...
2019-06-03 15:18:19
648
原创 列表内容超出范围显示...,鼠标悬停显示全部内容
js 部分/** * initShowContent * 使用说明:参数(id的名称字符串格式,表格td的要显示全部的class名称字符串格式) * 列表外层元素必须添加类.items_ellipsis, * 列表项必须添加class为.item_content * 列表项内部内容用 <span class="content">内容</span> 嵌套 ...
2019-05-29 15:44:04
7166
原创 $widget和JqueryUI中dialog结合完成有搜索筛选功能的单选组件
js代码实现部分 singleSelect.js /* 单选控件 js begin */ /** * 它带有两个参数：一个是要创建的插件名称，一个是包含支持插件的函数的对象文字。 */ $.widget("jd.singleSelect", { /** * 默认参数 * * inputId: 输入框id * * componentId :...
2019-05-29 15:27:17
502
转载 vue 插件大全
Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！一、UI组件及框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 ...
2019-05-29 14:59:57
585
原创 谷歌记住登录名输入框黄色背景问题
原因;谷歌浏览器自动填充背景色input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{ background-color:rgb(250, 255, 189)!important; background-image:none !important; color:...
2019-05-29 13:01:12
233
转载 移动浏览器兼容
移动端兼容性问题解决方案1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分双击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to zoom)的...
2019-05-20 11:25:39
362
转载 JavaScript进阶之路——认识和使用Promise，重构你的Js代码 (很有价值,保留用于学习) 转载自http://www.cnblogs.com/yunfeifei/
JavaScript进阶之路——认识和使用Promise，重构你的Js代码 一转眼，这2015年上半年就过去了，差不多一个月没有写博客了，"罪过罪过"啊~~。进入了七月份，也就意味着我们上半年苦逼的单身生活结束了，从此刻起，我们要打起十二分的精神，开始下半年的单身生活。大家一起加油~~ 一直以来，JavaScript处理异步都是以callback的方式，在前端开发领域callback机...
2019-05-10 16:11:30
258
转载 原型链图解
首先，要明确几个点：1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。2.方法(Function)方法这个特...
2019-04-28 09:33:55
1300
1
转载 大型网站清除css浮动的最佳方法
大型网站清除css浮动的最佳方法，例如： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <h...
2019-03-28 16:32:09
118
转载 解决浏览器IE6,7,8,9,10兼容问题的有效办法
在网站前端开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE浏览器给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 ： 百度源代码如下<!Doctype html>< html xmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml&...
2019-03-28 16:21:27
1867
原创 echarts(堆叠柱状图)
堆叠柱状图和dataZoom组件 用于区域缩放的实现的一个实例,参数颜色是自己自定义的,可根据需要添加颜色/** * 获取上传率图表Option * * @param chart * @param json * json对象 * 格式例子:{"devices":[{"name":"已启用","data":[{"name":"UDP透...
2019-03-26 15:57:57
6412
原创 $widget 两栏多项选择框 会触发默认提交事件的优化
******其中 按钮不要直接使用button标签,会触发默认提交事件,原数组只初始化一次,第二次加载的时候允许改变原数组,去form提交已改变的数据*******/*多选控件 js begin*//*** Created by ZhangML on 2019/3/5.*/(function($) { /** * 它带有两个参数：一个是要创建的插件名称，一个是包含支...
2019-03-25 08:41:08
194
原创 display:flex 的布局
display：flex是弹性布局，优化了：浮动（float）带来的要清除浮动的困扰，宽度过窄时会被挤到下一行的困扰用法 <div style="width:200px;height:200px;display:flex"> <div style="flex:1">左部分</div> <...
2019-03-22 21:55:44
729
原创 $widget 控件的封装 多选按钮和filter 的实现 两栏显示框
实现代码html 结构布局部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div, input { paddin...
2019-03-19 16:12:37
267
原创 vue初学问题二：git commit -m 'init project'
输入下面命令行将文件提交到本地git中时报错git commit -m 'init project'error: pathspec 'init'' did not match any file(s) known to git解决：将单引号换成双引号即可，如下（解释说明：在windows命令行中要双引号括起来，linux使用单引号，git bash使用单引号）git commit ...
2019-03-09 20:56:58
1567
原创 vue学习之路问题一：vue 报错 router is not defined
1.vue初学遇到问题一 main.js没有引入import router from './router'导致报错vue router undefined
2019-03-09 20:25:19
52137
1
原创 table内容超出固定宽度显示点点点,宽度自适应
1.这是JS 鼠标悬停显示全部隐藏的内容 /** * initHoverTitle * 使用说明:参数(id的名称字符串格式,表格td的要显示全部的class名称字符串格式) * table必须添加类.table_ellipsis, * td必须添加class为.td_ell * td内容用 <span class="ell">内容</span> 嵌套 ...
2018-12-25 09:31:27
3779
原创 表单验证js[使用条件: 必须在form的table中 使用方法]
/* * 使用条件: 必须在form的table中 使用方法: 1.在每个表单控件中添加"valiType"属性,属性选取正则数组中的属性名并且以"-"进行分隔 * 如下面的例valiType="notempty-chinese" 则代表了"非空,仅中文"的要求.如果 为select控件只能判断非空 * 2.在提交按钮中添加onclic="return validatorRegex()" ...
2018-11-23 08:56:56
804
原创 table td超出给定宽度，显示点点点...，table td超出给定宽度换行，解决方法
表格宽度确定后，要长度过长则首先需要固定表格 table-layout:fixed 所有浏览器都支持 table-layout 属性也就是定位列宽由表格宽度和列宽度设定。需要了解具体可以参考w3cschool接下来就要实现问题解决方法了<!DOCTYPE html><html><head lang="en"> <meta ch...
2018-08-20 09:30:31
3142
原创 选择框可输入可搜索查询下拉选项框（自定义）
//css部分jquery.splendid.textchange.js可以自己去下载 .searchSelectDiv { margin: 0 50px 0 0; height: 24px; line-height: 24px; width: 118px;}.searchSelect { position: relative;}.searchSel...
2018-08-02 15:21:21
6970
转载 百度经验（复选框，全选，全不选，反选，获取选中的值）
//设置全选复选框$("#list :checkbox").click(function(){ allchk();});函数allchk()就是用来检测全选框#all应该是选中状态还是未选中状态的，请看代码。function allchk(){ var chknum = $("#list :checkbox").size();//选项总个数 var chk = ...
2018-08-02 14:47:30
193
转载 JS中常用方法的封装【转载】 https://juejin.im/post/5a2a7a5051882535cd4abfce#heading-53
编写自己的代码库（javascript常用实例的实现与封装）2017 年 12 月 11 日 目录1.前言 2.字符串操作 2-1去除字符串空格 2-2字母大小写切换 2-3字符串循环复制 2-4字符串替换 2-5替换* 2-6检测字符串 2-7 检测密码强度 2-8随机码（toString详解） 2-9查找字符串 2-10 过滤字符串 ...
2018-08-02 14:42:29
723
原创 筛选下拉条件按钮
描述：适用于条件选择或表格排序条件的下拉按钮效果如图所示：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-s
2018-06-12 14:55:35
863
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人