![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 75
IManiy
即使在搬砖,也要仰望大厦。
展开
-
总结之通过微信公众平台实现h5微信客户端自定义分享标题、描述和图标(前后端实现)
前置动作(后端开发)步骤一:绑定域名js安全域名配置很重要,前端的服务的域名,非常重要!1、先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。JS接口安全域名需要和示例格式一模一样,不需要带http/https备注:登录后可在“开发者中心”查看对应的接口权限。2、需要开启开发者密钥,配置ip白名单(后端服务器ip,获取access_token等白名单不拦截)。注意:ip白名单每天都在变化,可以参考官方获取ip方式https://developers.weixin.原创 2022-05-27 00:11:01 · 4792 阅读 · 0 评论 -
总结之页面数据渲染与数据结构设计(一)
通用需求1、图表渲染如下页面数据结构大概分为3种(1、单数据月份图,2、饼状图、3多数据月份图)饼状图前端数据渲染结构如下:var pieData =[ {value: 20, name: '已拜访'}, {value: 10, name: '未拜访'}, {value: 60, name: '在谈'} ]这个结构SQL查询相对而言方便直接使用SQL构造结构即可SELECT '已拜访' AS name,原创 2020-11-23 17:45:08 · 446 阅读 · 0 评论 -
总结之Js日常使用问题解决记录(四)——汇总贴
今天写js发现以前很多遇到的写法,技巧都没有记录下来,很可惜,需要再查资料,现在开贴记录下来。一、js求和计算丢失精度一个表单提交的时候有一个input框是需要自动计算其他三个input框的结果自动填充的,但是我发现安装下面的js代码编写会出现精度丢失,类似于出现xx.99999999999这种状况var dataMoney = parseFloat(mini.get('dataMoney').getValue());var laborMoney = parseFloat(mini.get('lab原创 2020-09-23 19:59:33 · 214 阅读 · 0 评论 -
总结之两种方式生成二维码(前端和后端生成)
后端方法通过com.google.zxing生成二维码1、引入依赖<com.google.zxing>3.1.0</com.google.zxing><!--二维码--> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>${com.goo原创 2020-07-29 22:50:52 · 5079 阅读 · 1 评论 -
使用js中template方式添加表单中表格行并提交表单
在js里面,经常需要使用js往页面中插入html内容,常用append方法$('#div1').append('<div>你好</div>')如果内容过多的话会拼接繁杂,不方便编码,也有局限性。template简单使用<script type='text/template' id=" templateChild ">较为方便 var template...原创 2019-12-18 20:17:01 · 818 阅读 · 0 评论 -
layui使用经验总结(二)——使用form表单实现表格复选框选中信息,通过post请求页面跳转
需求点击签到按钮,获取表格复选框选中信息,并js处理信息获取ids数组,通过post把ids数组传到后台并进行页面跳转。签到按钮<button class="layui-btn layui-btn-normal f-left " lay-submit lay-filter="sign" >签到</button>js处理数据 form.on('submit(si...原创 2019-04-25 19:05:13 · 1769 阅读 · 0 评论 -
layui使用经验总结(一)——页面中加入子页面的两种方式
一、通过iframe在页面中加入子页面<iframe id="modularpage" name="modularpage" width="100%" height="90%" frameborder="0" scrolling="no" src="${base}/home/menu.html?nodeId=1"></iframe> 点击菜单栏,改变或者再次请求路径...原创 2019-04-22 18:05:32 · 8225 阅读 · 1 评论 -
layui父类获取子类iframe数据
需求如下一个普通的表格页面,需要通过弹窗出现高级搜索iframe页面,高级搜索里面的表单点击搜索按钮,把数据传到父类中。思路一:通过弹窗返回函数拿到数据难点一:需要触发事件 ,高级搜索页面一开始是空的,需要填写数据后,点击搜索按钮。在弹窗返回函数中监控搜索按钮点击事件。$("#seach").on("click",function(){ // 搜索弹窗 layer.op...原创 2019-04-18 19:28:43 · 2020 阅读 · 0 评论 -
layui使用经验总结(三)——数据表格的使用及其要注意的细节
数据表格的样子基础代码示例<html><head> <meta charset="utf-8"> <title>table模块快速使用</title> <link rel="stylesheet" href="/layui/css/layui.css" media="all"></head>...原创 2019-05-09 21:43:33 · 2805 阅读 · 0 评论 -
layui使用经验总结(四)——通过父页面获取子页面信息来实现高级搜索功能
高级搜索一般是一个相对独立的子页面表单,表格、表单使用不做赘述该子页面通过layer.open添加$("#seach").on("click",function(){ // 搜索弹窗 layer.open({ type: 2, title: false, closeBtn: 0, shade:0.5, skin: 'f-r-n', area: [...原创 2019-05-09 21:58:41 · 1232 阅读 · 0 评论 -
前端向后台传参时多个逗号,多个,原因及解决办法
有小伙伴问前端向后台传参时为什么多个逗号?这里就说一下逗号是因为参数有重复,如有两个id参数,后台就会获取 id=12345678,12345678一般情况下很少会出现这样的情况,因为没人傻到写两个相同参数如:id那什么时候会出现呢用些前端框架封装了一些请求,你只需要把请求路径加上如:ajax:“xxxxxx.do”。不需要加参数框架会自动把一些参数从表单或其他控件中获取参数,如果你在这时...原创 2019-05-09 22:21:55 · 8557 阅读 · 1 评论 -
复习之JQuery基本语法(三)——选择
JQuery对象为数组,在其中选择dom元素选择第一个dom元素username = $username.get(0);//如果是-1为倒是第一个元素,-2为倒数第二个元素username = $username[0]);//JQuery集合拿单个JQuery对象username = $username.eq(0);取第一个元素或者最后一个元素取JQuery集合的第一个元素或者最后...原创 2019-08-05 22:58:37 · 339 阅读 · 0 评论 -
layui使用经验总结(四)——“提交”相关内容总结
layui点击、提交事件三种方式普通点击<button type="button" class="layui-btn layui-btn-sm layui-btn-success" id="draft">reset</button>$("#reset").on("click",function(){ var index = parent.layer.getFram...原创 2019-09-17 21:10:16 · 953 阅读 · 0 评论 -
ajax实现文件上传(使用FormData)
文件上传一般是同过表单来上传,但表单提交不满足所有情况,部分情况需要ajax上传文件<input type="file" id="file">js获取文件var file=$('#file')[0].files[0];文件输出如下:我们先尝试通过$.post()方法来上传文件 // $.post("massagesdsd",{file:file},function (...原创 2018-12-11 00:36:24 · 20991 阅读 · 3 评论 -
复习之CSS(三)——重要属性float、、position
float为浮动加上float属性div等标签排版会从竖向排列改成横向排序 float: left;/*左浮动*/ float: right;/*右浮动*/ float: none;/*不浮动*/ float: inherit;/*继承父类浮动*/clear清除浮动 clear: left;/* 元素左边不...原创 2018-10-23 22:48:19 · 209 阅读 · 0 评论 -
复习之CSS(二)——字体、背景、列表样式及盒子模型
盒子模型字体样式font-family: "微软雅黑","宋体",sans-serif; /*绝对单位|相对单位 通常使用相对单位px受显示器分辨率影响 em相对父元素的多少倍 180%和1.8em*/ font-size: 20px; text-indent: 2em;/*行距*/ line-h...原创 2018-10-23 15:41:38 · 223 阅读 · 0 评论 -
复习之JavaScript基本语法(二)——alert、confirm、prompt、console.log使用
alert() 浏览器弹出警告框alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。调试前端代码时经常使用到。alert(&quot;JavaScript代码生效&quot;);confirm()浏览器弹出对话框confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。confirm()方法有返回值点击确定返回的是true,点击取消返回的是false。点击叉号也是fa...原创 2018-09-18 19:32:05 · 943 阅读 · 0 评论 -
阶段复习之html基础(二)——重点标签详解
img标签:图片标签的属性1.src:图像文件的地址 2.width:图像的宽度 3.height:图像的高度 4.alt: 图片找不到时,显示的文字 5.title:鼠标放到图片上,显示的文字 6.border: 图片边框粗细代码示例&lt;img src="cycle/img/100001.jpg" width="300dp" height="30原创 2018-09-03 13:26:12 · 240 阅读 · 0 评论 -
阶段复习之html基础(一)——基础标签和字符
html常见标签介绍与使用meta 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 &lt;!-- 可以通过这个来实现定时自动跳转 --&gt; &lt;meta charset="UTF-8" http-equiv="refresh" content="300;url=http://原创 2018-09-03 13:00:03 · 201 阅读 · 0 评论 -
复习之JavaScript基本语法(三)——getElement[...]方法使用
JavaScript核心document.getElementById()document.getElementById()是根据id获取标签对象//获取标签对象的值//文本域和文本框都用value取值document.getElementById("username").value;//div,p,span,h1,h2都是innerHTMLdocument.getElementBy...原创 2018-09-18 19:59:10 · 6772 阅读 · 0 评论 -
复习之JavaScript基本语法(四)——创建、添加、删除元素节点
createElement()方法createElement() 方法可创建元素节点。此方法可返回一个 Element 对象。 //创建一个li节点 //注意:以下语句指创建一个标签,但该标签仅存在,不在页面显示 //如果要把创建的节点显示页面中,还需要使用方法appendChild() // var liNode =document.crea...原创 2018-09-18 20:13:02 · 285 阅读 · 0 评论 -
复习之JavaScript基本语法(六)——事件监听总汇
事件监听简单事件监听btn.onclick 点击事件<div class="box" id="box"> <H1> 测试模块</H1> <H1> 测试模块</H1> <H1> 测试模块</H1> <H1> 测试原创 2018-09-23 21:50:24 · 198 阅读 · 0 评论 -
前端日期控件——My97DatePicker控件用法说明
My97DatePicker是一款功能强大的日期控件先在官网下载控件包官网下载地址:http://www.my97.net/down.asp现在最新的版本是4.8把控件包拷贝到项目中,js引用本身写法是jQuery的把jQuery文件引入<script type="text/javascript" src="My97DatePicker/WdatePicker.js"...原创 2018-09-24 14:37:05 · 685 阅读 · 0 评论 -
复习之JQuery基本语法(一)——选择器、JQuery对象属性与方法
JQuery简介jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和A...原创 2018-09-24 16:49:04 · 284 阅读 · 0 评论 -
复习之JavaScript基本语法(五)——数据类型、json、date()、math()、循环函数
JavaScript数据类型JavaScript是一个弱类型的语言,变量通过var生成没有类型,但给它赋值有类型。字符串、数字、布尔、数组、对象、Null、UndefinedUndefined代表变量没有赋值。数字类型包括整数和小数布尔类型:数字的话等于0为false,不等于0为true。数组符号为 [ ]对象符号为 { }数字十进制、八进制、十六进制 va...原创 2018-09-19 21:28:56 · 181 阅读 · 0 评论 -
百度地图Web端调用,步骤简单(代码不用记,copy)
使用百度的东西当然需要key了百度web端,JavaScript api:http://lbsyun.baidu.com/index.php?title=jspopular自己可以免费申请一个百度地图web端的key把可以加入页面中这个key,copy去应该可以使用<script type="text/javascript" src="http://api.map.baidu.co...原创 2018-09-19 21:57:56 · 1109 阅读 · 0 评论 -
复习之JQuery基本语法(二)——事件及函数
$(function(){})表示文档结构已经加载完成后执行js代码//$(function(){})其实是$(document).ready(function(){}) 的简写$(document).ready(function(){ $("button").click(function(){ });});$.eachJQuery遍历函数//两种写法//第一种...原创 2018-10-01 23:52:44 · 189 阅读 · 0 评论 -
jquery获取图片真实宽高并且实现浏览器居中效果
JQuery获取图片真实宽高页面有一个图片点击获取图片真实宽高 <img src="img/a1.jpg" class="all studio" onclick="clickPhoto(this)"点击事件function clickPhoto(obj) { var img = new Image(); img.src =$(obj).attr("...原创 2018-10-11 20:38:28 · 381 阅读 · 0 评论 -
复习之CSS(一)——多种导入方式、选择器及命名规则
最近项目中经常要修改页面的CSS样式,所以做个系统的总结css的四种引入方式css行内样式&lt;span class="span" style="font-size: 40px"&gt;css行内样式&lt;/span&gt;内部样式 &lt;style type="text/css"&原创 2018-10-22 22:20:28 · 255 阅读 · 0 评论 -
复习之JavaScript基本语法(一)——三种引入方式及load、write、window、location
JavaScript是什么JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。JavaScript的作用JavaScript用来给HTML网页增加动态功能。JavaScript三种引入方式行内引入:在控件的的事件里写JavaScript点击按钮跳转到fir...原创 2018-09-18 19:13:21 · 521 阅读 · 0 评论