- 博客(29)
- 收藏
- 关注
RSS订阅原创 组件按需导入精简代码
创建index.js,分别默认导入导出---------// 例如:export { default as ruleLeakForm } from './ruleLeakForm'export { default as ruleDataVolumeForm } from './ruleDataVolumeForm'export { default as ruleDataContentForm } from './ruleDataContentForm'...
2022-02-09 14:36:41
204
原创 js 递归查找子元素的父元素
function findResult(arr, parent = null, code) { for (const item of arr) { if (item.code === code) { return parent } if (item.children && item.children.length) { return findResult(item.children, item, code) } }}fun.
2021-07-15 09:21:53
919
原创 如何让某个元素实现F11全屏的效果
在最近工作中, 有需要用到点击页面让图表库全屏,大屏观看1.点击的按钮 <input type="button" value="全屏切换" @click="fullscreenchange" /> 2.需要
2021-05-10 14:55:47
325
原创 css 实现滚动效果
在做中奖列表的时候, 需要做一个名单上下滚动的效果, 纯css 效果就可以实现<div class="marquee"> <div class="row"> <span class="col">20190710</span> <span class="col">北京市昌平区建材城西路金燕龙写字</span> <span class="col">1000010&l
2021-04-29 17:58:15
4075
原创 微信小程序获取滚动的宽度
const query = wx.createSelectorQuery().in(that) query .selectAll('.item66') .boundingClientRect(function(rect) { let width = 0 // 循环获取计算当前点击的标签项距离左侧的距离 for (let i = 0; i < index; i++) { .
2021-01-21 18:18:40
430
原创 生成任意N至N 的随机数
function GetRandomNum(Min,Max) { //返回Min - Max 的随机数 var Range = Max - Min -2; var Rand = Math.random(); var index = Min + Math.round(Rand * Range); // console.log(index) return index ..
2020-12-23 15:05:55
166
原创 vue-cli3 脚手架的自定义配置
vue-cli3 脚手架自动给我们配置了一些基础的配置，但有时候需要一些自定义的设置，那么如何设置呢1.通过package.json配置项目//必须是符合json语法的'vue': { 'devServer': { 'port': '8888', 'open': true }}2.通过在根目录下创建一个vue.config.js文件module.exports = { decServer: { open: tru
2020-05-17 20:58:40
529
原创 Vue知识点梳理
本文转自博客：http://www.manongjc.com/detail/13-upbolcgspawzlhy.htmlVue 开发技巧或者说Vue知识点梳理本文章向大家介绍Vue 开发技巧或者说Vue知识点梳理（转，自个学习），主要包括Vue 开发技巧或者说Vue知识点梳理（转，自个学习）使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。1.require.context()1.场景:如页面需要导入多个组件,原始写法:impor...
2020-05-17 09:33:42
176
原创 前端 弹出遮罩层的时候 如何禁止下面滑动
网上其实有很多方法， 但是我觉得这种简单粗暴vartopSpace=0functionBodyScroll(isState){//遮罩弹窗禁止下面滑动varbodyDoc=document.bodyif(isState){topSpace=window.scrollYbodyDoc.style.position='fixed'bodyDoc.style.top=-topSpac...
2020-05-12 14:09:09
606
原创 input框 ios微信浏览器 无法点击 键盘输入框无法回弹 事件错乱
最近发现很多人都碰到类似的问题，这个其实是input聚焦后页面被顶起，然后失焦后页面回位，但是这里只是视觉上回位了，window其实已经被顶上去一定的距离。你再次点击页面时就已经错位了，目前只发现部分ios在微信浏览器有这个问题所以只针对ios系统且在微信浏览器上做兼容就可以，这里在网上找到一个初版做了小优化，可以直接复制到一个JS，引用就好// 兼容部分ios手机input失焦后页面上移问题(function() { let myFunction let isWXAndIo.
2020-05-11 20:29:56
454
原创 h5 网页唤醒app 常见解决方案
目前h5 唤醒 app 网上有很多方法， 几乎没有完美的方法， 找到一个简单的方法URL Scheme —— 唤端媒介这种方法简单，粗暴，a 链接 即可跳转，与app 协定链接，链接的格式为[scheme]://[host]/[path]?[query]<!DOCTYPE html><html lang="en"><head&g...
2020-03-23 17:05:08
975
原创 前端 如何利用css3 特性 让 input 输入框有个叉叉x 能够删除整个input 框的内容 简单实用
input框旁边的清空input按钮，我们一般在制作注册以及登录页面的时候会用到。一般的样子是这个样子滴：=》我们要实现的功能是，在输入的时候，右侧的清空按钮显示出来，然后当删除input中的内容的时候，清空按钮也消失。以前实现的时候，我用的是“keyup”事件。某一次在做触屏版的时候，不知怎么搞的就是触发不了事件，于是像一位牛人请教，get到了这个新技能：首先看下这个布局的HT...
2020-03-18 18:07:05
4721
原创 如何解决 img 图片变形
1. 盒子设置和图片等比例大小2.使用max-width:300px或max-height:100px，即可解决图片比例缩小。但这样存在一个问题，如果按照宽度缩放，但图片过高会超出溢出盒子，这个时候需要对父级使用overflow:hidden隐藏超出图片内容。但是使用max-width或max-height，IE6不支持，我们需要设置个width:expression(this.width ...
2019-11-26 15:34:58
3490
原创 h5嵌安卓 ios 混合开发 调试工具
加入以下代码就可以了<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <style> #__vconsole{ position: fixed; z-index:99999999...
2019-11-12 15:56:25
280
原创 js 时间戳转成指定日期格式
// 时间戳转换日期格式function timeFormat(nS) { let date = new Date(parseInt(nS) * 1000) // 时间戳为10位需乘1000，为13位则不用 let Y = date.getFullYear() // 年 let M = (date.getMonth() + 1 < 10 ? '0' + (date.getM...
2019-08-05 11:42:05
182
原创 前端 遮罩层
#cover{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:0.5;-webkit-filter: alpha...
2019-06-28 13:54:28
981
原创 js for 循环 和 for in 性能差异
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2019-05-17 11:46:35
939
原创 input 上传图片 change 事件失效
在做h5端上传图片的时候, 发现删除图片再上传的时候 input change事件只触发一次, 为什么呢?因为input的change 事件是根据vaule值变化来的. 所以删除图片的时候把对应input 框的vaule 值清空即可;网上别人也说了其他方案 方案1: jq中用 live 绑定change事件, 但是1.9版本以后不支持live了方案2: 删除的时候 ...
2019-05-05 16:15:54
1547
原创 windows 系统配置 java jdk 环境变量
1. 下包2.新建JAVA_HOME变量，路径指向JDK安装目录3.配置path ，如果是在原来的基础上加，那加一个；号，加上%JAVA_HOME%\bin;4.cdm 命令框查看 java -verson 查看版本注意了，网上说查看配置成功 输入javac 出现很多信息 即配置成功；需要配置之后关闭cmd命令框，再重新打开，否则还会出现不是命令提示...
2019-04-05 10:39:03
78
原创 input 失去焦点后 ios 微信浏览器无法获得焦点
最近在做一个H5活动页面, 但是发现在ios 微信浏览器中, ipnut 失去焦点后无法获得焦点, 意外发现只要滑动一下又可以了;于是 解决方案:: input 添加点击事件, 点一下 就滚动一下,完美解决 具体造成的原因还有待探究$('#code,#phone').click(function(){ $('body').animate({scro...
2019-04-01 20:01:43
892
原创 input密码输入框取消浏览器默认记住密码填充
onfocus="this.removeAttribute('readonly')" autocomplete="off" input 框加上这个属性即可
2018-12-12 14:22:48
6162
1
原创 设置input输入长度 中文一个文字等于2个引文字符 为了解决这个问题
/*** 设置input输入长度 中文一个文字等于2个引文字符 为了解决这个问题* 使用 maxcodelength="" 即可*/$('input[type="text"]').on('input', function (e) {var $that = $(this);var limitLen = $that .attr("maxcodelength") //定义所需字节...
2018-12-07 19:11:50
1502
原创 前端 js 四舍五入保留N位小数点的函数
此方法是四舍五入，如果不需要四舍五入，不加0.5即可function format_number(srcNumber, n) { //n是要保留的位数var dstNumber = parseFloat(srcNumber);if (isNaN(dstNumber)) {return srcNumber;}if (dstNumber >= 0) {dstNu...
2018-12-07 19:11:09
627
原创 jsp的一些基础知识
1. <%@ %> 有个@符号的，叫做指令<% %>这个叫做小脚本，是写java代码的<%! %>这个是jsp中脚本声明，是些一些必要的方法的
2018-09-26 16:43:33
49
原创 前端面试题大全
切记：不要一问一答，善于沟通。不要被动的回答问题，可以将知识延伸，聊到自己擅长的领地自己的职业规划：认真想想，已3-5年为界 想想最后问面试官的问题 css面试 一、css盒模型 css中的盒子模型包括IE盒子模型和标准的W3C盒子模型。border-sizing: border...
2018-08-10 13:05:38
285
原创 1.淘宝镜像安装
淘宝镜像安装：运行cmd，输入npm install -g cnpm --registry=https://registry.npm.taobao.org或者简写 npm i cnpm -g-g 为全局安装
2018-06-07 11:52:05
697
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人