前端应用
关注
分享
扫一扫
丰云
I coding I enjoying
展开
-
一个简单的动态业务流程图插件
一个简单的动态业务流程图插件原创 2024-10-12 15:21:49 · 265 阅读 · 0 评论 -
微信小程序之各类文件下载保存到本地
微信小程序下载非图片类文件，并保存到手机本地的方简单可行的非插件方法原创 2021-12-28 09:23:10 · 12249 阅读 · 6 评论 -
js控件封装之tree
今天重新整理以前封装的树结构控件，用弹性布局替代了宽度计算，支持实时响应宽度改变，并且添加了事件回调等配置项，同时修复了一些遗留的bug<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>test</title> <script type=原创 2021-03-16 15:44:34 · 472 阅读 · 1 评论 -
封装的页面分割控件
最近项目需要，把以前封装的页面分割控件又重写完善了一遍，支持参数定义分割条的样式，是否启用拖动分割、是否启用点击开闭、缩放时是按比例缩放还是按宽度缩放等等其他功能大家各自挖掘吧，上代码：<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>test</tit原创 2021-03-15 11:46:18 · 165 阅读 · 0 评论 -
html转base64图片的简单封装
项目要抽取编辑界面的封面图，所以需要封装一个html转图片的前端js方法。参考网上的文章，花了两小时调试完毕，现记录下来，以备后用：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>div to img demo</title> <script type="text/javascript" src="../js/jquery-3.4.1.js"原创 2020-09-08 14:20:31 · 835 阅读 · 0 评论 -
一个简单js代码的出错过程
论坛里有同学问了一个比较基础的js数组处理，就是在一个乱序且有重复值的数组中，找到最大的三个值。在回答这个问题过程中，因为没有实际测试，我连续犯了几个低级错误，现在记录下来，给自己一个警醒.第一次回答的代码：function getMax(list, num){ var result = []; list.sort().reverse().foreach((p)=>...原创 2019-12-18 10:13:20 · 200 阅读 · 0 评论 -
nodejs + express实现websocket即时通讯的最简应用
现在很多项目都需要内嵌一个简单的即时通讯模块，做用户之间的快速沟通，我们昨天也实现了一个，用的socket.io这个插件，可以去npm网站下载或直接npm安装。现在把最简配置贴出来，以备参考：首先是服务端的route.jsconst express = require('express')const app = express()const server = require('...原创 2019-11-14 09:24:40 · 2877 阅读 · 0 评论 -
关于IE浏览器加载图片报206错误的一个解决方法
这几天项目迁移之后，出了一个问题，就是一些图片在IE浏览器里不显示，其他浏览器正常。查看错误消息，浏览器报206错误！！查了很多资料，各种说法，都没有解决问题。最后考虑到当前域名配置了代理，代理服务器存在缓存，考虑是不是这个因素导致的，因此，我们特意给网站配置了第二域名，这个域名没有代理，直接访问的。然后把所有图片路径全部替换成第二域名访问，结果，问题修复了！！！虽然不明白最终原创 2018-01-23 16:03:37 · 3235 阅读 · 0 评论 -
一个关于js的教训
今天在论坛里看到一个js的问题，题目如下： var obj = 'apple'; function fun() { console.log('A:', obj); obj = 'banana'; console.log('B:', obj); function fun2(...原创 2017-03-27 17:32:52 · 419 阅读 · 0 评论 -
js时间转换的一个隐藏的bug
先看效果图：这个bug坑了我好几天，把项目代码翻过来翻过去的看了几遍，硬是没发现那里错了，最后才定位到这里。。。。。这个错误的原因是，js的new Date（）方法，标准的参数是分开传整型的年,月,日。传字符串时，解析字符串的过程有bug...原创 2018-02-02 16:05:15 · 405 阅读 · 0 评论 -
css控制图文混排、图文自适应容器显示的效果
闲来无聊，写了一个效果，留存参考：<!DOCTYPE html /><html><head> <meta name="viewport" content="width=device-width" /> <title>图文混排自适应</title> <script原创 2018-06-11 15:44:31 · 1592 阅读 · 0 评论 -
简单封装的Stripe支付方法
最近项目需要用到Stripe支付，于是做了一个简单封装，现在贴出来，也许以后用得着首先，需要在Stripe官方网站申请注册自己的支付帐号，并获取测试和正式用的前后端校验码。然后，项目后台需要添加Stripe的dll引用，可以用Nuget安装Stripe.net，也可以自己下载dll然后直接添加引用，这里不赘述了。需要提醒的是，测试用的银行卡信息如下：卡号：4242 4242 424原创 2017-12-13 10:51:20 · 8371 阅读 · 2 评论 -
网页打印的通用方法之canvas转换篇
我们做网站，经常需要打印页面指定区域的内容，而网上关于这块的说法很多，各种各样的打印控件也不少。但许多打印方案都不怎么好，至少我不喜欢，要么封装复杂，要么难以维护。 之前写了一个通用打印方法，是基于网上的一个最简洁的打印插件，然后添加了自己的一些内容操作，能满足很多打印需求。 但现在开发环境越来越复杂，要求越来越苛刻，导致有些效果打印不出来，只好继续想办...原创 2018-01-05 13:50:10 · 5468 阅读 · 1 评论 -
非时间对象而是算法实现的js时间倒数方法
项目需要一个时间倒数效果，网上找了一下，发现全都是利用时间对象进行计算再转换的这种做法，个人感觉效率很低很不可取，只好自己用算法实现了一个： var time = { day:6, hour:15, minute:48, second:36 }; window.interval = window.interval ? clearInterval(window.interval)原创 2018-01-22 14:25:47 · 317 阅读 · 0 评论 -
封装的google地图几个常用方法
包含地图初始化，添加标记，画线，取点的坐标等方法 $(function () { var myMap; var cars = {}; var ico = '/img/car.ico'; var minZoom = 8; var maxZoom = 16; function init()原创 2017-12-15 17:24:21 · 395 阅读 · 0 评论 -
asp.net MVC接收前端传递的复杂json对象的简单处理方法
有时候，我们需要从页面传递一组数据到后台，但同时又需要传递几个独立的参数，这种情况很伤脑筋。网上有各种各样的说法和办法，但都不好用，或没有说到关键的地方。还有的建议传字符串后台格式化或解析，也有专门写一个切面程序修改mvc自带的格式化方法的，等等，都不是想要的东东。我需要的是一个简简单单，不做任何改动就能实现的方法。今天遇到这个问题，反复调试了好多次，终于找到了最简单的方法，什么都...原创 2017-12-25 15:49:43 · 14766 阅读 · 8 评论 -
Asp.net MVC WebApi项目的自动接口文档及测试功能打开方法
首先，创建一个WebApi项目，vs会自动根据模版创建一个完整的webapi程序，其中包括了自动文档的一切。但是，这个功能确实关闭的。。。蛋疼。。。。偏偏还没有地方显式的告诉打开的方法和步骤。。。。无语。。。好了，现在先说如何打开webapi接口的自动文档：一：项目右键属性，选择"生成"栏目，指定接口文档xml文件的路径和名字二：打开帮助文档子项目的配置文件，解开红框标注的配置原创 2017-12-21 17:45:56 · 5240 阅读 · 0 评论 -
一个简洁的通用前端输入数据校验方法
每个项目都会有对输入数据做一些简单校验的事情，比如特殊字符过滤、最大最小长度，数字、邮箱等格式验证等等。这些验证往往在一个项目的很多表单里都有大量重复工作，因此很多前端框架都设计一套通用验证方法，来降低这个重复劳动。但这些使用框架自带的验证方法，都需要额外增加一些文件的引用，我很烦恼这些，因为我是一个极简主义者。因此，下面这个简单的通用校验设想就出台了：// 通用输入校验方法，简洁原创 2017-09-29 14:44:44 · 5630 阅读 · 0 评论 -
多线程方法修改winform窗口内容的推荐方法
今天给项目里写一个守护程序，需要开多线程做一些数据处理，DBA说需要界面显示当前工作状态。大家都知道，由于窗口多开的线程，跟窗口不是一个线程，不能直接控制窗口，否则会导致锁死窗口。所以，实现这个效果需要特别处理，一般都用委托和事件实现。虽然几年前做过类似的效果，但代码找不到了。于是参考网上资料，用一个新的相对简单的方式，用到了委托，没有用事件，实现了这个效果。现将核心代码记录下来，以备后用：pub...原创 2018-04-11 16:52:31 · 549 阅读 · 1 评论 -
nodejs遍历文件夹
var fs = require('fs'); function readFold(foldPath){ fs.readdir(foldPath, function(err, files){ if(err){ log(err); return false; ...原创 2018-05-17 11:19:29 · 3074 阅读 · 0 评论 -
原生js复制拖拽的图片到目的地的方法
本来看到这个问题，以为很简单，实际做的过程中，发现远比想象的困难，因为图片在拖拽的时候，鼠标脱离了当前dom,不响应常规的鼠标事件。后来通过查资料，发现js提供了拖拽的事件方法。现在把简单实现的方法整理如下，以备参考：<!DOCTYPE html /><html><head> <title>drag image</titl...原创 2019-07-11 16:57:34 · 1800 阅读 · 1 评论 -
自定义的一个用于显示特定日期的日历控件
自己写的某项目里用到的一个例子，记录下来，以备参考//控件封装代码var tmpCalendar = { config: { value: null, fullMonth: ['January', 'February', 'March', 'April', 'May', 'June', 'July',...原创 2019-04-19 09:41:10 · 854 阅读 · 0 评论 -
简单js购物车逻辑代码
项目准备用而没有用到的代码，留存备用/* 购物车相关逻辑 */function GetMallUserInfo() { var mui = $.cookie("MallUserInfo"); return mui ? JSON.parse(mui) : null;}function SetMallUserInfo(mui) { $.cookie('MallUserIn...原创 2018-07-12 17:22:05 · 2942 阅读 · 1 评论 -
js键盘事件编码
项目经常会用到键盘快捷方式，需要使用键盘编码，下面根据网上找到的资料，整理如下：<script type="text/javascript"> document.onkeydown = function(e){ e = e || window.event || arguments.callee.caller.arguments[0]; ...原创 2018-07-02 14:32:06 · 1994 阅读 · 0 评论 -
js获取图片base64格式串的方法
论坛里有同学提出了这个问题，尝试了一下，中间走了一些弯路，最终实现方法很简单，还是记录下来，以备后用：<!DOCTYPE html><html><head> <title>Blob To Base64</title> <meta http-equiv="Content-type" content="text原创 2018-06-19 17:28:52 · 7595 阅读 · 2 评论 -
video播放视频时配置字幕的实现方法
项目里有很多视频资料，现在客户需要给给这些视频资料添加字幕解说。网上查了不少资料，终于简单实现了这个效果。/* 直接给字幕标签加样式是无效的，必须以下面的方法给样式。*//* 由于google chrome和firefox的字幕默认样式是黑色背景，效果难看，因此需要样式调整 */video::cue{ background-color:transparent; col...原创 2018-06-26 10:05:13 · 7671 阅读 · 3 评论 -
web前端数据表格有合并项的一种简单实现方法
今天一个同学在QQ里问，如何实现前端数据表中有合并项的效果，在QQ里打字说不清楚，于是写了一个简单的例子说明问题，现在记录下来，以备后用：先写一个基本的html页面：<!DOCTYPE html /><html><head> <title>test table</title></head>&l...原创 2018-06-07 16:56:09 · 6076 阅读 · 3 评论 -
页面滚动时，js控制多个视频的播放方法
很多应用里有个视频播放的控制效果，就是页面滚动时，只有全部显示在窗口里的最上面一个自动播放，其他都停止播放。今天客户也要求在我们的项目里使用这个效果，于是写了一个脚本，现在贴出来给大家参考一下，对比网上其他的脚本，我这个应该算是效率比较高的，因为没有做多余的重复计算取值。<script type="text/javascript"> var videoList = $('vid...原创 2018-05-23 17:00:10 · 3345 阅读 · 3 评论 -
鼠标拖动页面控件的重要技巧
以前做鼠标拖动控件移动的效果时，总是把几个事件并列申明，导致移动效果不好，一不小心就脱勾或卡住了，经过js专业大神指点后，修改成如下结构，把document事件放到mousedown事件内部申明，效果立马就顺畅无比了，真是术业有专攻啊。。。。现记录下来，留作参考： chat.x = chat.y = chat.mousekey = 0; ...原创 2018-05-16 11:10:28 · 537 阅读 · 0 评论 -
数组方法的拓展
//拓展数组push方法 var ExtendPush = Array.prototype['push']; ArrayMethodExtend['push'] = function () { var record = arguments[0]; //do something return ExtendPush.apply(t...原创 2018-05-17 15:35:44 · 367 阅读 · 0 评论 -
刚封装的基于jquery的一个简单的、可过滤可添加的下拉框控件
项目里有这种需求，好多页面都有用到，所以干脆封装一个控件。直接代码： var my_Select_idx = 1, my_Select = function (containner, data, changeFun, addUrl) { if ($('#my_select_style').length < 1) {原创 2017-07-03 17:26:56 · 524 阅读 · 0 评论 -
图片上传之blob对象预览
今天听同事说有些图片上传控件，可以不需要先上传，就可以预览，并且桌面浏览器和手机浏览器都兼容。于是在网上找了几个例子，查看其工作原理，发现都是利用blob对象，但网上的例子，代码都很繁琐。因此花点时间，自己封装了一个简单实用的jquery控件。相对网上的繁杂的代码，我的例子代码简洁易读，并且自带表单对象（formdata）提交，大家可以方便的扩展或改写。废话不多说，先上js控件代码原创 2017-05-18 16:23:00 · 7061 阅读 · 0 评论 -
js灵活打印web页面区域内容的通用方法
我们做网站，经常需要打印页面指定区域的内容，而网上关于这块的说法很多，各种各样的打印控件也不少。但许多打印方案都不怎么好，至少我不喜欢，要么封装复杂，要么难以维护。正好现在的项目也需要用到页面打印，于是在网上找了一个最简洁的打印插件，在它的基础上自己写了一个通用的打印方法，可以直观的修改样式。现在把代码贴出来，留置后用，也可以给大家一些参考。原创 2016-04-06 14:42:18 · 6869 阅读 · 9 评论 -
js操作cookie的一些注意项
这两天做购物车逻辑，按照通常的做法，把预购信息存放在cookie里，结果发生了很多不可理喻的事情，完整的证明了我对cookie的无知。。。 这么多年，很少用cookie，因为觉得它不安全。但有些情况使用cookie会大大简化逻辑和系统负担，比如登录验证和购物车，只要设计和处理得好，也不会有安全问题。 正是因为用的少，偶尔用到，也只是接触到皮毛，...原创 2016-03-28 14:40:42 · 2160 阅读 · 0 评论 -
html5的技术要点
转载备用转载 2016-03-11 14:21:49 · 1513 阅读 · 0 评论 -
css背景设置，让套图中某张图片居中显示的例子
这个效果的实现使用了padding,background-origin,background-clip组合，值得贴出来给大家参考参考原创 2016-03-01 17:44:41 · 9289 阅读 · 0 评论 -
基于jquery封装的一个调色板，用到了Deferred对象回调
一个轻量级的基于jquery的调色板，用到了Deferred对象回调，很实用的哦原创 2016-01-11 09:06:53 · 833 阅读 · 0 评论 -
酷毙的html标签编辑器
一时心血来潮，随便写写，有时间补充完善，作为前段的自由编辑器，还是很有意思的原创 2015-12-21 10:33:11 · 993 阅读 · 0 评论 -
基于jquery封装的一个简单web右键菜单
常用代码，留做后用原创 2016-01-04 16:07:53 · 1032 阅读 · 0 评论 -
实时编辑dom的代码，包含新的判断浏览器核心及版本的方法，留存参考
代码摘要，以备后用原创 2016-01-04 10:58:43 · 676 阅读 · 0 评论