Maria028-CSDN博客

原创【微信小程序】自定义navigationBar标题栏

小程序默认使用的navigationBar只能设置颜色、文字，左侧返回按钮也是不可改变的，若要实现下方效果有解决方案，但是也有一定的问题。 1、更改app.json &amp;quot;window&amp;quot;: { &amp;quot;navigationStyle&amp;quot;: &amp;quot;custom&amp;quot; },2、自定义标题栏使用c

2018-08-03 10:16:08 37230 2

什么是跨域？因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。几种常用的解决方式（简单说明）JSONPJSONP 是服务器与客户端跨源通信的常用方法。最大特点，不支持post请求。利用 <script> 标签没有跨域限制的漏洞。通过 <script> 标签指向一个需要访问

2021-03-21 21:35:31 164

原创安全方面知识点，面试大概率

在这里大致介绍了几种攻击类型及其防御方式：XSS攻击、CSRF攻击、点击劫持、中间人攻击；XSS 攻击–跨网站脚本什么是 XSS 攻击？如何防范 XSS 攻击？什么是 CSP？XSS攻击简单来说就是注入恶意指令代码到网页，原理就是HTML语言会将一些特殊字符编译执行；从攻击方式可分为：持久型：最直接的类型，恶意代码直接存在了服务器或数据库；非持久型：最普通的，用户访问服务器-跨站链接-返回跨站代码。一般通过修改 URL 参数的方式加入攻击代码，诱导用户访问链接从而进行攻击。如何防范？

2021-03-20 22:15:38 157

原创网络及浏览器知识点，面试大概率

HTTP 与 HTTPS 的区别详细见http与https1、HTTPS 协议需要到 CA （Certificate Authority，证书颁发机构）申请证书，一般免费证书较少，因而需要一定费用。2、HTTP 是超文本传输协议，信息是明文传输，HTTPS 则是具有安全性的 SSL 加密传输协议。3、HTTP 和 HTTPS 使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。4、HTTP 的连接很简单，是无状态的。HTTPS 协议是由 SSL+HTTP 协议构建的可进行加密

2021-03-20 19:25:49 138

原创 undefined与null

undefined与null阮一峰老师的日志中记录到：null表示"没有对象"，即该处不应该有值。典型用法是：（1）作为函数的参数，表示该函数的参数不是对象。（2）作为对象原型链的终点。undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。（4）函数没有返回值时

2021-03-20 16:36:08 300

原创【css】简单工整的订单进度条steps

说明开发进度条的过程中为了工整对齐的效果：文字和进度点竖直方向对齐，进度线和进度点轴线对齐注意：这里使用了vue 、less，代码里的相关图片样式根据需求替换预览效果<template> <view class="staps_block"> <view v-for="(item,index) in orderStatus" class="steps_item"> <view class="flex_row_center" style="he

2020-08-05 12:18:32 667

原创【Vue】图片加载中显示Loading

问题加载图片列表式，渲染缓慢，影响体验解决图片加载完成前显示loading，图片加载错误显示错误图片<template> <view> < :src="url"></img> </view></template><script> export default { name: 'myImage', props: { src: { type: String, }, },

2020-07-07 16:49:44 4579

原创【微信小程序】图片违法违规内容鉴别

微信小程序通过云调用校验一张图片是否含有违法违规内容。官方参考文档选择图片 wx.chooseImage({ count: 6, sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 ...

2019-08-23 15:51:01 6464

原创【微信小程序】关于getCurrentPages()的使用

tudo

2019-01-16 20:13:46 14022 4

原创【微信小程序】图片下方空白区域

问题来源连续展示多张图片时发现每张图片下方都留有空白区域，如下图。当前环境wxml代码：<block wx:for="{{products}}"> <image src="{{item}}" style='width:100%;' /></block>解决办法1、方法一：设置vertical-align: middle;适用于对图...

2019-01-16 15:27:14 3520

原创按照width:100%设置图片正方形

问题简述当列表图片大小不一致会导致布局不美观的情况下，设置图片为正方形尝试过的方法1、设置width:100%;height:100%;height:100%;不生效，按照width:100%对图片进行缩放2、固定width:10px;height:100px;对不同设备设配效果不理想3、获取设备屏幕大小，js动态设置图片大小该过程繁琐，在此处没有必要最后解决办法...

2018-12-25 21:00:24 1690

原创【微信小程序】引导重新打开定位权限

问题来源：用户使用小程序时若关闭了定位权限，想要重新打开时操作不易，所以要引导去设置里重新打开解决：当第一次关闭授权定位后，wx.chooseLocation就会一直调用fail方法，所以当点击打开位置功能时，最好先判断当前是否关闭了定位授权（见wx.getSetting文档详情），再会跳出自定义弹框（showCon），引导前往设置打开定位wx.chooseLocation({ ...

2018-09-21 17:37:35 22025

原创【微信小程序】使用Iconfont

1、准备好Iconfont字体图标素材在官网http://www.iconfont.cn中将想要的图标加入购物车，然后从购物车添加至某一项目下载该项目解压文件，只需要用到文件iconfont.css 2、运用到代码中因为项目用到的字体图标较多，所以复制了整个iconfont.css，并没有去做任何改动，用到字体图标的页面在css中去引用就行，例如@import ‘.....

2018-08-04 20:48:08 592

原创【微信小程序】中轮播图当前图放大效果

原理其实就是获取当前轮播的id ，并将其放大（active样式中可见），就是swiperIndex == index ? ‘active’ : ” .wxml&amp;amp;lt;swiper class=&amp;quot;swiper-block&amp;quot; previous-margin=&amp;quot;90rpx&amp;quot; next-margin=&amp;quot;90

2018-08-02 11:12:38 7752 4

Maria028的博客