前端学习之路
前端大神学习
蜜蜂的快乐生活
这个作者很懒,什么都没留下…
展开
-
HTML标签显示中文路径
项目有需求,客户的pdf文件中存在中文名,我通过embed标签获取到中文路径就无法显示pdf,琢磨了好几天,使用了各种方法无效,直到看到报错,400,把我的src当成接口去请求了,于是 我把src换成我的后台接口,返回给流,结果竟然成功了,以后遇到中文路径的,无论embed还是img标签 ,都可以去请求后台拿到对象,避免了中文路径的尴尬。记录一下。...原创 2021-07-13 15:18:55 · 577 阅读 · 1 评论 -
前后台各种传参方式总结
1.单个参数的传递:1前台传递的url:url: “/login/authenticate?merNo=”+merNo+"&user="+user, //请求的url地址后台接受的方式:(@RequestParam(“merNo”) String merNo)备注:这种方法是最简单,最原始的2. 前台传递的url:url: Feng.ctxPath + “/reportDay/checkMerNo/” + merNo, //请求的地址后台接受的方式:@RequestMap原创 2021-04-12 14:41:18 · 1845 阅读 · 0 评论 -
Json的stringfly方法
Stringfly可以分理出我们想要的数据结构var str_json = JSON.stringify(data,[“name”,“sex”]);console.log(str_json);上述方法会将data中的name和sex的提取出来原创 2021-04-06 16:00:41 · 580 阅读 · 0 评论 -
ajax的异步请求设么时候关闭?
**遇到一个问题,当我ajax的回调值作为函数的返回值的时候,发现怎么也获取不到值,后来才发现是因为异步的原因,ajax默认异步请求,当请求结果还未返回的时候,已经执行到return,关闭之后,便能正常获取到结果,记录一下。**...原创 2021-03-16 08:30:06 · 177 阅读 · 0 评论 -
a标签文字下移
正常的行内块不会出现位置的变动,但一旦加上文字后,会出现下移现象1.那是因为第二个标签是inline-block,它的对齐方式是基线对齐,对齐的是第一个元素里面字的下划线,所以第二个元素的下边缘对齐的是1的下划线,只要在第二个元素里面加内容或者加个空格( )就可以了。个人认为inline-block和inline性质一样,只是一个可以设置宽高一个不可以。2.inline-block的默认对齐方式的问题inline-block默认对齐方式是底部对齐加一个vertical-align:top;原创 2021-01-28 10:09:27 · 2095 阅读 · 0 评论 -
日期不足补充0
在日常开发中经常遇到两位日期不足补充0的时候,string有个padStart可以帮助我们,传递两个参数,参数1是长度,参数2是长度不够补充的数据stirng s=9;8.padStart(2,0)输出就是08原创 2021-01-12 14:39:41 · 331 阅读 · 0 评论 -
attr与prop的区别
var one=$("#one").attr("checked") //checked var two=$("#two").attr("checked") //undifined var three=$("#one").prop("checked") //true var four=$("#two").prop("checked") //false这二者的唯一区别:attr在遇到属性为true或者false的情况会返回其他结果,如图所示,而prop会正确返回,所以说在我们遇..原创 2021-01-09 08:13:01 · 144 阅读 · 0 评论 -
jquery的hover事件
$(".list_menu li").hover(function () { $(this).find("ul").stop().fadeIn(100) },function () { $(this).find("ul").stop().fadeOut(100) })hover事件用来鼠标的移入移出监听原创 2021-01-08 15:33:08 · 474 阅读 · 0 评论 -
精灵图
css中经常对列表添加图标,为了便于添加图标,我们一次性将图标添加到一张图中,比如有5个span每个span中有i,i中有图标 我们就可以这样.content_toolbar span i{ display: inline-block; width: 18px; height: 18px; background: url("images/icon_sprite.png") no-repeat 0 0; vertical-align: middle; mar原创 2021-01-08 11:01:49 · 108 阅读 · 0 评论 -
事件委托
有时候会发现,当我们动态生成数据的时候,有些js不执行,这时候需要用到事件委托// 表示给$(selector)绑定代理事件,当必须是它的内部元素span才能触发这个事件,支持动态绑定$(selector).on( “click”,‘span’, function() {});...原创 2021-01-08 08:49:58 · 68 阅读 · 0 评论 -
overflow:hidden
overflow:hidden规定了超出当前容器的内容的限制方法原创 2020-12-30 15:14:42 · 94 阅读 · 0 评论 -
layer子窗口如何比父窗口还大
function get() {var url = “{:url(’/mine/group/add’)}”;parent.layer.open({type: 2,title: “测试大小”,shadeClose: true,shade: 0.5,area: [‘1000px’, ‘600px’],content: url,}); }原创 2020-12-28 17:21:32 · 450 阅读 · 0 评论 -
不规则表格如何导出到excel?
不规则表格如何导出到excel?function exp(){var a=[{“bumen”:“研发部”,“zhiwu”:“经理”,“chuqDays”:33,“bingjDays”:34,“chucDays”:35,“totalHours”:55,“jierHours”:44,“zhugyj”:“32434”,“tingldyj”:“545”,“rsYuebaomxList”:[{“xiangm”:1,“neirong”:2,“jindu”:3},{“xiangm”:2,“neirong”:2,原创 2020-11-27 09:56:58 · 543 阅读 · 1 评论 -
websocket
var wsrequest = function(url,data,callback,errorCallback){if (“WebSocket” in window) {var wsClient = null;try {// 创建一个 web socketwsClient = new WebSocket(url.toString());// 打开 web socketwsClient.onopen = function(){console.log(‘连接打开’);wsClient.se原创 2020-11-24 08:54:56 · 125 阅读 · 0 评论 -
ajax同步与异步的区别
在调试项目的时候,发现页面只要是断点状态,就接收不到返回值,后来百度后,才发现是ajax同步异步问题,在异步状态,代码不会同步执行,断点时候,ajax会继续执行,后面的代码,导致后台返回值在没有返回的时候就执行了ajax后续的代码。所以在调试项目的时候。可以修改为同步执行。...原创 2020-11-24 08:23:50 · 61 阅读 · 0 评论 -
如何动态监控span标签的值 的变化
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲test').bind('DO…(e.target).text();这个事件可以获取到span标签的值})原创 2020-11-19 16:17:08 · 936 阅读 · 0 评论 -
使用table2excel导出不规则table
项目需要导出不规则数据,根据他的js改完后,发现table的列并未对齐,所以想了一下,一般合并单元格有两种,一种是自身合并,一种是依据其他列合并,这两种结合使用才能让表格完美呈现,贴下代码:一个是根据自身,一个是根据前列function mergeCells(data,fieldName,colspan,target){ //声明一个map计算相同属性值在data对象出现的次数和 var sortMap = {}; for(var i = 0 ; i < data.le原创 2020-11-16 16:25:15 · 717 阅读 · 0 评论 -
js面向对象学习记录(一)
1通过工厂模式创建对象:function createPerson (name, age) {return {name: name,age: age,sayName: function () {console.log(this.name)}}}2.通过构造函数创建对象:function Person (name, age) {this.name = namethis.age = agethis.sayName = function () {console.log(this.na转载 2020-09-10 17:22:20 · 125 阅读 · 0 评论 -
html通过a标签将字符串以文本的格式下载
点击采用a标签下载 点击采用流下载 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function () { $("#btn").on('click'...原创 2020-08-28 10:12:04 · 433 阅读 · 2 评论 -
hs中this与that的区别
var test={name:“1”,age:“2”,methodLfunction(){console.(this.age) //打印2}}function method2(){console.log(this.age) //打印undifine}函数method处于test对象,this指向当前对象,但是我们想在method2使用这个age 那么怎么办呢 ???通过将this赋予一个变量,这样就可以在其他地方使用这个变量了。...原创 2020-08-17 11:38:11 · 173 阅读 · 0 评论 -
css中的auto属性
css中auto的用法—什么是auto?+auto是自适应的意思,auto是很多尺寸值的默认值,也就是由浏览器自动计算。+块级元素中margin、border、padding以及content宽度之和构成父元素width。 使用auto属性后,父元素宽度发生变化,该元素的宽度也会随之变化。 下图中 auto 的值就是margin、border、padding以及content宽度之和+但是当该元素被设为浮动时,该元素的width就变成了内容的宽度了,由内容撑开,也就是所谓的有了包裹性。原创 2020-08-06 09:03:41 · 2353 阅读 · 0 评论 -
简单的布局
公司要求后端+前端 目前在自学,基础阶段已完成,展示下成果,勿喷原创 2020-07-16 10:28:29 · 75 阅读 · 0 评论 -
谷歌浏览器默认填充内容时候,如何去除背景颜色
-webkit-text-fill-color: black; 这个会修改谷歌默认的填充背景颜色原创 2020-07-16 09:12:43 · 405 阅读 · 0 评论 -
谷歌默认字体12px修改
font-size:10px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.70);fontSize设置的大小*0.7就是最终的文字大小,谷歌默认12px原创 2020-06-02 10:58:32 · 180 阅读 · 0 评论