
JavaScript
文章平均质量分 86
吕大瓜
努力奋斗 及时行乐
展开
-
面向前端的webview知识总结
本篇文主要面向前端同学食用,分别从简介,内核&组件,基本配置,加载,缓存机制,通信等几个方向列举安卓和iOS有关 webview 的知识点,希望前端在和客户端同学对接时不会太懵逼..原创 2022-11-04 17:50:11 · 1968 阅读 · 1 评论 -
读懂闭包 - JavaScript
在理解闭包之前必须清楚作用域,而说起作用域就不得不提起JavaScript的编译 ????编译一般情况下语言分为两种类型:编译型语言和解释型语言,这些语言一般指我们编写的代码(也就是高级语言),这些代码机器一般看不懂,所以需要先翻译一下,翻译成机器语言才能执行。这两种语言的最大的区别在于翻译的时机不同,编译型语言一般会提前进行编译,把代码编译成为机器语言的文件,运行时再直接运行编译后的文件即可,不需要每次运行时都重复编译,编译与运行操作相对独立(如C/C++);而解释型语言在运行前也需要编译,但其编原创 2021-06-02 12:51:49 · 263 阅读 · 0 评论 -
js 倒计时工具timedown.js
需求近期频繁用到倒计时的功能,便整理起来做成一个小工具,功能不是很多但基本够用,使用方法简单,希望能帮到需要的小伙伴,>代码地址.预览>预览地址引入直接拷贝dist文件夹下对应的js文件到你的项目里引入即可 >代码在这里.timedown.min.js<script src="./dist/timedown.min.js"></script><script> let timer = new Timedown(options)原创 2021-05-27 10:57:07 · 609 阅读 · 4 评论 -
javascript双等操作符==判断依据
双等操作符,会先对操作数进行转换再比较(强制转型),全等 === 操作符仅比较而不转换判断规则遇到两个操作数不同类型时会先尝试着转换成相同的类型再比较,其转换规则如下:只要有一个操作数是布尔值,则先将该布尔值转成数字类型,(false => 0, true => 1);如果一个操作数是字符串,另一个是数字类型,则把字符串转成数字类型;有一个操作数是对象的话,另一个不是,则尝试着将对象转成基本类型值。(一般情况下会依次调用valueOf,和toString,只要能得到基本类型值即可.原创 2020-05-30 16:15:29 · 390 阅读 · 0 评论 -
vue中props传值给data时-props有值但data却是空的问题
问题设计vue组件时,常常有这样一个应用场景:父组件通过接口请求回来的数据传给子组件, 然后在子组件内部我们会用一个props来接收,并且将该props赋值给data里面的一个变量(便于我们后期对这个数据操作,如果直接修改props,vue会报错)这样会有一个问题,就是组件接受到的props是有值的,但是赋给data里面的变量却是空的。子组件 props: { title: {...原创 2019-11-12 17:06:08 · 10437 阅读 · 6 评论 -
js中对象赋值问题Object.assign()
js中的把对象直接赋给对个变量其实赋值其引用,多个变量间指向的都是同一个内存,所以改变其中一个都会影响到其他变量。如何把对象赋值给多个变量且之间不产生关联?查看了网上的方法主要有两种:使用 Object.assign() 进行复制。但是要注意 Object.assign() 只是让对象里第一层的数据没有了关联性,对象内的对象则跟被复制的对象有着关联性的。也就是说此方法并没有对整个对象进行深...转载 2019-08-22 10:11:20 · 7324 阅读 · 0 评论 -
vue elementUI上传组件用FormData格式实现多文件一次上传,并显示上传进度条
需求使用elementUI的上传组件,并以FormData格式上传多文件显示上传进度FormData使用element的上传组件做多文件上传时,你会发现其实element是对文件列表做了一个遍历,然后挨个上传,这不符合需求,我想要多个文件只发一次请求。所以想到可以用FormData解决我的实现思路是把组件的 http-request 属性设为自己的方法 addFileToFormDa...原创 2019-08-15 11:33:27 · 8498 阅读 · 17 评论 -
vue的执行过程都发生了什么
前言vue执行过程内部都发生了什么,什么是模板解析,为什么能做到响应式更新视图?以下为大家介绍下一个vue项目执行的一个大致流程。(这里讲的是一个大致流程,vue真实的实现比这里说的复杂多,但本文主要是为你介绍大致的实现思路,加深你对vue的理解)首先我们来看下这个流程的总体步骤:然后我们根据这四个步骤来一 一介绍一、 模板解析为 render 函数首先,什么是模板?模板就是那些h...原创 2019-06-01 14:59:19 · 1227 阅读 · 1 评论 -
vue vue-cli3中使用全局less文件
全局less文件直接在main.js里面导入是没有效果的,刚开始在网上找了很多方法都是在 build / utils 文件里面改,但是vue-cli 3.x构建的项目里没有这个文件夹。。但其实在官网里也有解决方法的vue-cli3.x 导入全局.less文件进入项目,安装 style-resources-loadernpm i style-resources-loader -S 在...原创 2019-04-13 14:04:34 · 5835 阅读 · 0 评论 -
vue项目中导入BootstrapVue的方法
进入你的项目里打开命令行工具,安装BootstrapVuenpm i bootstrap-vue -S安装后,打开main.js主程序入口文件import BootstrapVue from 'bootstrap-vue'import 'bootstrap/dist/css/bootstrap.css'import 'bootstrap-vue/dist/bootstrap-...原创 2019-04-13 11:54:45 · 2358 阅读 · 2 评论 -
ES6 - 面向对象+继承用法
ES6中新增加了class,extends关键字,这些可以及其方便且规范的实现面向对象和继承。这种新的实现方法和 java非常相似,学过java的小伙伴看起来应该很容易就能接受。好了,下面我们直接看例子1.class首先,我们先来看看之前我们是如何创建一个"类"以前写法function User(id,name){ this.id=id; this.name=name; ...原创 2018-12-18 01:34:06 · 363 阅读 · 0 评论 -
前端H5实现多图片上传并预览
利用input 的type='file" 可以实现文件的上传,不过只支持单个文件上传。只有给input加上multiple属性才能实现多个文件同时上传。好了,下面我们来实现一个简单的多图片上传并预览的例子&lt;div class="input-file-box"&gt; &lt;span&gt;点击上传图片&lt;/span&gt; &a原创 2018-11-10 12:29:31 · 23568 阅读 · 15 评论 -
分享一些前端优化方法
前端优化大都是从一些细节处理入手,细节处理好了,你的页面才能溜的一批!下面分享一些优化细节正文把 script 放到body的最后浏览器渲染页面html文件是从上往下的,过程中遇到script标签时会去加载script内容并阻塞页面渲染。如果script放在前面的话,会给用户造成一种页面加载缓慢的感觉,所以script一般会放在body的最后加载css的link标签一般放在head中...原创 2019-05-17 17:19:12 · 530 阅读 · 0 评论