文章分类 - 前端开发
摘要：问题一：点击显示for循环里的值 问题：每次点击都会弹出最后一个值3 <ul id="myul"> <li>1</li> <li>2</li> <li>3</li></ul>var u=document.getElementById("myul");var l=u.getElementsByTagN
阅读全文
摘要：一、背景：因为之前同事用java后端生成海报，导致海报加载缓慢，所以把它放到前端来拼接 二、菜鸟教程：https://www.runoob.com/html/html5-canvas.html 三、准备好需要的材料（图片） html <!-- html中添加 --> <canvas id="myCa
阅读全文
摘要：组件生命周期 beforeCreate 实例已经开始初始化之后调用 【数据初始化未完成，页面没有开始渲染】 created 实例创建完成之后调用 【组件创建完成，不代表组件已挂载到页面】 beforeMount 在挂载开始之前被调用。 mounted 挂载到实例上去之后调用。 注意：此处并不能确定子
阅读全文
摘要：最近在做 Vue 聊天的时候发现 IOS 端 Input 输入 文字的时候 需要长按 或者 双击 才起 获取焦点，fouse 百度之后发现 修改 node_module 里找到 fastClick.js 就能解决 测试成功： 原文地址：https://blog.csdn.net/nicepainki
阅读全文
摘要：前端时间搞了小程序跑h5的流程，趁着这段稍微空闲的时间整理下，和大家一起分享下 1.内嵌h5，小程序场景判断 wx.miniprogram.getev(fn) , 该方法是微信提供的api，注意的是，该方法是异步的 、引用微信的JS-SDK版本要相应版本(推荐用JSSDK 1.3.2或者以上），否则
阅读全文
摘要：页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips
阅读全文
摘要：jQuery图片裁剪插件jQuery-photoClip： http://www.jq22.com/jquery-info7428 http://www.jq22.com/yanshi7428 http://www.jq22.com/yanshi15891 使用的是PhotoClip.js插件BD母
阅读全文
摘要：首先安装croppanpm install --save vue-croppa安装完成之后，在需要的页面引入 import Vue from "vue"; //引用Croppa图片裁剪 import Croppa from "vue-croppa"; import "vue-croppa/dist/
阅读全文
摘要：background-size: cover;background-position: 50%; background:url("//mcake.oss-cn-hangzhou.aliyuncs.com/file/96514a3e5aa8f573/6cb309ee9fc7c4b1.jpg") no-
阅读全文
摘要：问题：上传图片到阿里云OSS，再再HTML标签使用OSS图片路径，展示的图片被自动旋转了；但是将图片图片路径直接浏览器打开，是原始没有旋转过的； 解决方案： 阿里云文档已经说明了解决方案，链接：https://help.aliyun.com/document_detail/44691.html?sp
阅读全文
摘要：移动设备的屏幕有两个方向： landscape（横屏）和portrait（竖屏），在某些情况下需要获取设备的屏幕方向和监听屏幕方向的变化，因此可以使用Javascript提供的 MediaQueryList 对象接口，使用方法如下： 获取当前屏幕方向（是否是竖屏状态） var mql = windo
阅读全文
摘要：·video层级问题 问题现象：点击登录弹窗可以正常显示，在点击播放视频后，video层级变成了最高级，再次点击登录弹窗被video遮挡了，无论怎么给登录弹窗z-index都无法正常显示弹窗。 解决方案：Android微信内置浏览器是X5内核，X5内核中默认了video的层级是最高级别，所以改变z-
阅读全文
摘要：摘要 最近在开发H5，就在开发过程中发现H5存在着一些坑，所以就总结一下在开发过程中遇到的坑以及解决办法，本文会持续的更新，同时也欢迎大家一起评论分享H5开发中遇到的坑、解决办法等。 常见的通用的H5开发问题 IOS端-H5开发问题 · 输入法隐藏页面留白 问题现象：iOS端软键盘失去焦点（隐藏）后
阅读全文
摘要：一、设置定时器 window对象提供了两个方法来实现定时器的效果， 分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(code
阅读全文
该文被密码保护。
摘要：当做页面的时候（设计稿的尺寸是1920px），可是经常会发现，当在小屏幕下浏览的时候，头部内容显示不全。 方法1：如果图片做图片的形式，使用<img>标签来插入到页面中，img{ width:100%;}，可以轻松实现图片跟随屏幕的大小来缩放.但是当在较大屏幕（width>1920px）的电脑屏幕下
阅读全文
摘要：如何实现图片和两行文字在一行显示 Lorem ipsum dolor sit amet consectetur adipisicing.Lorem ipsum dolor sit amet consectetur adipisicing.Lorem ipsum dolor s...
阅读全文
摘要：1.应用场景 左侧一个导航栏宽度固定，右侧内容根据用户浏览器窗口宽度进行自适应 2.思路 首先把这个问题分步解决，需要攻克以下两点： 1）让两个div并排到一行 2）让一个div宽度固定，另个div占据剩下宽度的空间 关于第一点，首先要明确，div属于块级元素，在文档标准流中单独占据一行。要想多个d
阅读全文
摘要：做这个布局有两个要点： 1。第二个div要清除浮动 2.考虑到IE6经常出现的三像素文本慢移，所以用IE6可识别的*做hack. 转载于：https://blog.csdn.net/di84186/article/details/102401922
阅读全文
