前端总结
前端开发总结
cyhhhh
每个程序员都有一颗文艺的心
展开
-
移动端H5调起第三方APP
app唤醒方式1 应用宝调起很早前在微信和qq浏览器中采用的调起方式,在安装了应用宝的情况下,若已安装app,可通过应用宝直接调起,未安装,则引导去应用宝中下载,目前基本不再使用。2 url scheme协议一种页面内跳转协议,通过定义自己的scheme协议,可以方便的跳转到app中的各个页面。 scheme]://[host][:port]/[path]?[query] 协议名称(必选) 域名 端口 页面路径 请求参数有协议名称即可拉起app,如在safari浏览器中输入原创 2021-08-26 22:26:50 · 3492 阅读 · 0 评论 -
对安全的一些思考
作为一个刚入行两年的开发,在开发过程中,确实很少考虑到安全的问题,也很少遇到被攻击的情况。很多我们以为足够安全的设计方案,在恶意攻防的攻击者眼里,都轻而易举。最近开发过程中遇到的安全事件:业务场景需要压目标跳转地址和工号信息到短链接中,本以为对短链接中的信息加密就足够了,却未考虑到可在压短链接前篡改这些信息,将工号和跳转地址改成钓鱼网站。解决方案:由后端送这些信息到短链接中,对于一些比较敏感隐私的信息,建议都后端上送...原创 2021-06-10 22:34:20 · 146 阅读 · 2 评论 -
前端兼容问题
开发过程中遇到的兼容问题:1. ios浏览器new Date()报错ios浏览器的new Date()方法无法识别 2021-04-26 或2021.04.26这种格式的日期,需转换为2021/04/26原创 2021-04-26 22:21:40 · 164 阅读 · 0 评论 -
H5页面在iphone上的适配
H5页面在iphone刘海屏和底部黑线的适配。原创 2020-09-12 22:56:52 · 2589 阅读 · 0 评论 -
textarea高度自适应,可删减高度
用textarea实现高度自适应,可删减高度,可换行显示。原创 2020-05-26 00:32:35 · 1702 阅读 · 0 评论 -
利用宝塔面板上传网站到云服务器
我用的是腾讯云服务器和域名,学生买比较便宜详细步骤如下:1.下载Xshell 62.https://www.banwagongzw.com/55.html后面步骤参考这个,基本跟着做,不会有问题3.https://www.banwagongzw.com/4.html这是下载宝塔面板以及登录面板后的操作如果登录不上宝塔面板,则对服务器配置安全组,https://www.b...原创 2018-08-14 18:38:29 · 13016 阅读 · 3 评论 -
git命令总结
git addgit add . 提交修改和新增的,不提交删除的文件 git add -u 提交修改的和删除的,不提交新增文件 git add -A 提交所有变化git stashgit stash 将未提交的修改保存至堆栈区,用与后续恢复 git stash save ‘注释内容’ 同git stash作用相同,只是添加了备注,方便后续查找 git stash ...原创 2019-10-23 17:12:37 · 94 阅读 · 0 评论 -
各种业务场景功能的js实现
1.flex布局实现顶部导航栏固定平常实现头部导航栏固定都是采用position:fixed方式,这种方式的缺点是脱离文本流,对于移动端某些业务场景,会导致导航栏遮住部分内容。无意中发现竟然还可以用flex布局实现同样的效果,并且不脱离文本流。.page{ // 页面设置flex布局,主轴为垂直方向 display: flex; flex-direction: col...原创 2020-03-09 14:08:11 · 385 阅读 · 0 评论 -
JSSDK实现微信分享
微信H5网页开发如何实现分享功能以及常遇到的分享失败原因。原创 2020-02-28 16:47:43 · 1114 阅读 · 0 评论 -
js问题总结
js问题总结原创 2020-02-24 16:05:55 · 172 阅读 · 0 评论 -
CSS样式编写--问题总结
目录1 .设置div撑满整个屏幕2.设置背景图片的方法3.文字显示于图片上4.单行文字居中,多行文字左对齐5.设置margin,导致页面顶部撑开6.绘制渐变倒三角7.实现右对齐8.div之间有空隙9.flex布局实现顶部导航栏固定10.滑动实现tab吸顶11.tab栏切换1 .设置div撑满整个屏幕不同浏览器对于相同元素的默认样式不一致,所以需要...原创 2020-01-17 16:32:29 · 411 阅读 · 0 评论 -
flex布局
用了很久的flex布局,但还是不怎么熟悉它的使用。先看一段代码.container{ display: flex; .title{ color: #eee; } .info{ color: red; }}<div class="container"> <div class="title"...原创 2019-10-31 17:29:03 · 123 阅读 · 0 评论 -
前端对转义字符串进行反转义
转义字符:显示结果 描述 实体名称 空格   < 小于号 < > 大于号 > & 和号 & ’ 撇号 &apos " 引号 $quot 转义字符串,分成三部分:第一部分是一个&符号,英文叫a...原创 2019-10-28 15:23:46 · 5160 阅读 · 0 评论 -
关于echart图表option多次加载
做项目需要实现多表联动,且通过勾选复选框来实现图表数据的展示但遇到了取消勾选,数据重叠为一条且不消失的问题,调试了很久,发现数据都没有问题,且取消勾选时,数据也没有了,和同伴钻研了好久,还去请教了学长,结果都败在了echart的配置上。激动的是后来一百度试了下,结果还真对了,心情那叫一个激动啊,感觉自己都要哭了。解决方案:echarts图表动态刷新数据不能清空数据,这是因为多次调用op...原创 2018-08-14 18:17:48 · 3417 阅读 · 1 评论 -
canvas动态绘制折线图
公司的实践课题vue项目,用折线图展示近六个月的收入和支出,以前看到图表,第一个想到的就是从echarts官网调用,但这次导师建议我们用canvas去画,然后去封装,这样可以加大课题难度,同时理解底层的东西。demo运行效果如图所示:先分析折线图主要包括画线、画圆、绘制文字三部分,分别使用canvas提供的以下方法画线:moveTo() lineTo()画圆:arc(...原创 2019-08-03 13:14:50 · 2845 阅读 · 0 评论 -
canvas画图被放大且模糊
先来理解canvas的这几个宽度和高度canvas.width是画布的大小,而canvas.style.width是浏览器渲染的canvas的尺寸第一个问题:画布的高度和宽度画布的宽和高一定要在canvas标签中设置,如果是在css样式中设置,则不起作用,画布会按照默认尺寸width:300px,height:150px显示//在标签中设置宽和高<canvas id="c...原创 2019-08-11 18:11:47 · 3525 阅读 · 0 评论 -
安卓移动端border-radius:50%画圆变形
这个问题纠结了好多天,安卓上使用rem单位,圆变形,但在ios上显示正常。查了很多资料,发现是rem适配的问题,安卓对rem的计算可能有些误差,导致在不同的安卓手机上,圆会有不同程度的变形。换用px,一切正常,但由于是移动端项目,必须用rem做适配,所以px行不通。.circle{ position: absolute; width: 0.14rem; ...原创 2019-09-04 22:30:00 · 994 阅读 · 0 评论 -
BEM规范
BEM规范,即Block(块)Element(元素)Modifier(修饰器),用来规范css命名命名约定模式如下:.block{}.block__element{}.block__element--modifier{}对于块,若多个单词,则用 - 连接,如search-form具体例子块即模块,如搜索表单search-form,可以看做一个块 这个块内的按钮butto...原创 2019-09-18 10:40:01 · 836 阅读 · 0 评论 -
React项目部署到腾讯云服务器
最近正在学习React框架,就写了个很粗糙的个人博客,暂时没有下后端,所有的数据都是本地模拟写在json文件中的在项目目录下打开命令行窗口输入 npm run build 项目目录下就会生成一个build文件夹1.如果想放在本地服务器的话,可以下载XMAPP,开启Apache把build文件夹下的所有文件复制到XMAPP安装目录下的htdocs下接下来在浏览器输入loca...原创 2019-02-24 22:29:37 · 1583 阅读 · 0 评论