前端
nzz_171214
一个小白到高级后端工程师转型的过程
展开
-
html公众号页面实现点击按钮跳转到导航
接口后台为php写的,html页面按照上面的写就可以实现,确实苹果手机和安卓手机的严谨性是不一样的,哈哈,希望会对您有帮助。原创 2024-04-15 10:06:08 · 356 阅读 · 0 评论 -
jquery 判断是手机端还是电脑端
jqueryscript 判断是手机还是pc端原创 2023-12-01 13:08:24 · 337 阅读 · 0 评论 -
太极图 css
使用css实现太极图。原创 2022-10-09 20:58:24 · 296 阅读 · 1 评论 -
常见的Web攻击手段-整理
整理常见的Web攻击手段:XSS攻击 CSRF攻击 SQL注入攻击 文件上传漏洞 DDoS攻击 其他攻击手段XSS攻击XSS(Cross Site Scripting)跨站脚本攻击,为了不与层叠样式表(CSS)混淆,故将跨站脚本攻击缩写为XSS。原理即在网页中嵌入恶意脚本,当用户打开网页时,恶意脚本便开始在用户浏览器上执行,以盗取客户端cookie、用户名、密码,甚至下载木马程式,危害可想而知。以一个表单输入举例说明<input type="text" name="fir转载 2021-03-18 16:48:04 · 149 阅读 · 0 评论 -
css控制字符长度超出变成点点点显示(单行,多行)
css控制字符长度超出变成点点点显示单行:div{ width: 55%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}多行:p{ color: #999999; font-size: 13px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; di原创 2021-01-15 16:38:03 · 1319 阅读 · 1 评论 -
js 实现下载文件
普通的文件下载可以用js的方法,不需要走后台,下面是我亲测好用的方法;<div onclick="download()">下载</div>function downloadFile(content, filename) { var a = document.createElement('a') var blob = new Blob([content]) var url = window.URL.createObjectURL(blob)转载 2020-12-02 17:13:49 · 843 阅读 · 0 评论 -
html实现点击图片放大功能
<html> <head> <meta charset="UTF-8"/> <title>魔影国际影城全国分布图</title> <meta name="viewport" content="width=device-width,height=device-height;initial-scale=1,maximum-scale=1"> &...原创 2020-11-20 11:01:20 · 6700 阅读 · 0 评论 -
layer关闭弹窗(多种关闭弹窗方法)
layer.close(index)- 关闭特定层//当你想关闭当前页的某个层时var index = layer.open();var index = layer.alert();var index = layer.load();var index = layer.tips();//正如你看到的,每一种弹层调用方式,都会返回一个indexlayer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可//如果你想关闭最.转载 2020-11-11 12:19:37 · 3380 阅读 · 0 评论 -
关于layui 弹出页面。点击X之后的事件
layer.open({ type : 1, title : "添加页面", area : [ '680px', '630px' ], offset : '20px', content : $("#dev_detail"), cancel : function() { // 你点击右上角 X 取消后要做什么 setTimeout('window.location.reload()', 1);},success : function() {.原创 2020-11-11 12:17:13 · 1618 阅读 · 0 评论 -
jquery中append()和appendTo()的区别
append(content)用法:功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。实例:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>html5</title> <style></style>转载 2020-10-22 12:02:24 · 94 阅读 · 0 评论 -
即时反应的input和propertychange方法
在web开发中,我们有时会需要动态监听输入框值的变化,当使用onkeydown、onkeypress、onkeyup作为监听事件时,会发现一些复制粘贴等操作用不了,同时,在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案:HTML5标准事件oninput、onchange和IE专属的事件properchange。1.oninput&onchange:oninput和onchange都是事件对象,当输入框的值发生改变时触发该事件。不同的是,oninput是在值改变时立即触发,而on转载 2020-10-22 11:47:11 · 220 阅读 · 0 评论 -
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为“reply”,如果你用的是$(".reply").click(function(){ //do something... }),想必后面通过ajax加载进来的列表中的回复按钮,点击事件会失效。其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好的方式还是通过给类名绑定一个click事件。解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法,如下:为了达到更好的演示效转载 2020-10-21 11:38:45 · 905 阅读 · 0 评论 -
jquery 的input change事件
$('input[name=myinput]').change(function(){ ...})上面这种方法要在其他地方点击一下才能触发该事件下面是在其他地方点一下才能触发$("#input_id").on("input",function(e){ alert($(this).val())})原创 2020-10-20 15:52:55 · 1430 阅读 · 0 评论 -
jquery通过相同的class获取元素并遍历取值
$(".cartProList span.proPrice").each(function(){ // let this = $(this); console.log($(this).html()); }); // 1.选择样式 $("p.chooseIcon").on("click","i",function() { // body... let me = $(this); let bool = me.attr("class").in.转载 2020-10-20 15:49:35 · 4751 阅读 · 0 评论 -
layui 表格合计
有一种方式是当前展示出来的总和,具体如下:效果是上面的,代码是:table.render({ elem: '#demo' ,height: 420 ,url: '/demo/table/user/' //数据接口 ,title: '用户表' ,page: true //开启分页 ,toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档 ,totalRow: true //开启合计行 ,co原创 2020-10-16 15:00:59 · 2431 阅读 · 0 评论 -
upx与px互相转换
原文地址:https://www.jianshu.com/p/ff88a9d2a1aa随着越来新技术的诞生,跨平台的各种方案层出不穷,其跨平台所设计单位也各有不同。为了实现不同平台的尺寸转换,也出现许多新型的尺寸单位。下面详细理理具体有哪些尺寸单位。传统平台尺寸单位:ios:pt android:dp web:px、rem、em 新兴尺寸单位: 微信小程序:rpx uniapp:upx 单位换算(正常情况下) 1pt=1dp=2px 2rpx=2upx=1pxpx转换upx转载 2020-08-27 09:22:52 · 10863 阅读 · 0 评论 -
图片压缩网页版
https://tinypng.com/这个链接点进去就可以直接上传图片并压缩了使用方法:1、点击这个地方,上传图片2、3、直接点击down下载就可以原创 2020-08-26 15:23:39 · 1331 阅读 · 0 评论 -
vue中v-cloak最详讲解
一、在vue中,渲染普通文本有2种方式:{{}}与v-text,如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c转载 2020-08-17 17:39:56 · 28472 阅读 · 0 评论 -
vue 项目起步
根据文档,安装好环境后,启动项目用的是npm start或者 npm run dev访问就使用 localhost:8081创建新项目:vue init webpack my_projectv-once 只包含一次v-html 解析htmlv-bind:href 绑定标签链接地址v-if v-elsev-showv-forv-on:click...原创 2020-08-07 19:36:39 · 79 阅读 · 0 评论 -
Layui数据表格请求添加参数
Layui数据表格基本形态,官网链接地址<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>table模块快速使用</title> <link rel="stylesheet" href="/layui/css/layui.css" media="all"> </head>转载 2020-08-04 13:39:26 · 7100 阅读 · 0 评论 -
H5 video移动端小窗关闭
1.兼容:2. 代码格式:<video src="movie.ogg" width="320" height="240" controls="controls"> 你的浏览器无法支持视频格式</video>兼容多个浏览器:<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source转载 2020-06-23 17:50:15 · 2084 阅读 · 0 评论 -
百度编辑器 UEditor 超出最大现在后只提示不限制问题
最近项目用到百度额UEditor文本编辑器,今天测试向我提出了一个问题。就是在输入的文字超过默认的最大字数限制之后,虽然提示“字数超过最大范围,服务器可能拒绝保存”,但是仍然可以点击保存按钮进行保存。修改方法:默认只能输入10000个字符修改 ueditor.config.js// ,wordCount:true //是否开启字数统计 // ,maximumWords:10000 //允许的最大字符数 把注释代码放开 修改原创 2020-06-23 15:04:05 · 1361 阅读 · 1 评论 -
css3 红点
css代码: .red_point{ position: absolute; left: 4px; top: 7px; width: 8px; height: 8px; background-color: red; bo...原创 2019-12-02 10:13:25 · 601 阅读 · 0 评论 -
前端样式--------页码中间两个省略号
效果:html代码:<!DOCTYPE html><html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>简单的jQuery分页插件下载</ti原创 2018-09-13 15:55:51 · 1421 阅读 · 1 评论 -
Jquery 点击图片在弹出层显示大图 (很好用)
效果图片:1.点击前的效果:2.点击后的效果:html代码:<td width="350"> <img height="100" width="100" src="http://or7y3wqnj.bkt.clouddn.com/${fhFeed.feedImageId}" class="pimg"/> &转载 2018-11-29 17:19:34 · 7935 阅读 · 4 评论 -
JS实现图片上传多次上传同一张不生效的处理方法
平时都是用input直接上传图片,应该都用的是change事件,但是如果选择了一张图片,然后第二次再次选择,就会出现不生效的bug,这里给大家说一下解决办法,希望对大家有帮助。html代码:<b>上传附件:</b><div class="file"> <img src="/Public/Admin/img/add-button....原创 2018-12-04 11:37:47 · 1596 阅读 · 0 评论 -
if后面不加大括号和加大括号的区别
1.不加{}if ($a == null) $x=1;$y=2;$z=3;编译后if ($a == null) { $x=1};$y=2;$z=3; 所以当$a != null,$y=2;$z=3;仍执行。1.加{}if ($a == null) { $x=1;$y=2;$z=3;}$a!= null时,都不执行。----------...原创 2018-12-05 11:30:33 · 9587 阅读 · 0 评论 -
php 和ajax跨域问题的解决方案
本文通过设置Access-Control-Allow-Origin来实现跨域。例如:客户端的域名是client.runoob.com,而请求的域名是server.runoob.com。如果直接使用ajax访问,会有以下错误:XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Al...转载 2018-12-03 11:34:12 · 114 阅读 · 0 评论 -
jQuery length 和 size()区别总结
jQuery length和size()区别总结如下:1.length是属性,size()是方法。2.如果你只是想获取元素的个数,两者效果一样既 ("img").length和("img").length和("img").size() 获取的值是一样的。3.如果计算一个字符串的长度或者计算一个数组元素的个数就只得用length, 如 $("#text").val().length。...转载 2018-12-03 12:22:08 · 312 阅读 · 0 评论 -
jquery ajax参数的含义和用法
定义和用法:ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。注意:所有...转载 2018-12-18 18:06:23 · 293 阅读 · 0 评论 -
Web跳转到app指定页面并传值
在manifest文件中申明scheme和parentActivity<activity android:name=".SecondActivity" android:parentActivityName=".MainActivity"> <!--申明parentActivity,用户按返回键后返回主页面--> ...原创 2018-07-04 15:23:34 · 1727 阅读 · 0 评论