页面
文章平均质量分 67
我是坑货
这个作者很懒,什么都没留下…
展开
-
JS浏览器调试:Browser对象
好久不搞前端,最近在搞钉钉的第三方应用的时候,前端给我露了一手,涉及到知识主要是JavaScript的Browser对象。首先现在很多PC客户端现在技术选型选择会选择nodejs这类,像nw.js或者Electron,都会涉及到chromium的功能,也就是chrome或者其他浏览器的核心。所以说我们在页面可以打开开发者模式,上面的一些对象也是可以通过控制台可以查看。说到这里,也就是我们说可以当作浏览器调试一样去在这些客户端调试查看(当然,首先要选对对应的客户端,很多产品会把浏览器调试关掉,想要调试要不原创 2022-05-20 18:33:54 · 631 阅读 · 0 评论 -
chrome浏览器调试H5页面
可能是我少见多怪,看到前端同学用chromel来查看给APP端适配的H5效果。之前只是通过开发者模式来看一下请求入参和返回,突然感觉get一个新技能。一首先如何在浏览器APP上H5的效果这个其实打开开发者模式,注意最左边有一个两个矩形大小不同叠加的符号,他的大名叫做toggle device toolbar点击之后的效果,注意最上面是可以调整适配机型(跟小程序的工具一样)二 点击查看样式div这个应该都知道,后端基本也应该知道,毕竟很多管理系统页面不是前后端分离,或者没有专业的前端基本要后端自原创 2020-11-02 15:31:21 · 4812 阅读 · 0 评论 -
An error happened during template parsing (template: "class path resource [templates/XXX.html]解决
最近使用SpringBoot用到一个thymeleaf,其实相对于JSP来说我觉得还挺有意思的,它的页面是一个html,但是他可以在获得结果后替换HTML上的对应的东西。去网上搜各种优点,开箱即用,动静结合,与SpringBoot完美兼容等一大堆。当然在使用过程中也会遇到问题,问题最普遍的就是console报错:“An error happened during template parsing...原创 2020-03-02 16:53:03 · 5670 阅读 · 0 评论 -
关于扫描图片或者div移动的CSS处理
做一些前端都会遇到一些,让你做一些效果,比如说上下,左右移动在一个范围内,不管是不是刚性需求,但是能让页面动起来,有一个动态的效果,看起来还是很不错的。但是该怎么做呢,其实如果你是做小程序或者用到某些框架自带的组件可以解决这个问题,但是组件有bug或失控就很蛋疼。当然你还可以自己写JS,但是自己尝试过,也参照过别人的例子,但是一言难尽,效率不高是一个问题。那么有没有一种效率高,维护简便的来实现扫...原创 2020-01-03 20:19:52 · 323 阅读 · 0 评论 -
关于小程序的导航栏的返回监控
这个微信小程序有一个好处,它提供了很多组件而且已经封装很多细节,提供了很多方便,就比如说rpx就是帮你处理了屏幕适配的问题,比如说你为了适配可能要准备好几套方案,或者你要自己算手机的宽度然后适配屏幕。但有些东西还是很棘手的,比如说手机导航栏的监控。官方导航栏只是给你一个返回键和title,如果只是用官方组建本身,你可能只是设置一下导航栏文字,颜色这些非功能性的:{ "navigationB...原创 2019-12-11 10:17:45 · 1312 阅读 · 0 评论 -
关于图片阿里云OSS的处理x-oss-process
可能有的时候会发现发现有的代码图片连接会是以下的形式:https://xxxxx.xxx.xxx.com/images/xxxxx.png?x-oss-process=style/XXXX其实有的时候不在意,当你换个不同的路径图片你会发现,图片可能会加载不出来,报404找不到。但是呢,你要把图片地址拿出来放在浏览器访问(只是图片地址不包括后面的x-oss-process),你会惊奇的发现可以访...原创 2019-11-21 13:11:43 · 7948 阅读 · 3 评论 -
idea启动web应用部分css,js加载不出来报错404
新的电脑导入项目发现有一个问题就是,tomcat启动无报错,但是页面请求里面一些静态文件如css,js没有加载出来,开发者模式打开发现报错报404,相关资源找不到,很尴尬。(1)静态资源全部都加载不到考虑项目配置的问题,可能是你没有加载war,或者war-explored,导致资源找不到。需要在tomcat设置里面一下,点击图中的那个+加号添加对应的包,一个项目一般会对应两个,所以添加一个就够...原创 2019-11-18 11:04:17 · 2738 阅读 · 0 评论 -
JavaScript的异步编程
越来越发现JavaScript这个语言相当的不错,之前还一直以为就跟HTML,CSS一样差不多(实际上这两者的门道也不浅)。随着AJAX,ES6,甚至ES7新标准新特性,很多玩法加入进来,再加上node的推动下JavaScript的生态也越来越好,多学习一下人很有裨益。1 最原始的异步编程其实就是搞一个嵌套一类的东西,非常的oldschool,用setTimeOut来举例子(工作中可以将其替换...原创 2019-10-29 16:25:44 · 169 阅读 · 1 评论 -
:aftr和 :: after区别,顺便谈一谈CSS的伪类和伪元素
在搞小程序的时时候会用到人家的组件button,人家弄了这个组件必然会设置一些默认值,比如边框。要想把这个边框弄没,就要用一下button::after这个来处理一下。类似下面这样:button::after { border: none}这时候::after是什么东西?怎么起到作用的?还有一个:after这个是什么东西,之间有什么联系?其实在使用的方面上其实两者差不多,我在同一个...原创 2019-06-17 19:27:25 · 991 阅读 · 0 评论 -
微信小程序,线上打不开图片或文件,但是测试环境可以
最近发现一个问题,就是小程序展示一个网络图片,在本地测试什么问题没有,但是到了线上就显示不出来。打开console,可以发现红色报错如“downloadFile:fail url not in domain list”等,其实就是获取文件或者图片路径的时候找不到。为什么找不到,因为你没有在downloadFile合法域名去设置对应的路径。比如有这么个图片https://pic1.zhimg.c...原创 2019-05-07 14:53:54 · 4722 阅读 · 0 评论 -
微信小程序:cavans的使用(一)
最近用到这个canvas画布这个组件,其实还是挺有意思的。优点是可以给用户绘制宣传海报什么的,这个现在好多小程序都有这个,比如给你一个专属海报有你的头像还有你的二维码,你可以保存在你的相册里,你可以取拿它去拉人。微信小程序canvas组件官方文档微信小程序canvasAPI官方文档你直接搜的canvas的时候搜可能会进入到小游戏里面,组件搭配API阅读使用起来更配哦。(组件大概就是属性和de...原创 2019-05-07 14:42:04 · 847 阅读 · 0 评论 -
微信小程序:页面穿透和页面之间滚动的解决
主要是分享两个问题:(1)页面穿透,所谓的页面穿透(2)页面上面还有一个页面之间滚动控制(上面那个页面通常是窗口,列表什么的,有时候内容太多会要求能滚动查看所有信息,然而你做的时候回发现很蛋疼,要不都不动,要不底下的一起动。)想看解决方案直接看第二部分解决,第一部分就是解释一下为什么,怎么样,原理之类的。一 概念:页面穿透理解这个首先你要知道什么事事件?什么事是冒泡?什么是穿透?官方...原创 2019-04-19 16:21:09 · 1645 阅读 · 0 评论 -
微信小程序:页面或者按钮为什么会抖一下?
有的时候我们自己设置一些选项按钮,让用户切换选择对应选项,有的会发现切换这个对应的按钮会发现“抖动一下”。之所以抖动的原因就是,切换“选择”和“未选择”的两种样式,文字图片位置大小不一致导致会给人一种抖一下的感觉,而不是我们设想的就是换个背景换个文案之类的那种感觉,显得不够平滑自然。(1)节点位置样式引起的这个很好弄就是两者用差不多一样的CSS样式,保证位置不会因为在切换导致变化。还有一点就...原创 2019-04-19 16:06:01 · 2864 阅读 · 1 评论 -
CSS text超过div范围(文字范围与父节点范围不一致)
弄页面经常会遇到div里面有各种div和text的情况,和普通的div不太一样,text有的时候会引发一些不同的问题,导致显示效果的达不到预期。比如text超过div的宽度范围,还有一种就是直接就是错位的状态,你通过开发工具查看的时候,很容易发现父节点和子节点的范围不在一起。第二点混合错位那个是我在开发小程序遇到的,很蛋疼如果你发现有一个莫名其妙的空间没有对应的设置你又找不到原因,你可以考虑一下。...原创 2019-04-19 14:56:18 · 1504 阅读 · 0 评论 -
Linux的shell脚本换行符引起的unexpected syntax errror: ‘最简单方法
我们刚开始编写shell脚本,会遇到写一个非常简单的shell脚本总是报错,明明写的没问题,最经典的报错就是标题那个,什么也看不出来,就告诉你是哪行报错,给你个 ‘做提示。 其实这种错误很多是由于换行符造成的,因为IOS,UNIX/Linux,windows/Dos,他们对换行符定义不一样,就会造成我读你的读不出来,你读我的读不出来的情况。 解决这种问题,网上有很多方法,基本是去换行符的但是比较原创 2016-12-20 01:17:39 · 2638 阅读 · 0 评论 -
JAVA和JavaScript的区别
最近听到有人面试,面还的第一个问题是Java和JavaScript有什么区别。当然是有区别的,明显是两种语言,好比一个姓张,一个姓章,你说他俩是父子关系还是兄弟关系,明显是不对的。但是我一时也说不说太多区别,所以借鉴了一下别人的文章在结合自己的理解来谈一谈。 (1) JAVA是一种编程语言,和C++相似,用的地方很多其实你去看java书,你会发现JAVA也是能做界面显示的,做个游戏什么的,但是用原创 2017-03-24 01:44:01 · 845 阅读 · 0 评论 -
Struts2标签学习:hidden标签
我在我项目工程总会看到hidden标签,以为就是HTML中的那个隐藏功能,加入了Struts的s标签也没有什么扩展功能,还是单单将一些东西隐藏起来而已,当然也觉得挺奇怪的之前没怎么用过这东西既然写上了还有什么要隐藏的。 后来做项目的时候,老司机指点这个Struts2中页面用到hidden的struts标签其实有个作用就是把一个值传到下一个页面,我豁然大悟,之前我做项目想将一些数据加入数据库怎么也加原创 2017-05-04 00:53:17 · 1340 阅读 · 0 评论 -
Struts的校验方式
Struts的校验 Struts验证:JS,框架验证,Actionsupport验证 JS验证不用多说,要注意的是使用Struts标签时注意该赋值ID,name什么的别忘记。 框架验证,通过对类写一个对应的校验XML配置文件,文件中把条件限制写进去还有对应的提示语 Actionsupport验证,struts有对应的validate()和validateXXX()来代码校验,他会先执行对应的原创 2017-05-08 01:28:25 · 495 阅读 · 0 评论 -
小程序工作学习:值的传递与操作以及target,options区别
最近做小程序相关的东,学艺不精原理不了解,在前端界面的问题上遇到很多问题,好在在别人的帮助下以及在查资料补漏过程中还是有点收获的。问题一.关于请求中如何能把这个页面的一下参数传递给下一页面,不能总是重复调用接口访问后台,这样的话影响加载页面效果。二. 在遇到逻辑处理的时候 ,会出现逻辑A 等待接口1 和接口2的结果问题,因为是异步请求,而JS会顺序执行,很容易出现触发逻辑A只拿到其中一个接口...原创 2018-11-20 12:26:41 · 634 阅读 · 0 评论 -
boder sizing:boder-box的使用意义
调CSS有时候感到总和设计图有出入,有的时候甚至是直接把图上的内容拷过来也不像。感觉自己的div莫名大了或者调了居中确不居中。其实有时候问题是你在挑样式的时候,把div元素看做盒子,你在加padding或者boder时,实际上会拉伸这个盒子的长度或者高度。没有进行设置的CSS的高度和宽度默认数值如下:width + padding + border = actual width of an e...原创 2018-12-17 15:09:26 · 1549 阅读 · 2 评论 -
JS里面的 const 和 => 箭头函数的用法
在搞前端代码时,发现有一个JS工具类处理系统时间转换里面有这样的代码,主要两处有疑惑一个是const,看起来很眼熟,另一个是=>,我看一些地方回调方法也用到它const MsFormatToMMSS = ms => { var second = Math.floor(ms / 1000); var mm = Math.floor(second / 60); var ss ...原创 2018-12-24 22:50:59 · 7988 阅读 · 0 评论 -
由于浏览器缓存导致页面JS不生效的问题
问题:一个小需求,自己更改一个页面,大概就是写了一点JS,用到了dropzone这个插件。在自己本地启动没什么问题,触发事件都和自己预期的一样,但是放到测试环境服务器上却发现不仅没效果,还在network上提示一个错误。错误大概意思就是,定义有问题之类和什么没定义。解决过程:刚开始想到问题是不是中文字符串的问题,调整对应的位置,发现没有用。想到会不会是文件格式的问题,直接替换的JSP和JS。...原创 2019-02-21 14:26:42 · 2717 阅读 · 0 评论 -
JQuery选择器: $(".xxxx")
之前做的项目比较low,就是在旧的基础上做些修改写个JS之类的,没有用什么框架很多用的是Struts的前端插件比如说日历显示什么的。新的项目后台系统用的是基于JQuery的easyUI,使用选择器是避免不了的。以下是关于JQuery的选择器介绍地址:JQuery选择器 参考手册这里要介绍的是样式选择器 $(".intro") ----为class="intro"的所有元素使用的方式就是根据...原创 2019-03-14 18:08:50 · 596 阅读 · 0 评论 -
JS URL的编码解码以及使用场景
前端事件交互,有的时候会用到url作为参数,然而你会发现直接把url当个字符串来处理会发现有很多的局限性,比如说我想添加一个参数什么的,或者进行个解析比较麻烦。而且有的时候解析url有的时候因为特殊符号什么的也是个问题。于是有了JS的url的编码和解码。想知道url的解码和解码是什么样的,我可以提供一个在线工具的地址,你随便粘贴一个网站尝试一下把这个url进行编码。看一下编码后会是什么样的:在...原创 2019-04-23 12:09:35 · 458 阅读 · 0 评论 -
CSS样式修改的一些技巧
感觉自己对页面太差了,很多小问题不了解。是时候加强一下这方面,把最近一个小需求,总结一下,自己也欠了好多学习博客补一下。另外这个博客是来自于自己平时学习的总结和看法,基本是原创或者自己看到一些结合了自己的理解,已经有了一些文章“借用了”我的文章,希望能表明一下出处鼓励一下尊重他人的成果。也希望大家能多留言,提出批评与意见,我会把我的坑一个一个填上的(这CSS页面又是一个坑要补),不断回过头完善自己之原创 2016-12-14 01:32:57 · 536 阅读 · 0 评论