- 博客(75)
- 收藏
- 关注
RSS订阅原创 vue中使用时动态挂载组件
组件动态挂载,调用showTasks方法时才去初始化taskDialog组件。async showTasks() { // 注册组件 const compName = 'taskDialog' if (this.$options.components[compName]) { // 判断组件是否已经引入了 this.$refs.taskDialog && this.$refs.taskDialog.changeShow() //是，直接
2021-09-10 16:17:47
1439
原创 ios系统禁止页面默认的上拉回弹效果
ios浏览器中页面滑到顶部或者底部继续往下/往上拖动时，页面底部背景会出现白色，产品要求去掉默认的回弹效果。页面结构如下：整个页面只有一屏，但是页面中弹出的浮层可以滚动。最终解决方法如下：if (isIOS) { document.addEventListener('touchmove', function(event) { const path = event.path || (event.composedPath && event.composedP
2021-09-10 16:03:11
3114
原创 （面试题）js运算优先级a.x = a = {n:2}；
题目：var a = {n:1};var b=a;a.x = a = {n:2};console.log(a.x);console.log(a);console.log(b);console.log(b.x);这里不卖关子，直接看结果:undefined{ n: 2 }{ n: 1, x: { n: 2 } }{ n: 2 }流程分析：第一步：声明了变量a，指向对象{n:1}，这里取名为o第二步：声明变量b，将a的地址赋值给b，此时a和b指向同一块内存区域o第三步：
2021-07-13 18:15:24
273
原创 vue本地开发模式下通过本地nginx服务访问Lottie动画文件，配置跨域
安装nginx windows配置跨域nginx在配置中对应的location下添加上如下的设置：// 添加响应头，允许所有跨域访问add_header 'Access-Control-Allow-Origin' '*';add_header 'Access-Control-Allow-Credentials' 'true';将需要访问动画文件放到相应目录下注意：lottie的动画文件包含json文件和images图片文件夹，文件路径要和json文件中配置的路径一致。启动n.
2021-06-25 11:10:17
374
原创 微信小程序scroll-view监听底部加载不执行的问题
问题代码：<scroll-view scroll-y="true" style="height: {{windowHeight}}px;" bindscrolltolower="onReachBottom"> <view> ......... </view></scroll-view>原因：scroll-view不能作为根元素，在外面包裹一层view即可。<view> <scroll-view scroll-y="tru
2020-06-20 11:30:15
1154
原创 vue中v-html识别\n换行
如果需要合并空格可以使用：附：white-space属性（来源于MDN）normal连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样，连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符...
2020-05-06 10:51:23
13733
1
原创 利用HTML的for属性实现CheckBox效果
HTML原生自带的checkbox样式不符合ui要求，需要前端自定义样式，这里我们使用label搭配input，利用for属性关联两个标签。（图标使用iconfont）然后点击图标的时候修改input的value值$(".js-checkbox").on("click", function(e){//多选框 e.stopPropagation(); e.prevent...
2020-04-09 15:44:13
1902
原创 input标签type=“search”时ios系统软键盘显示“搜索”字样
我这里使用的vant的组件，原生input标签同理。 <van-form action=""> <van-field v-model="keyword" type="search" autocomplete="off" @click-right...
2020-03-31 11:32:37
2176
原创 utools配置内网穿透
安装utools工具，搜索“内网穿透”：配置：连接方式：http服务即常规把内网IP转化为外网IP，可供外网来访问本机资源，需要本地部署web服务器，将要访问的资源放在本地服务器。本地目录即指定一个磁盘目录来供外网访问，需要注意的是只能访问静态网页tcp服务外网域名：向外提供的域名地址，自行配置，但要求小写，并且长度4-20个字符。内网地址：需要穿透的内网地址，填写本...
2019-08-22 11:19:54
6784
原创 ios页面上下滚动卡顿的问题
给需要滚动的布局的外层父容器加上如下样式：overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch;
2019-08-14 10:23:36
1052
原创 华为手机app的logo无法正常显示的问题
替换APP的启动logo后，显示如下：自家的logo并没有生效，显示的是安卓自带的圆形logo查看AndroidManifest文件的配置，如下：我们切图时，只切了圆角图片，并没有提供圆形logo图片导致logo显示不出来的原因正是系统读的是roundIcon，而我们并没有提供，所以就显示了系统默认的图标。修改配置如下：两种类型都用同一张图或者切一个圆形logo替换即可。...
2019-08-10 22:46:40
3374
原创 javascript获取当前HTML的header信息
function getHeaders(){ var req = new XMLHttpRequest(); req.open('GET', document.location.href, false); req.send(null); var headerArr = req.getAllResponseHeaders().split('\n'); var ...
2019-08-06 14:34:54
9326
原创 HTML中a标签调起安卓手机端拨号页面
HTML:<a class="phone" href="tel:10086">10086 </a>安卓在webview的shouldOverrideUrlLoading方法中监听url变化override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boole...
2019-08-02 14:09:49
886
原创 JS禁止复制粘贴
禁止页面内容复制<body onselectstart="return false">οncοntextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。1.<table border οncοntextmenu=ret...
2019-08-02 14:04:22
5814
转载 Android关于WebView控件stopLoading方法的正确使用
stopLoading()方法从字面上翻译过来就可以知道是停止加载的意思。Android中使用WebView控件实现链接超时响应，一般都会通过重写WebViewClient类的onPageStarted方法，通过添加timer，达到自定义链接最大时长的目的，但是在timer的run方法体中调用webview的stoploading方法达不到预料中的效果，原因是出在java线程安全机制，java会...
2019-08-02 11:27:20
2694
原创 webview加载自定义错误页面，刷新后返回又回到默认错误页面的问题
场景：需要在网络错误，网络断开，加载失败等情况下，webview加载一个默认的错误页面，页面有一个刷新按钮，点击按钮，刷新页面，很明显，我们要刷新的页面是错误页面的前一个页面，但webview会把当前错误页面的url也加进历史栈，此时，我们的刷新逻辑应该是replace当前错误页面而不是load一个新页面。webview的api中并没有replace类似的方法，但浏览器自带window.loc...
2019-07-30 18:19:37
1552
原创 webview与js交互传递参数之参数类型
js中有如下方法：接收一个字符串参数 function test(data){ }原生调用：val obj= JSONObject()obj.put("key","123")obj.put("value","234")val params = obj.toString()execJsFunction("${MacConstant.JAVASCRIPT}:window.tes...
2019-07-30 18:05:10
2771
原创 java.lang.RuntimeException: Unable to instantiate application
android9报错：java.lang.RuntimeException: Unable to instantiate application org.qldc.app.shell.base.App: java.lang.ClassNotFoundException: Didn’t find class “org.qldc.app.shell.base.App” on path: DexPat...
2019-07-30 17:48:08
1928
原创 java.lang.ClassNotFoundException: Didn't find class "android.support.v4.app.CoreComponentFactory"
android9报错：java.lang.ClassNotFoundException: Didn’t find class “android.support.v4.app.CoreComponentFactory” <application android:name=".base.App" android:allowBackup="tru...
2019-07-30 17:43:55
19888
3
转载 Vuex之mapMutations、mapGetters、mapActions
Vuex的辅助函数mapState, mapActions, mapMutations用法
2019-07-10 17:24:52
279
转载 vue的provide和inject特性
注意：provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。参考：vue的provide和inject特性provide与inject实用技巧
2019-07-10 15:57:50
274
转载 vue .sync 修饰符和自定义v-model的使用
https://www.cnblogs.com/conglvse/p/9704834.html
2019-07-09 17:52:03
578
转载 vue render中jsx使用
JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析.data(){ return { dataconfig:{ btnGroup:[{ label:"查找"， ...
2019-07-09 17:00:11
3908
转载 HTML5中rel属性的prefetch预加载功能
详解HTML5中rel属性的prefetch预加载功能使用preload和prefetch[Vue]prefetch请求
2019-07-09 11:43:56
2081
转载 git fetch 和git pull 区别
1、git fetch 相当于是从远程获取最新到本地，不会自动merge，如下指令：git fetch orgin master //将远程仓库的master分支下载到本地当前branch中git log -p master ..origin/master //比较本地的master分支和origin/master分支的差别git merge origin/master //进行合并...
2019-07-04 18:24:35
97
原创 css伪元素::before ::after中content属性搭配attr使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> //声明一个属性content <div cla...
2019-07-03 14:04:03
2935
转载 HTML5 canvas 计算文字宽度的方法（measureText）
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.font="30px Arial";var txt="Hello World"ctx.fillText("width:" + ctx.measureText(txt).width,10,50)ctx.fillText(txt,10,100);...
2019-07-03 13:51:18
14693
转载 JS：getComputedStyle方法
由于诸如ele.style.display这样的操作只能获取DOM元素的行内样式，所以获取结果可能与实际显示效果不符通过getComputedStyle方法可以用来获取DOM元素实际显示时的样式，具体：let style = window.getComputedStyle(element, [pseudoElt]);getComputedStyle是window全局对象的一个方法，可以传递...
2019-07-03 12:51:53
7824
1
转载 Retrofit实现Form表单提交和Json提交
json格式：直接传递整个对象，Retrofit会帮我们把对象转换成Json，然后传递给后台服务器。使用@Body ，@POST注解。（@HeaderMap可以配置请求头）表单格式：Form表单提交，后台服务器是以键值对的形式来接受参数的，所以Retrofit把接口参数通过Map的形式来提交。使用@FieldMap，@POST，@FormUrlEncoded注解。参考：常用HT...
2019-06-24 21:19:05
3969
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人