web
赵思远kelsty
这个作者很懒,什么都没留下…
展开
-
element-ui使用总结
在项目中用到了element-ui ,使用时遇到部分问题,总结如下:1.日期限制、自定义表单验证实现限制日期前后以下为element-UI表单组件的一个表单项,prop是表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的,值应该是Form 组件的model中的字段,详情可以查看官方文档;<el-form-item ...原创 2020-04-15 16:33:53 · 420 阅读 · 1 评论 -
vue跨域处理
1.为什么会跨域:因为浏览器同源策略的限制,不是同源的脚本不能操作其他源下面的对象。同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。简单的来说:协议、IP、端口三者都相同,则为同源正在上传…重新上传取消...原创 2020-04-07 15:30:32 · 268 阅读 · 0 评论 -
自定义小程序echart插件图表点击事件
由于微信小程序 canvas组件没有提供tap事件,所以导致echart的插件也无法相应tap事件,所以这里需要我们自定义tap事件打开插件目录下 ec-canvas.js (tap的原理就是,touchstart----untouchmove----->touchend)添加如下代码:data: { startPoint:false //添加事件标志位},...to...原创 2019-11-06 09:01:24 · 4379 阅读 · 2 评论 -
微信小程序使用汇总
1.微信小程序UI框架: 目前还没有找到很完美的UI框架,所以基本上还是采用自己手写,基础的布局可以借用weui;2.获取登录用户微信头像<open-data type="userAvatarUrl"></open-data>3.页面跳转(两种方式) 第一种:通过<navigator url="" open-type="navigate"...原创 2019-08-21 10:50:28 · 410 阅读 · 0 评论 -
父容器高度根据子容器变化
在其他博客上看到了一片关于父容器高度自动变化的博文,发现自己也不是全都知道,学习后分享给大家;原来一直设置父元素高度为auto,但发现效果并不对,一直以来都没有思考这个问题;想要设置父元素高度随着子元素自动变化,有以下几种方式可以参考:1.清除浮动<style type="text/css"> .child{ width: 100px; height: 10...原创 2019-08-21 09:31:29 · 1367 阅读 · 0 评论 -
微信小程序无法发起接口请求
最近在做小程序开发,踩到了一个坑,在这里记录一下。用小程序开发者工具时,在开发阶段,可能有些接口域名还没上线或者还没配置成小程序的白名单或者HTTPS证书等问题,但为了能正常开发,开发者工具有个设置可以先跳过域名、https等的校验。但是,当你开发完的时候,需要在真机预览呢?真机可以跳过这些校验吗?答案是可以的。微信真机预览小程序时,点击右上角“三点”按钮可以设置debug模式,设...转载 2019-06-03 10:44:30 · 7319 阅读 · 0 评论 -
css移动动画效果(伪类+transition+ transform+ animation)
一、常用概念区分:1、transform(变形)——组合属性,可以只设置其中一个/多个属性值,空格隔开。属性定义元素的形状/位置变化,:可以定义五个子属性:移动translate缩放scale旋转rotate扭曲skew矩阵变形matrix元素2、translate(移动)——transform的一个属性值,定义元素的移动效果translate(x,y)两坐标同时移动,可以使...原创 2019-04-15 09:39:30 · 18583 阅读 · 0 评论 -
HTML5 JQuery 实现搜索匹配功能
保存以便后期借鉴:<!doctype html><html><head><meta charset="utf-8"><title>HTML5 JS实现搜索匹配功能-jq22.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jqu...转载 2019-04-12 16:46:05 · 1339 阅读 · 0 评论 -
前端实现拖动滑块完成验证
index.html <div id="drag"> <div class="drag_bg"></div> <div class="drag_text slidetounlock" onselectstart="return false;" unselectable="on"> 请按住滑块,拖动到最右边 &l...原创 2019-04-11 17:54:12 · 4638 阅读 · 0 评论 -
如何操作iframe父页面中的元素、方法、变量
近期遇到需要操作iframe外的元素,总结如下:1. 在iframe中查找父页面元素的方法:jQuery的方法:$("#id",window.parent.document) $(window.parent.document).find('.header');原生的方法: window.parent.document.getEle...原创 2019-04-11 17:43:13 · 465 阅读 · 0 评论 -
前端js判断访问站点设备是手机还是PC
在开发中遇到此类问题,以下为本人在开发中查找到的实现方法。 //判断登录设备 var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");原创 2019-02-23 14:43:06 · 1268 阅读 · 0 评论 -
layui使用总结
1.富文本编辑器(在官方文档上的导航栏找不到,但是确实是存在,哈哈)https://www.layui.com/doc/modules/layedit.html2.layui的日期的限制(写法很多,以下为在整个项目中用的较多的一个方法)开始日期选中后,结束日期必须在开始日期之后 layui.use('laydate', function () { var la...原创 2018-11-06 10:22:50 · 1343 阅读 · 0 评论 -
web页面自适应屏幕的疑问列举
在做项目中,一般不会在大屏幕上进行测试,偶尔的一次机会,我在一个大屏的苹果台式电脑上查看我做的页面,发现了一些适应不好的地方,因此存在一些疑虑;1.现在的前端UI框架已经基本上可以做到在普通电脑上的自适应或响应式,我的疑问举例说明:<div class="layui-container"> <div class="layui-row"> ...原创 2018-11-06 09:29:40 · 301 阅读 · 0 评论 -
双飞翼布局
大四找实习工作的时候面试被问到这个问题,当时是第一次听说这个,不过在面试官的引导下也大致实现了。刚好想起来了,就实现以下。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>双飞翼</title>原创 2018-10-09 15:47:01 · 112 阅读 · 0 评论 -
alt和Title的区别在哪
alt属性alt属性是为了给那些不能看到文档中图像的浏览者提供文字说明。所以alt属性的本意是用于替换图像,而不是为图像提供额外的说明。但是,在IE浏览器中,alt属性会变成文字有提示,这本身是一种误导。所以,如果你使用Firefox或者Chrome。alt属性就会不管用。Title属性title属性是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性title。t原创 2017-09-07 15:35:36 · 440 阅读 · 0 评论 -
自适应和响应式的区别
先给大家体验一下响应式和自适应的区别,请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 整理了几篇自适应和响应式的文章,摘抄并修改了一下,请大家欣赏: 起初,网页设计者都会设计固定宽度的页面,最开始的电脑显示器分辨率种类不多,因为当时电脑本来就少,即使有变化也是 800转载 2017-09-07 15:28:13 · 327 阅读 · 0 评论