前端基础
前端
树欲静而风不止
这个作者很懒,什么都没留下…
展开
-
Chrome Network实验
前言在开发网页过程中,我们会碰到这页面加载也太慢了,那么就要去调优。要进行调优,当然要先知道哪里慢了。那么就需要Chrome的Network看板版本:Chrome 95实验源码有css、js、ajax有图片、css中有背景图片设置loadfinsh.css#testcssload{ width:300px; height:300px; background:url(http://img.zdxsd900.com/jydj_indexbanner_3.jpg) no原创 2022-01-02 17:15:56 · 721 阅读 · 0 评论 -
vue v-distpicker 三级联动 不用npm安装
网上关于vue v-distpicker博文太多,都是npm。附上无需npm,干净清爽<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-s原创 2020-06-14 09:16:47 · 502 阅读 · 0 评论 -
vue form action post 方式提交
<form action="testform" method="post" @submit="submit($event)"></form>submit: function(event) { event.preventDefault();//validate fail return true;//validate success return true or false}原创 2020-05-23 13:19:58 · 5013 阅读 · 0 评论 -
vue自定义图片下拉框组件
<template> <div style="position: relative;"> <div style="display:flex;align-items:center;width:100px;height:20px;"> <img :src="obj[selindex].imgurl" style="width:83px;display: block;"> <img src="../img/arrow-down.png" .原创 2021-05-25 16:54:25 · 1181 阅读 · 0 评论 -
Jfinal处理 axios post表单提交的那些坑
环境 JF3.3 vue+axios表单提交<form @submit.prevent="submit($event)">submit: function(event){ var formData = new FormData(event.target); console.info(formData); axios.post('cart/addAdsReturnJsonObj',formData) .then(function (res) ..原创 2020-06-04 13:13:59 · 410 阅读 · 0 评论 -
前端看懂Swagger文档
1、了解Swagger文档导语:前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力,经常来不及更新。其实无论是前端调用后端,还是后端调用后端,都期望有一个好的接口文档。但是这个接口文档对于程序员来说,就跟注释一样,经常会抱怨别人写的代码没有写注释,然而自己写起代码起来,最讨厌的,也是写注释。所以仅仅只通过强制来规范大家是不够的,随着时间推移,版本迭代,接口文档往往很容易就跟不上代码了。Swagger通过这套规范,你只需要按照它的规范去定义接口及接口相关的信息原创 2021-07-09 17:08:23 · 3856 阅读 · 0 评论 -
Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvases may not be exported.
html2canvas 图片跨域网上都说img.setAttribute("crossOrigin",'anonymous')我加上还是没用true 不允许跨域,改为false允许跨域。反人类设计原创 2021-05-12 11:12:25 · 2858 阅读 · 0 评论 -
space-around space-evenly区别
space-around,共3个元素,每个元素有2侧空隙,共6个空隙平分1380space-evenly,共3个元素,4个空隙,评分剩余1380,每个345原创 2021-02-22 14:01:19 · 3805 阅读 · 2 评论 -
js 时间戳转yyyy-MM-dd
js 时间戳原创 2016-07-21 16:58:28 · 1216 阅读 · 0 评论 -
kindeditor记
公司项目要使用到跟QQ邮箱差不多的功能,所以正文部分需要富文本编辑器所以我一想到的就是用到了kindeditor ,因为我之前就听说kindeditor的强大 开源,轻量级之后我就去官网http://www.kindsoft.net/我想官网一定有demo,所以下载的下来怎么用,下载页面http://www.kindsoft.net/down.php下载完之后解压,看到有asp j原创 2013-09-11 17:04:35 · 1043 阅读 · 0 评论 -
html字符串 转jquery 对象,attr不能设置属性值
let shenpibutton = "<button type=\"button\" fileid=\"123\" class=\"layui-btn\">测试</button>"console.log($(shenpibutton).attr("fileid"))$(shenpibutton).attr("fileid",234)console.log($(shenpibutton).attr("fileid"))以上二次输出123想不通为啥,突然开窍,...原创 2020-09-04 13:13:16 · 252 阅读 · 0 评论 -
js滑动分页
滑动分页原创 2016-08-02 13:54:14 · 1141 阅读 · 0 评论 -
IE6支持的滑动菜单栏
相信大家的在开发中会碰到一些数据不需要分页,但是有很多,标题头只有一个,那么当移动到下面的时候那么就看不到了下面的代码解决了这个问题,而且IE6也支持哦test$(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".nav").offset().top; //滚动条事件 $(window).scroll(funct原创 2013-05-04 17:35:15 · 1027 阅读 · 0 评论 -
jquery实现ajax同步
项目中时常会用到,要用ajax去服务器取数据或者判断,结果没有返回回来的时候,下面的代码不允许做,要实现同步jquery有一个很方便的方法$.ajax({ url: "validateProjectId", data:"layout="+layout, processData:false, async: false, dataType:"json", success原创 2013-04-25 13:37:39 · 1419 阅读 · 0 评论 -
实战 jquery总结
实战中我们经常用到一些行数和一些方法,最常用的下面我来总结一下,比如我们以前还有onmouseover和onmouseout做 鼠标进入移出来的特想可是在jquery中可以方便的实现比如说就只要一个函数就可以了 $(".class").hover(function(){},function(){});这是比较常用的一个方法还有 就是toggle事原创 2013-03-12 18:45:44 · 783 阅读 · 0 评论 -
swiper 移动端中间显示全部,二边显示部分
html <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><a href="#"><img src="img/test_banner1.png" alt...原创 2020-03-27 14:25:35 · 2035 阅读 · 1 评论 -
纯css图形
css 图形原创 2016-08-20 13:36:11 · 608 阅读 · 0 评论 -
在做项目中学到一些CSS知识
都是很实用的a标签 去掉 下划线text-decoration:none;background属性 我想绝大部分元素都有这个属性还有 background-image属性还有background-color属性这几个属性到底有什么区别呢,我总结一下我觉得 background包括 background-image属性和background-color属性比如原创 2013-03-06 17:19:16 · 963 阅读 · 4 评论