- 博客(105)
- 资源 (11)
- 收藏
- 关注
RSS订阅
原创 CSS样式常用兼容属性之日积月累
1.各大浏览求透明度设置{background:#9567aa;filter:alpha(opacity=60); //IE系列识别-moz-opacity:0.8; //火狐私有opacity:0.8;//通用}2.取消默认样式，以及公共类样式/* CSS Document */*{ margin:0; padding:0;}fieldset, i
2014-01-18 10:12:34
1490
原创 存钱虚拟计划，嘚
S 总资产={ (((((1w+1w*102.5)*102.5%+1w ) *102.5% +1w )*102.5%+1w )*102.5%+1w) *102.5% +1w }*12。S 总资产/12=((((1w+1w*102.5%)*102.5%+1w ) *102.5% +1w )*102.5%+1w )*102.5%^2+1w*102.5%S 总资产/12= T*（1-k^Y）/1-K = T*（k^Y-1)/k-1。——————————————————所以，存个嘚得钱，嗨起来这里。
2023-11-17 13:07:19
2374
1
原创 存钱计算小工具，为了自己更富有，努力存钱哦
只是为了激励自己存钱，关于里面时间格式化对象new Intl.DateTimeFormat 可以好好学习一下，具体的百度。没有特别高明的算法结构，可以尝试自己写一个。提升一下自己的逻辑思维
2023-09-26 16:16:02
1243
原创 web3.0 升级到webpack5.0 以及兼容IE处理
如果你的事vue-cli 或者其他cli 关于IE 兼容不具有什么参考价值。如果是react 项目，你看看就行。webpack3的打包速度已成为诟病，所以我们将原来的webpack3升级至webpack5首先就是原来的项目结构，主要在于build目录下面，存在基础配置，开发配置，生产配置build。
2023-07-06 16:25:49
3086
5
原创 css日积月累系列---简易的flex布局使用sass和less 封装版
sass 和less 的基础用法， 封装针对基础样式，flex 布局为核心驱动
2022-08-02 14:12:43
650
原创 SourceMap 启用时 devtool各个值的含义
SourceMap 启用时 devtool各个值的含义开发环境以下选项非常适合开发环境：evaleval - 每个模块都使用 eval() 执行， 并且都有 //@ sourceURL。此选项会非常快地构建。主要缺点是，由于会映射到转换后的代码，而不是映射到原始代码（没有从 loader 中获取 source map），所以不能正确的显示行数。eval - source - mapeval - source - map - 每个模块使用 eval() 执行， 并且 source map
2022-03-29 22:54:08
390
原创 vue 巧妙渲染动态表格。
渲染核心组件，代码如下<template> <div> <table border="0" cellpadding="0" cellspacing="0" class="itemList"> <template v-for="(itemCol, indexCol) in colList"> <tr ...
2019-07-15 10:41:26
3792
原创 vs code 首选项设置
安装完vscode 需要安装辅助插件，根据自己需求和需要来确定（eslint 必须安装。） 选择 文件----首选项 ------ 设置 用户设置打开 settings.json 插入如下代码 ，重新启动vscode 完成。{ "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate...
2019-07-15 09:10:47
8810
原创 vue实战----富文本编辑器。Tinymce
Tinymce 如何嵌入vue 不说了代码核心是对Tinymce 默认功能封装。 此篇文件 主要是针对富文本编辑器的样式改造和 一个拓展按钮功能实现Tinymce 很强，他有丰富的APi和对用户开放的接口我们可以通过对外开放接口 定制自己需要的功能。直接上代码使用代码引入import Tinymce from '@comp/widgets/TinymceVue'...
2019-06-14 16:21:21
1037
原创 vue实战系列---------from 表单封装之input实现数字框 的千分位和小数点输入。
核心思想A.利用失去焦点事件on-focus替换千分位符号this.formInfoData[name] = this.formInfoData[name].replace(/\,/g, '')B.利用 验证绑定的事件处理数字(处理数字 功能有待完善，因不支持负数， 精度不够，jstoFixed方法 对于数字精度处理有问题) 呵呵呵哒 主要是思想和应用 ，具体数字处理...
2019-06-14 16:02:32
3780
原创 vue 表单封装（利用iview自带组件）
实战代码功能如下1.inputNumber 数字框 千分位和小数点 处理。（详细功能会另起文章）2.AutoComplete 和select 框的联动处理3. 弹框功能和弹框表单4.动态添加表单字段5.实战富文本编辑器另起文档说明。封装目的和解决痛点，表单字段 10几个20个时候，需要人为的不断拷贝和添加 相同的代码 特别是iview 冗余代码会非常多，ht...
2019-06-14 15:32:10
4061
1
原创 vue 开发拖拽签章功能。 主要应用，pdf 合同 盖章， 文件水印， 图文打码
实现原理）通过拖拽功能实现 （主要vue代码，通过后台将pdf转换 统一格式的图片，前端分页 再不同页面添加签章。）签章 使用draggable="true" @dragstart="drag($event)"签章容器 使用@drop="drop($event, docindex+1)" @dragover="allowDrop($event)"本源码实现是pdf ...
2019-06-14 14:50:19
10215
12
原创 自定义放大镜插件 兼容ie6
样式@charset "utf-8";/* CSS Document */* {padding: 0;margin: 0;}body {margin: 0px;padding: 0px;min-width:1200px;}/*相关样式*/.MagicZoomBox { background:#fff;}.MagicZoomBox span { background:url
2017-06-23 17:09:00
696
原创 javasctipt 数组原生方法大集合
数组的方法 以及 堆栈的操作的方法JavaScript是一种弱类型语言，不像其它程序语言需要严格定义数据类型。在JavaScript中数组可以任意修改变动，这样也就出现了一个问题，如果边遍历数组边操作数组（比如删除当前项，则所有之后的数组元素下标都将向前移动）是一件很危险的事情。JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表
2017-04-10 17:12:56
1898
原创 深度解析 []==[] 为false ![]==[] 为true
[]==[] false []=={} falsetypeof []=="object"typeof {}=="object"两者同一类型，但是 引用类型的存储时 是一个指针指向一个开辟的内存空间 第一个开辟一个单独的空间 第二个也开辟了单独的空间就行两个一模一样的房子，装修什么都一样， 但是一个是张三家，一个是李四家。 你说两个家是一个家 那是不对 空间不一样
2017-03-30 16:02:32
634
原创 css 3 基础选择器。
CSS3选择器。 基础选择器*通配选择器选中所有，不建议使用E 元素选择器，在rest.css 经常用到，用与将各个浏览器元素默认样式统一#id ID选这器.class 类选择器Selector，selectorN 群租选择器。以上的我们比较常用，而且所有浏览器都支持的css选择器。 层次选择器 css 最新版本 IE 必须 7+ 以上特殊的选择器语法1
2017-03-10 10:08:51
325
原创 sass 的基础应用 ruby
1.验证sass是否安装成功，我使用的是ruby启动webstrom 执行sass -v 显示如下图表示安装成功。==== （ 具体如何安装 见 sass 安装 ）cd 到你的要sass编译的目录 SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。下面的命令，可以在屏幕上显示.scss文件转化的c
2017-03-06 09:57:34
321
原创 sass 的ruby安装全过程。
具体安装网址。sass的安装链接sass-gem 包点击这里下载Sass安装文件如果 内置的gem安装不成功请是使用gem install 下载好的sass安装包 的本地路径直接安装
2017-03-06 09:42:47
411
原创 行优先和列优先的算法
算法过度有简单到难 直接上代码html>lang="en"> charset="UTF-8"> 行优先和列优先的处理 type="text/css" href="rest.css" rel="stylesheet"/> table {border-right:1px solid #343c99; border-top:1px so
2017-02-28 11:31:47
3327
原创 日积月累的jit-lib方法，
pc端; (function ($) { var util={}; /* 日期时间的格式化 @formatm:日期格式yyyy-MM-dd hh:mm:ss:SS; 2016-06-08 */ Date.prototype.format =function(format,displayPlaceholder) {
2016-12-15 17:45:26
1193
原创 Jqeury easyui 日积月累的拓展应用
这是长年累月根据 实际项目应用，对jQuery easyUI 做一些拓展应用，。 直接上代码不多说了， 这些代码必须放在源码最底部。// Dialog 兼容处理window = function (opts) { var query = parent.$, fnClose = opts.onClose; opts = query.extend({ t...
2016-12-08 12:03:46
500
原创 子页面获取父类页面的jQuery easyUI对象问题
在iframe的页面中，我试图通过调用$(parent.document).find('#win1').window('close')或$('#win1', window.parent.document)方法去关闭window窗口，但是报js错：$.data...options无效。解决方法：parent.$('#win').window('close'); 或window.parent.
2016-04-12 17:46:48
1210
原创 日期输入数字自动格式化日期
此方案仅限jquery easyui databox控件，其他实现原理类似， 只是输入事件改变//日期验证YYYY-MM-dd; dateTime:{ validator:function(value){ return /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[
2016-01-05 17:18:51
1341
原创 前端颜色取反算法
通用简易的 前端颜色取反算法（原理 0xFFFFFF-OldColorValue 格式化成16进制就是原有的颜色取反的值。）function ColorReverse(OldColorValue){var OldColorValue="0x"+OldColorValue.replace(/#/g,""); var str="000000"+(0xFFFFFF-OldColorV
2015-12-22 10:30:53
7008
原创 光标输入框定位和获取位置
应用场景， 这指定的输入框中不同的文本位置，插入 标识符。核心代码//光标定位的处理jquery-position.js中的核心代码$.fn.extend({ position:function( value ){ var elem = this[0]; if (elem&&(elem.tagName=="...
2015-10-14 15:07:58
3975
原创 css3 手机简易自适应代码
css3 最简单自适应。 不需要再算百分比了。在页面里面引入这一段javascript 代码。(function() {function densityDpi() {var a = document.getElementById('densityDpi');if ( !! a) {var b = parseInt(window.screen.width);v
2015-10-09 17:16:45
1095
原创 通用列表数据转化为树形结构
最近做项目用的是JQuery easyUI 控件， 虽然很强大，但是高级控件对于数据的格式要求比较严格遇到 如下问题 1.使用comboTree 控件 绑定树形的组织结构 但是 数据库查到的数据格式是 列表形式，并不符合 combotree的数据结构 下面是我的数据和 combotree 数据个对比通用的数据结构 命名A json 数据格式...
2015-07-16 18:03:48
4148
原创 手机触摸 事件， 当触摸屏幕时候触发
touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发 touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前DOM元素上手指的列表。changedTouches
2015-07-06 13:41:23
2468
原创 javascript 循环遍历绑定事件问题
<!DOCTYPE html><html manifest="/browser_page_mng/html/4/1000266/cache.manifest"><head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <meta c...
2015-06-17 14:41:10
13478
1
原创 javascript 对于手机中的一些事件
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewpo
2015-05-07 11:23:13
706
转载 Require 加载 jquery -easyui 控件渲染问题
requireJS 可以让js加载起来比较优雅，像java里import一样。有了这个，我们可以创建自己的 js控件库，在需要时，页面中只引入 requireJS，然后通过代码方式引入需要用到的控件，比较方便。但RequireJS 引入 EasyUI 会遇到问题，原因是EasyUI 的代码编写没有考虑到文件将通过什么方式被加载，如果是通过 方式，那么倒没有问题，但通过document.write
2015-03-11 20:27:42
1817
原创 jquery easyui 中combogrid , datagrid 自定义分页
以 去掉记录相关字符 去掉前 去掉后第一中方法1.取到combogrid的datagridvar comDataGrid = $(itemId).combogrid('g
2014-06-05 18:08:30
2649
原创 自定义jquery 常用方法。
$.format = function (source, params) { ///字符串格式化调用方法 var text = "a{0}b{0}c{1}d\nqq{0}"; var text2 = $.format(text, 1, 2); ///要格式化的字符串 ///要填充的值 if (arguments.length =
2014-06-05 14:03:39
675
原创 jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度
以前写代码中，每当需要获取元素的实际“宽度”（这里的宽度是指元素宽度加上其边距）时，都需要用元素宽度加上margin值才行，今天发现一个叫outerWidth(options)的方法 ,很好用。完成了原来需要用一段来操作做的工作。这个方法不适用于window 和 document对象，可以使用.width()代替。下面是其简单介绍outerWidth(options)获取第一个匹配
2014-06-05 09:59:29
8341
原创 JQuery 判断checkbox是否选中，checkbox全选反选，以及执行click事件
$(function(){if ($.browser.msie) {$(':checkbox').click(function () {this.blur();this.focus();});};$(":checkbox").change(function() {alert("执行")}); });
2014-04-28 14:14:59
4012
原创 js中的execCommand()方法
document.execCommand()方法处理html数据时常用语法格式如下：代码：document.execCommand(sCommand[,交互方式, 动态参数])其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数
2014-03-26 10:50:22
1205
原创 javascript 事件监听以及冒泡
第一种监听方式，也是最普遍使用的方式，是直接在代码上加载事件，产生效果： text1text2 text3text4 text5text5 第二种监听方式，是使用DOM的方式获取对象，并加载事件： text1text2 text3text4 text5text5 doms = document.getElementsByTa
2014-03-24 13:16:52
638
jquery-ui-1.8.16.custom
2012-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人