- 博客(32)
- 收藏
- 关注
RSS订阅原创 仿有赞自定义魔方密度的实现
仿有赞自定义魔方密度的实现魔方密度是自定义的，比如5x5,6x6,7x7,9x9。然后用户可以自定义操作，用户自己去定义组合魔方密度的小魔方。小程序端或者h5端呈现相应的效果。这次我们主要写小程序端和h5的呈现效果。计算方式那相当于只能用定位来实现，需要知道每个盒子的top，left，width,height 。话不多说，具体代码如下 // 自定义魔方盒子计算宽高 let midu = 7 //mifu是一行有几个格子，假设是7*7 let a //
2021-11-10 15:59:58
361
原创 安全漏洞略解
web安全漏洞-反射型XSS1. 漏洞描述 跨站脚本攻击，为不和层叠样式表的缩写混淆，故将跨站脚本缩写为XSS.恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意攻击用户的特殊目的。跨站脚本攻击有三种攻击形式，反射型：非持久化，需要欺骗用户自己去点击链接才能触发XSS代码，攻击者发送一个URL链接给用户打开，在用户打开页面的同时，浏览器会执行页面中嵌入的恶意代码。移动客户端安全漏洞不安全加密算法 溢出漏洞 拒绝服务 未授权访问/
2020-06-05 16:19:41
292
原创 js设计模式---状态模式补充
<body> <span onclick="a('offLightState')">强光</span> <span onclick="a('weakLightState')">关灯</span> <span onclick="a('strongLightState')">弱光</span&g...
2019-09-07 10:44:24
175
原创 输入url到展现页面的过程
pick up your weaponand face it打开浏览器，输入 http://www.baidu.com，那么在短短的几秒内，浏览器会呈现一个百度的首页。这期间发生了什么呢？首先会有一个DNS解析：域名通过DNS转化成ip地址的过程。http是基于 tcp 连接的，而 tcp 则是通过 ip 地址去识别访问的。域名解析 –> 发起TCP的3次握手 –&g...
2019-09-06 16:15:09
202
原创 js发请求
借一盏午夜街头 昏黄灯光 照亮那坎坷路上人影一双平常用框架用的比较多，公司突然缺人手，要同时做活动，也就是原生h5。发请求的时候，vue是直接用axios发，可是原生里面需要new XMLHttpRequestvar xmlHttp = new XMLHttpRequest(); //alert(xmlHttp); xmlHttp.open...
2019-09-06 13:20:39
620
原创 rem设置
rem在三星s5部分机型情况下 设置的字体大小与手机实际字体大小不一致问题var u=navigator.userAgent;if($(window).width()==360&&/SM-900P/.test(u)){ document.style.fontSize=100*(clientWidth)/753+ ' px ' ; }说明：sm-900p是三...
2019-09-04 15:25:09
161
原创 vue判断webview页面是返回上一级路由还是退回到app
穿万水，过千山，路尽人茫茫；事与非，都过往，醒来了就当它梦一场。在做app内嵌的webview页面时，有的需求会让你按返回键时，直接返回app，有的是返回上一级路由。思路：我们可以在router/index.js里面，设置路由的meta属性，用一个变量来判断走哪个逻辑。还可以用下面这个 if (window.history.length <= 1) { //退出...
2019-09-03 15:16:17
4885
1
原创 谷歌浏览器--预先利其事必先利其器
在学校的时候，就听见有人经常说要用谷歌浏览器进行开发，谷歌浏览器是对开发者最友好的浏览器，果然真相了，谷歌浏览器对于开发来说真的很重要。首先，我们来说说谷歌浏览器的几个部分吧。分为以下几个部分：设备模式(Device Mode)，元素面板(Elements panel)，控制台面板(Console panel)，源代码面板(Sources panel)，网络面板(Network pane...
2019-09-02 20:45:58
341
原创 js设计模式---状态模式
Success doesn't just find you. You have to go out and get it.状态模式的关键是区分事物内部的状态，事物内部状态的改变往往会带来事物的行为改变。故事背景：我们来想象这样一个场景:有一跟水管，水管上面只有一个水龙头。当有水流出的时候，此时拧一下水龙头，水不会流出来;再拧一次开关，水又会流出来；同一个水龙头，在不同的状态下，表...
2019-08-29 11:16:07
92
原创 模板字符串（artTemplate）
1. 需要循环遍历 生成模板 需要使用循环的代码 循环的数据就是当前API返回数据里面要循环遍历的数据当前API的数据rows value就是循环的每一个值 数组里面的每一个值相当于rows[i] {{each 循环的数组 as value i}} {{/each}} {{each rows as v...
2018-06-12 22:47:50
1208
原创 mui框架内容区域滚动部分详解注意事项
（1）下拉刷新完成后要结束下拉刷新 不仅要渲染页面还需要调用结束下拉刷新的方法mui('.mui-scroll-wrapper').pullRefresh().endPulldownToRefresh();（2）上拉加载提示没有数据的时候 如果下拉刷新需要再次能够上拉加载 在下拉刷新的回调函数还需要重置上拉加载mui('.mui-scroll-wrapper').pullRefresh().ref...
2018-06-12 22:29:41
6244
原创 IE盒模型和W3C盒模型
1.什么是盒模型？ 盒模型的组成：padding+border+content+margin。 有两种盒模型，一种是标准（W3C）盒模型，它的宽高：content 一种怪异（IE）盒模型，它的宽高:padding+border+content2.怎么设置盒模型？ box-sizing:border-box; //IE盒模型 bo...
2018-06-11 10:21:21
297
原创 定位问题
一个父元素包括着一个子元素，如果父元素有padding,并且<div class="parent"> <div class="son"></div></div><style>.parent{ padding:10px;width:100px;height:100px;position:relative;} *{box
2018-06-11 09:42:01
201
原创 localStorage与sessionStorage的使用
// 获取本地存储已经存储的值，这里的值是一个字符串 var arr = window.localStorage.getItem('searchData'); console.log(arr); // 判断当前arr是否有值，如果有值，转为数组，如果没值，转为空数组，遍历存有本地数据的数组，查找需要存储的内容是否已经在这个数组中，如果没有，就加进去，如果有，就不管 if(arr.leng...
2018-06-11 09:29:37
162
原创 flex布局出现bug的解决方法
（1）使用flex-basis出现bug <style> .big{ width: 400px; height: 100px; background-color: lightcoral; margin:0 auto; display:flex; ...
2018-06-05 15:14:08
3217
1
原创 字符串的常用方法
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>标题</title> <script> //字符串常用方法:不管是那个字符串方法,都不会改变原来的字符串,因为字符串
2018-05-16 14:37:46
539
1
原创 jQ实现机械表
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .clock { width: 600
2018-05-16 14:34:40
198
原创 呼吸轮播图
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>动画-案例《轮播图》</title> <style> * { margin: 0
2018-05-16 13:21:28
329
原创 jQ动画队列
$('input').first().click(function () { // 每次点击 // 增加 2个动画 // 多次点击 会增加 次数*2个动画 // 可以想象为 一个数组 // 每次增加两个元素 // jQ...
2018-05-16 13:07:12
735
原创 jQ实现跟着鼠标移动
这个重要是用了pageY和pageX这两个属性。$(window).mousemove(function (e) { // 兼容性写法(js中需要&jQ中帮助我们实现了兼容性判断) // console.log('你在移动'); // console.log(e); co...
2018-05-16 12:59:30
2908
原创 jQ事件操作
页面上有一个div标签，需要给他绑定很多事件。可以用on来进行绑定。$('div').on({ click: function () { console.log('你点我啦'); }, mouseenter: function () { ...
2018-05-16 12:53:08
250
1
原创 php操作数据库数据的封装
<?php// 声明常量define('HOST','127.0.0.1');define('USERNAME','root');define('USERPASS','root');define('DBNAME','baixiu');// echo host;// echo userName;// echo userPass;// echo dbName;// 增删改function my_...
2018-05-16 10:31:18
1245
原创 ajax2.0获取表格数据提交到服务器
$('form button.btn-primary').click(function(event){ event.preventDefault(); // ajax新增即可 // form表单中 // 自动格式化form表单中的数据 var sendData = new FormData(document.querySelector('form...
2018-05-16 10:29:26
414
原创 批量操作的checkbox选中状态
<table class="table table-striped table-bordered table-hover"> <thead> <tr> <th class="text-center" width="40"> &a
2018-05-16 10:10:23
1873
原创 模板引擎渲染页面
①导入模板引擎②定义模板③挖坑④起名字⑤填坑⑥使用举例如下： <!-- 导入模板引擎 --> <script src="../assets/vendors/art-template/template-web.js"></script> <!-- 定义模板 --> <script type="text/html" id="cate
2018-05-16 09:57:47
1279
原创 jQuery封装init
var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/;以上这个是一个检测HTML字符串和ID字符串的简单正则判断方法。 实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2018-05-15 21:57:23
749
原创 使用URL.createObjectURL图片选择预览
<h2> <input type="file"> <img src="../img/a.png" id="one" alt></h2>选择文件之后，根据文件来生成地址。这个url能够被对应的标签识别，把这个url的值赋给img的src。$("input").on("change",fun
2018-05-14 15:10:31
2478
原创 使用session解决页面刷新
需求：一个有提交内容的页面，使用session来存取的值。因为session的id值，要刷新页面才会改变，所以需要修改session值。解决方案：提交的时候重新设置session。在我的代码里，我是重新设置了$_SESSION['data']，就不需要刷新页面，点击提交就可以进行接下来的操作。$_SESSION['data'] = my_SELECT("select * from users wh...
2018-05-14 14:49:38
9227
转载 Jquery的各种高度
$(document)和$(window)①$(doucment).height():整个网页的高度②$(window).height():浏览器可视窗口的高度③$(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）例如：当网页滚动条拉到最低端时，$(document).height() == $(window).height() + $(window)....
2018-05-14 10:30:29
1114
原创 jquery操作DOM元素
找到元素：①$(选择器)②$("选择器").first()/.last()/.eq()/.parent()/.children()/.find()/.siblings()/.prev()/.next()......属性操纵：$().attr();$().val();$().prop()双标签内容：$().html();$().text()样式：$().css()删除、创建：$().remove()...
2018-05-14 09:53:33
500
1
转载 为什么选择localStorage和sessionStorage?
HTML5 提供了两种在客户端存储数据的新方法。对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage。sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载。localStorage（长期存储） ：与 sessi...
2018-05-08 20:51:55
503
原创 cookie session的区别（php+mysql取值）
一、cookie(1)设置cookie，setcookie('变量名'，'变量值','存活时间','/'); 如果要设置生命周期，time()这个函数时获取当前的时间。'/'这个是设置在全站有效。(2)得到cookie值，可以在浏览器中显示：var_dump($_COOKIE);(3)修改cookie值，setcookie('变量名','变量值');(4)删除cookie值，setcookie(...
2018-05-08 20:36:12
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人