- 博客(26)
- 问答 (7)
- 收藏
- 关注
原创 uniapp开发浙政钉H5微应用埋点
首先在uniapp项目根目录下新建template.h5.html作为项目入口模板,存放通用采集SDK埋点等
2022-01-18 17:18:44 2725 2
原创 Input组件封装的v-model问题
一、关于组件的封装:v-bind="$attrs"与v-on="$listener"是组件封装或二次封装过程中经常使用的指令,q
2021-05-31 10:29:43 2105
原创 h5微信JSBridge支付完成后组件生命周期问题
H5端调用微信的WeixinJSBridge.invoke方法进行支付,当支付完成后微信会弹出原生的支付成功页面。注意: 关闭此原生页面回到项目中时,在安卓端不会重新调用组件的onShow方法,但是在ios端会视为组件重新显示了,会调用onShow方法。结果:由上差异可能带来ios与安卓端在微信支付完成之后的逻辑交互差异(IOS端onShow生命周期中的函数会与支付回调函数一起执行)(微信小程序是否有这种情况未测)...
2021-05-27 10:47:23 252
原创 Promise中catch捕获异常
function test () { return new Promise((resolve, reject) => { setTimeout(() => { console.log('断点1'); if(!true) { reject(2); } else { resolve(1); } },2000); })}test().then(res => { console.lo.
2021-05-21 10:52:48 650
原创 关于ES6中的Thunk函数执行分析
ES6的文档中模拟了这样一个Thunk函数并给出了一个实例:// ES5版本var Thunk = function(fn){ return function (){ var args = Array.prototype.slice.call(arguments); return function (callback){ args.push(callback); return fn.apply(this, args); } };};//
2021-04-15 13:29:57 198
原创 uniapp常用生命周期执行顺序
主要讨论onLoad,onReady,onShow,beforeCreate,created,beforeMount,mounted七大生命周期。 data () { return { num: 100 } }, onLoad () { console.log('页面onLoad执行:',this.num); }, onReady () { console.log('页面onReady执行:',this.num); }, onShow () {
2021-04-07 10:46:28 6180 1
原创 JS的get()和set()拦截函数
因为笔者正在复习es6,这里以es6的class为载体,这与es5里面的理解是一样的,通用。/** * ES6 - class里的get,set拦截函数 */// 首先来看几种情形:/* ----------------------------------------------------------------------*/class Type { constructor () { this.name = 'ronchan'; }}let a = new Typ
2021-04-02 16:12:32 1078
原创 input输入框浏览器自动补全密码BUG解决
input输入框浏览器自动补全密码BUG解决看了网上一些教程,大多数都是autocomplete=“off”,实测无效。谷歌浏览器下autocomplete="new-password"是可以解决的
2021-01-13 14:11:12 305
原创 input输入框正则限制正负数和小数点后两位
JS前端输入框正则限制正负数和小数点后两位1.只能输入正负数,包括小数点value = value.replace(/[^\d\.-]/g,’’)2.只能输入正数,不包括小数点value = value.replace(/[^\d]/g,’’)3.只能输入正负数,限制小数点后两位value = value.replace(/^(-)(\d+).(\d\d).$/,’$1$2.$3’)4.只能输入正数,限制小数点后两位value = value.replace(/(-)*(\d+).(\d\d
2020-11-23 17:16:24 8925 2
原创 JavaScript富文本编辑器HTML特殊字符转义MYSQL报错
最近在做一个博客,后台用的富文本编辑器,编辑完成后以html形式获取代码,获取到的html代码中部分特殊字符没有转义导致数据库插入语句报错。富文本编辑器中内容:(代码里用的英文单引号)直接获取到的html代码:(未经任何处理)<p style="text-align: center;"> <span style="font-weight: bold;">标题<...
2020-04-18 18:03:58 1474 1
原创 记录项目中使用vue路由的一次坑
路由文件( /share是一级路由 ): { path: '/share', component: () => import(/* webpackChunkName: "about" */ '../views/Share.vue'), children: [ { path: 'sharelist', name: 'Sha...
2020-04-16 17:12:47 138
原创 不同font-family的不同表现行为
<!DOCTYPE html><html><head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0; } .num,...
2020-04-10 20:29:26 417
原创 js中indexOf方法传递对象作为参数
var person = {name:'ron'};//undefinedvar people = [{name:'ron'}];//undefinedtypeof(people[0]);//"object"people[0] == person;//falsepeople[0] === person;//false当使用相等操作符时,操作数两边如果都是对象,则比较它们是不...
2020-04-09 21:35:43 2518
原创 CSS之Flex弹性布局
—flex弹性布局实现水平垂直居中父盒子display:flex; 子盒子margin:auto;概念: 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。父容器(display:flex)属性: 1.flex-direction : 规定子元素...
2020-04-04 14:54:28 161
原创 CSS浮动与流体布局
(内容参照张鑫旭老师的慕课教程)1. 文字环绕衍生-单侧固定**描述**: 左侧固定宽度,右侧自适应**实现**: 左侧固定元素设置width + float;右侧元素给予与width数值对应的margin-left\padding-left正值**评价**: 在原本float的文本环绕效果上添加margin-left或padding-left实现: * { ...
2020-04-01 22:15:27 196
原创 Vue项目中使用swiper库的初始化过早问题
一、背景阐述最近有人在讨论vue项目中swiper插件引用不当无效的问题,直观的问题效果是vue项目中异步请求回来的数据在swiper轮播图里无法正常轮播,这也算是一个比较经典的问题了,官方文档对此也没有明确的解答,这里统一分析并总结一下。(本文针对vue项目)二、分析1.上面的图是项目中引用的swiper库(swiper中文网),这个库还算不错,不局限于vue项目,许多项目中都能够使用,...
2020-03-30 20:34:03 1124
原创 HTML全标签分类块级内联内联块
- -注释:标签分类查询文档,不涉及如何使用部分标签由于非常不兼容主流浏览器未注明标签参照W3C数据采集使用Firefox 74.0(64位)版本1.块级元素-- block···特点:······独占一行;······不设置宽度时与父容器相同;······支持所有样式;具体: html div p body form ul ...
2020-03-29 19:40:53 244
原创 JavaScript用定义理解回调函数
前言背景:(由于js的学习并不是很系统,导致一路上遇到了很多坑,系统学习真的很重要!)前段时间在项目中遇到了这样一个需求:一个前端vue项目中用axios在created生命周期中发起两次请求,重点是第二次请求需要用到第一次请求返回的结果作为参数,一开始我在一个created中按请求顺序写了两个axios,想着第一次请求完成后把后台返回的一个值赋给组件中的一个状态(该状态最初的值是null),...
2020-03-23 21:45:35 159
原创 关于JavaScript中函数作为if语句条件的问题
一、若function函数体中没有return返回值,则函数作为if条件相当于undefined,而undefined对应布尔类型的false。二、若function函数体中存在return返回值,则根据函数体内返回值的真假判断函数作为if条件的真假。例如function myMethod () { let a = 1; return a;}if(myMethod()) { cons...
2020-03-20 19:24:19 1713
原创 vuecli导致前端页面请求接口显示sockjs-node
前两天写了一个垃圾分类智能查询系统,该页面一共只有三个请求,一个是绑定了点击事件点击后调用的,另外两个分别在vue生命周期中和wacth监听器中调用,刷新页面不进行任何操作竟然出现了三个接口请求。直接上图:html部分代码:<div class="baike_box_button" @click='handleSel(input,value)'>查询</div>js代...
2020-03-19 15:10:50 385
原创 关于css中3列浮动三列宽度自适应布局
所谓“自适应”不过就是对width设置以百分比为单位的宽度,本文所讨论的只是一点关于3列浮动三列宽度自适应布局的细节问题。首先来看下3列浮动三列宽度自适应布局的效果:3列浮动三列宽度自适应布局目前总结了两种方法实现:A.&lt;style type="text/css"&gt;body{ margin:0;}#left{ background-color:#ffcc00; b...
2018-10-17 20:49:40 823 1
原创 关于针对标签的类或id选择器的应用体会
关于针对标签的类或id选择器的应用体会即形如 .xxx caption{ },#father div{ }的选择器我将其称为针对标签的类或id选择器,关于其使用如下:首先明确该种样式只针对特定标签使用,其使用两种常见错误:A.&amp;amp;lt; caption class=“xxx” &amp;amp;gt;B.直接使用&amp;amp;lt; div&amp;amp;gt; &amp;amp;lt;
2018-10-16 11:21:39 267
原创 关于html表格结构标签thead,tfoot,tbody使用出现不兼容性
关于尽量不使用thead,tfoot,tbody这三个表格结构标签,存在浏览器兼容性问题的验证以下是不使用这三个标签时代码demo以及运行效果(搜狗浏览器下运行):&amp;lt;body&amp;gt;&amp;lt;table width=&quot;700&quot; height=&quot;150&quot; border=&quot;1&qu
2018-09-27 22:04:24 3165
原创 关于html中表格边框更精细的一点分享
关于html中表格边框的一点分享小白今天在复习html表格的标签的时候发现仅用html做的表格边框线很粗糙,然后无意间发现一个巧妙的窍门可以使html制作的表格边框线更精致一点(不采用div等什么其他方法,只用html语言)(大神可以直接pass了…)首先来看一下直接用html制作的表格边框:这是对应的代码demo:< table width=“458” border=“1” ce...
2018-09-19 17:44:53 656
空空如也
Mysql如何多次查询结果取重复值?
2020-04-19
MYSQL如何实现多次查询取重复结果
2020-04-19
css中vertical实现垂直居中问题?
2018-10-20
关于网站导航样式实现
2018-10-10
css中外边距为负值盒子移动问题???
2018-10-04
关于css中选择器使用意外错误
2018-09-24
关于html中img标签的alt属性
2018-09-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人