前端
关注
分享
扫一扫
文章平均质量分 82
IManiy
即使在搬砖，也要仰望大厦。
展开
-
ZenStack全栈开发工具（一）快速使用指南
ZenStack是一个TypeScript工具，通过灵活的授权和自动生成的类型安全的 API/钩子来增强 Prisma ORM，从而简化全栈开发数据库-》应用接口数据库-》前端参考官方网站：https://zenstack.dev/如果我们想做一个全栈开发的web应用程序，之前有选择的是java的jsp页面，后面流行的使用TypeScript，node.js来实现后端业务逻辑，而node.js最流行的ORM框架就是Prisma。ZenStack是一个构建在Prisma。原创 2024-09-30 17:17:39 · 1234 阅读 · 0 评论 -
总结之通过微信公众平台实现h5微信客户端自定义分享标题、描述和图标（前后端实现）
前置动作（后端开发）步骤一：绑定域名js安全域名配置很重要，前端的服务的域名，非常重要！1、先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。JS接口安全域名需要和示例格式一模一样，不需要带http/https备注：登录后可在“开发者中心”查看对应的接口权限。2、需要开启开发者密钥，配置ip白名单（后端服务器ip，获取access_token等白名单不拦截）。注意：ip白名单每天都在变化，可以参考官方获取ip方式https://developers.weixin.原创 2022-05-27 00:11:01 · 4978 阅读 · 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 · 497 阅读 · 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 · 253 阅读 · 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 · 5207 阅读 · 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 · 858 阅读 · 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 · 1814 阅读 · 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 · 8439 阅读 · 1 评论 -
layui父类获取子类iframe数据
需求如下一个普通的表格页面，需要通过弹窗出现高级搜索iframe页面，高级搜索里面的表单点击搜索按钮，把数据传到父类中。思路一：通过弹窗返回函数拿到数据难点一：需要触发事件 ，高级搜索页面一开始是空的，需要填写数据后，点击搜索按钮。在弹窗返回函数中监控搜索按钮点击事件。$("#seach").on("click",function(){ // 搜索弹窗 layer.op...原创 2019-04-18 19:28:43 · 2074 阅读 · 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 · 2905 阅读 · 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 · 1268 阅读 · 0 评论 -
前端向后台传参时多个逗号，多个，原因及解决办法
有小伙伴问前端向后台传参时为什么多个逗号？这里就说一下逗号是因为参数有重复，如有两个id参数，后台就会获取 id=12345678,12345678一般情况下很少会出现这样的情况，因为没人傻到写两个相同参数如：id那什么时候会出现呢用些前端框架封装了一些请求，你只需要把请求路径加上如：ajax:“xxxxxx.do”。不需要加参数框架会自动把一些参数从表单或其他控件中获取参数，如果你在这时...原创 2019-05-09 22:21:55 · 8778 阅读 · 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 · 379 阅读 · 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 · 1017 阅读 · 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 · 21257 阅读 · 3 评论 -
复习之CSS（三）——重要属性float、、position
float为浮动加上float属性div等标签排版会从竖向排列改成横向排序 float: left;/*左浮动*/ float: right;/*右浮动*/ float: none;/*不浮动*/ float: inherit;/*继承父类浮动*/clear清除浮动 clear: left;/* 元素左边不...原创 2018-10-23 22:48:19 · 238 阅读 · 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 · 1023 阅读 · 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 · 282 阅读 · 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 · 229 阅读 · 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 · 7424 阅读 · 0 评论 -
复习之JavaScript基本语法（四）——创建、添加、删除元素节点
createElement()方法createElement() 方法可创建元素节点。此方法可返回一个 Element 对象。 //创建一个li节点 //注意：以下语句指创建一个标签，但该标签仅存在，不在页面显示 //如果要把创建的节点显示页面中，还需要使用方法appendChild（） // var liNode =document.crea...原创 2018-09-18 20:13:02 · 323 阅读 · 0 评论 -
复习之JavaScript基本语法（六）——事件监听总汇
事件监听简单事件监听btn.onclick 点击事件<div class="box" id="box"> <H1> 测试模块</H1> <H1> 测试模块</H1> <H1> 测试模块</H1> <H1> 测试原创 2018-09-23 21:50:24 · 237 阅读 · 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 · 726 阅读 · 0 评论 -
复习之JQuery基本语法（一）——选择器、JQuery对象属性与方法
JQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A...原创 2018-09-24 16:49:04 · 329 阅读 · 0 评论 -
复习之JavaScript基本语法（五）——数据类型、json、date()、math()、循环函数
JavaScript数据类型JavaScript是一个弱类型的语言，变量通过var生成没有类型，但给它赋值有类型。字符串、数字、布尔、数组、对象、Null、UndefinedUndefined代表变量没有赋值。数字类型包括整数和小数布尔类型：数字的话等于0为false，不等于0为true。数组符号为 [ ]对象符号为 { }数字十进制、八进制、十六进制 va...原创 2018-09-19 21:28:56 · 210 阅读 · 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 · 1168 阅读 · 0 评论 -
复习之JQuery基本语法（二）——事件及函数
$(function(){})表示文档结构已经加载完成后执行js代码//$(function(){})其实是$(document).ready(function(){}) 的简写$(document).ready(function(){ $("button").click(function(){ });});$.eachJQuery遍历函数//两种写法//第一种...原创 2018-10-01 23:52:44 · 221 阅读 · 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 · 409 阅读 · 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 · 290 阅读 · 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 · 259 阅读 · 0 评论 -
复习之JavaScript基本语法（一）——三种引入方式及load、write、window、location
JavaScript是什么JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言。JavaScript的作用JavaScript用来给HTML网页增加动态功能。JavaScript三种引入方式行内引入:在控件的的事件里写JavaScript点击按钮跳转到fir...原创 2018-09-18 19:13:21 · 567 阅读 · 0 评论