- 博客(18)
- 收藏
- 关注
原创 用js实现遍历容器内的图片宽高信息进行后续操作
我的需求是需要打开网页马上判断容器J_content里的图片,判断容器里的图片宽高,然后限定图片的宽高。window.onload() 方法用于在网页加载完毕后立刻执行的操作。方法遍历了J_content里的img。然后使用JS动态的创建一个Img对象。然后在获取高度宽度进行判断。
2022-08-19 11:22:03
304
原创 利用js实现手机访问PC端直接跳转wap端
在做网页的时候,有些页面有pc版跟wap版。那么在同一个页面的情况下怎样做到在电脑端直接转手机端,或者用手机端访问PC网址直接跳转wap网址。var host = “你的手机端网址”;
2022-08-19 10:52:15
812
原创 访问图片403解决办法
一般来说,防盗链机制会判断图片请求的 Request Headers 里的 Referer 字段的值是否是允许的地址,如果不是,则不允许访问相应的资源。no-referrer所有请求不发送 referrer。
2022-08-08 15:25:11
308
原创 css关于自媒体@media手机端自适应适配
html, body { height: 100%; }@media only screen and (min-width: 320px) and (max-width: 352px) { html { font-size: 45px; } }@media only screen and (min-width: 352px) and (max-width: 640px) { html { font-size: 50px; } }@media only screen and (min-width: 640
2022-08-08 14:53:38
1331
原创 不小心忘记系列(一)
利用css3的缩放scale(0.90),其最终大小就是:12px * 0.9(缩放比例) = 10.8px;例如:< a href=“javascript:history.go(-1)”>返回history.go(-1),或 history.back();
2022-08-08 14:36:29
124
原创 关于background-position的一些使用方法
一、使用background-position的四个值语法。如果希望能够兼容所有浏览器,使用JavaScript。注意:使用calc() 运算符号之间要有空格。/* ie7,ie8不支持 */三、使用JavaScript。二、使用 calc()
2022-08-08 14:11:47
482
翻译 jq 购物车
html: <section class='carshop'> <div class='carshop-head'> <div class='xun-ico'> <div class='shop-img'><img src='./images/yi.png'></div> ...
2019-09-06 10:33:34
846
原创 快应用 视频或者音频在非wifi流量播放未提醒
好不容易提交了快应用,却被打回来。原因是在非wifi流量播放未提醒。只好进行补充了,记录下来。1、首先在manifest.json中进行接口声明 { “name”: “system.network” }2、导入模块import network from ‘@system.network’ 或 const network = require(’@system.network’)3、...
2019-09-05 16:48:21
410
原创 快应用 创建桌面快捷方式 200 install fail
在快应用中,当所有的准备步骤做好了,创建桌面快捷方式时却创建不成功。这时候返回查看代码,确定了代码是没有问题的。报错也只是200 install fail。不了解的可以看官方文档https://doc.quickapp.cn/features/system/shortcut.html这时候可以确认一下是不是没有授予权限,步骤如下:1、打开手机设置2、打开应用3、打开权限管理4、找...
2019-09-05 16:28:39
691
原创 css3 纯css实现绘制三角形、箭头效果
在前端工作中遇到三角形或者需要箭头的样式,我们不仅可以利用图片来实现效果,还可以利用css来实现。<div class="triangle"></div>1、利用border来实现(1)向下三角形.triangle{ width: 0; height: 0; border-width: 100px; border-style: solid; b...
2019-08-21 11:23:56
2099
原创 css3 制作文字特效 渐变 text-shadow
在一些广告页/单页上,UI设计的时候往往用上渐变色或者字体阴影来美化文字,这种一般只能用图片来代替文字,但有时为了能有更好的复用性,我们今天用纯css来实现。最终效果如下:用了渐变+文字阴影先贴上html与css,后面我们在详讲<div class="title"> <h1 class="gradient">活动大标题</h1> <span&g...
2019-08-20 17:29:55
1264
原创 快应用之弹性布局(Flex)使用讲解
以前我依赖于用 display属性 + position属性 + float属性来书写css样式代码。但是快应用纯支持弹性布局,一开始很不习惯体验糟糕,现在实操了一段时间用顺手后觉得感觉还是不错的,拿出来分享给大家,以下内容是在快应用的范围内不考虑兼容。以下内容参考了:Flex 布局语法教程1、关于CSS3 弹性盒( Flexible Box 或 flexbox)弹性盒子是 CSS3 的一种...
2019-08-01 17:42:35
488
原创 快应用之audio
做为一枚小白,之前快应用项目接触需要用到audio音频效果,但是快应用不支持h5的新标签< audio >。虽然有提供了音频接口,但是小白还是觉得无从下手,在网上搜了下也没有很好的参照,没有下手的方向,磕磕碰碰写出效果来,可能代码很幼稚不理想,分享出来希望可以得到指教。1、首先接口声明,在manifest.json的"features"里写上 { “name”: “system.au...
2019-07-31 17:37:25
758
原创 快应用学习使用小结
快应用学习使用小结首先关于样式上,快应用的样式支持兼容不友好新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入首...
2019-07-31 15:41:00
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人