- 博客(166)
- 收藏
- 关注
RSS订阅原创 pixi中实现dom跟随 canvas容器 缩放 旋转 位移。
二、dom初始化到容器中，定位到一个x,y左边。0,0点是pixi 创建的canvas的左上角。一、通过pixi创建一个舞台后。
2023-05-16 09:43:13
331
1
原创 html2canvas+pdfjs 下载图片和pdf文件
1、html2canvas+pdfjs 下载图片和pdf文件遇到的坑和要注意的事项。html2canvas 的版本推荐html2canvas 1.0.0-rc.5 或者rc.4 版本过高 input的内容 生成图片时，内容会往上移动。html2canvas 生成图片，canvas的大小有限制1240*64257，这是chrome浏览器的大小限制，超过了就会画不上去。转pdf的时候，分割...
2022-04-12 23:11:00
131
原创 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,us...
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
2019-08-05 09:49:00
50
原创 js中的blob，图片base64URL，file之间的关系
https://www.cnblogs.com/coder-lzh/p/9545315.html
2019-07-24 09:23:00
34
原创 批量压缩图片
引入jq 和image-scale.jsimage-scale.js：/*! * image-process v0.0.1 * (c) 2017-2017 dailc * Released under the MIT License. * https://github.com/dailc/image-process */(function (global, factory) ...
2019-07-20 14:43:00
30
原创 xhr 的 onpregress 监听上传数据的 已上传 和 总大小
var fd=new FormData(); $('.mwd_uppingzheng_btna_ok').on('click',function () { // 数组转 str var strarr=JSON.stringify(arr_clip); // 给fd添加 str fd...
2019-07-19 16:45:00
34
原创 如何禁止浏览器 前进功能
history.pushState(null, null, document.URL);页面加载后，在history的栈中 加入自己的url。在页面跳转后 popstate hashchange
2019-07-11 16:07:00
31
原创 获取页面滚动高度
获取页面滚动高度var scrolltopTemp=document.documentElement.scrollTop||document.body.scrollTop
2019-07-11 15:08:00
22
原创 bootstrap的字体设置
@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype...
2019-07-10 09:10:00
78
原创 ios 下 select和option 无法隐藏指定元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>产品</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">...
2019-07-06 09:12:00
92
原创 发现一个比较好玩的，git的仓库可以转换
我们通过 git clone 下载一个仓库到本地，1、这个本地的文件夹名字可以随便改。2、如果你把本地仓库的全部文件，剪切到另一个文件夹内，这个新的文件夹就是git的本地仓库。...
2019-06-20 14:23:00
33
原创 h5 调起app 如果没安装就跳转下载
<!doctype html><html><head><title></title><meta charset="utf-8"><meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no;" na...
2019-06-20 14:18:00
28
原创 +(new Date())
+(new Date()) 等于 new Date().getTime();展示 1561003191879 毫秒时间戳
2019-06-20 12:01:00
29
原创 html2canvas.js 图片不显示
html2canvas.js 图片不显示在服务器端打开 就可以，但是在本地就不显示图片。查找百度，是因为图片不能跨域。在给非编程人员使用的时候，建议把所有的图片，转化为base64，就可以直接打开文件转化为图片后也可以显示图片了。...
2019-06-14 13:57:00
43
原创 weinre 真机调试
1、在任意文件夹 安装weinrecnpm -g install weinre2、启动weinre --httpPort 8009 --boundHost -all-3、在你的页面中加入 本机ip<!--weinre--> <script src="http://192.168.1.232:8009/target/target-script-min.js#anonym...
2019-06-13 17:32:00
22
原创 jquer_shijian 增加初始化 年月日 及 结束时间 年月日
增加了插件 在初始化的时候，控制 年月日，和结束 年月日$(time_createobj).siblings(".xtw_budget_userdatafn_hide").shijian({ showNowTime:false, startYear:2009, startMonh:'12', ...
2019-06-10 17:06:00
24
原创 工作小总结
1、prop 修改 radio或者checkbox 的选中状态 checked=true/false.2、input的 input事件，能监听输入状态的改变。但是 如果是js改变input的值，这样oninput就监听不到，解决方法：js改变input值的时候，主动触发下 $('#inputID或者Class').trigger('input');3、防止图片抖动在外层包裹一个di...
2019-05-06 09:35:00
21
原创 label 阻止冒泡 防止点击label 触发2次事件
// 必须要把 jnput的外面的label加上事件阻止冒泡，否则点击label的时候，会冒泡到input上 再次触发input的点击事件 $('.xt_order_cleft_modb_rl_dx').on('click','.xt_order_cleft_modb_rl_dx_lb',function (e) { e...
2019-04-29 13:41:00
28
原创 对于复杂页面的一些页面布局思路
1、最好的布局方式是文档流排列。如果能把顶部 的复杂效果图形，拿出来，弄成一个png图片。(不包括文字)，是最简单的文档流排列了。但是设计给的这一部分，非常难以抠出来。 2、分上下两部分，中间衔接：用2层div套，外层放底色紫色，里面一层用背景图，定位在顶部 左侧。下面文档流排。3、这个详情页的图，坑死了我。因为主页的是上下分割的布局，这一次，在不改变前面的前提下，我将中间区...
2019-04-28 17:07:00
31
原创 jq的 on 事件委托 导致多次执行问题
解除 这个元素 在 父级上的 click 事件委托$(msg.fatherDiv).off('click','.fangdaimg_fn2');click事件$('.fangdaimg_fn2').on('click',function () {事件委托$(msg.fatherDiv).on('click','.fangdaimg_fn2',function () { 在事件委托的前...
2019-04-23 13:40:00
19
原创 ios 底部用定位 fixed。在软件盘出来后，页面元素被顶上去一部分，fixed定位的footer也跑到了上面去。解决方法...
ios 底部用定位 fixed。在软件盘出来后，页面元素被顶上去一部分，fixed定位的footer也跑到了上面去。解决方法$("input").focus(function(){ $('.footerssss').css({ 'position':'absolute' }) }) $("input").blur(...
2019-04-23 11:54:00
157
原创 小技巧
min-width:0 解决 ellipse·文字 。。。 宽度没有的时候 的不显示问题.min-width 是如果有flex布局，min-width加在要出现。。。效果的元素 第一个父级上。...
2019-04-16 17:52:00
18
原创 图片自适应
.wrapper overflow:hidden width:100% height:0 padding-bottom 40.7%<div class="wrapper"> <swiper :options="swiperOption" > <!-- sl...
2019-04-16 11:30:00
18
原创 函数抖动和函数节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数去抖和函数节流</title> <script src="js/jquery-3.0.0.js"></script> <...
2019-04-02 09:31:00
16
原创 for循环与闭包
Es5function box(){ var arr = []; for(var i=0;i<5;i++){ arr[i] = (function(num){ //自我执行，并传参(将匿名函数形成一个表达式)(传递一个参数) return num; ...
2019-03-27 09:51:00
19
原创 输入法的中文输入状态下 监听中文字符的提示
var cpLock = true; $('.yx_search_inptfn').on({ compositionstart: function () {//中文输入开始 cpLock = false; }, compositionupdate:function(){ }, ...
2019-03-25 14:44:00
34
原创 input type=range 进度条的自定义样式
/* 自定义进度条样式 */.v_my input[type=range] { -webkit-appearance: none;/*清除系统默认样式*/ width: 1.8rem; background: -webkit-linear-gradient(#ddd, #ddd) no-repeat, #ddd;/*设置左边颜色为#61bd12，右边颜色为#ddd*/ bac...
2019-03-22 11:22:00
131
原创 phpstorm 断点调试
1、设置php的xdebug在php.ini中设置[XDebug]xdebug.profiler_output_dir="H:\phystudy\PHPTutorial\tmp\xdebug"xdebug.trace_output_dir="H:\phystudy\PHPTutorial\tmp\xdebug"zend_extension="H:\phystudy\PHPTutori...
2019-03-22 10:55:00
23
原创 一周遇到的问题，及解决的方法
1、php assign返回数组，在前台js{$名字}报错。(1)前台不用js渲染，直接用volist，php的内置前端标签渲染页面。(2)可以通过接口的形式返回给前台function getyuemsg(){ $lastdate=D('yuexinxipilou')->order('number desc')->limit(13)->select(); ...
2019-03-09 11:59:00
20
原创 mysql 多次分组查询 数据最大的一行
SELECT B, D, Max(E)FROM `总表`WHERE B = '张士建'GROUP BY B, D通过查询创建工具 编写查询语句
2019-02-21 14:00:00
16
原创 百度统计 统计代码成功但是没有统计结果
因为 页面里面加入了GSP内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略.”同源策略”，csp,通过csp我们可以制定一系列的策略,从而只允许我们页面向我们允许的域名发起跨域请求,而不符合我们策略的恶意攻击则被挡在门外.http://cache.baiducontent.com/c?m=9d78d513d9981efa4fece4690d60c0676915c0322bd7a...
2019-02-19 09:15:00
51
原创 输入6位验证码 自动校验
css样式<style> .yxsc_6numYzmFa{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);font-size: 0.2rem;z-index: 99;} .yxsc_6numYzm{width: 6rem;position: a...
2019-02-14 11:39:00
33
原创 chrome 2行换行省略号 ... text-ellipse
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;谷歌内部项目 2行换行
2019-01-30 15:28:00
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人