吕大瓜-CSDN博客

原创面向前端的webview知识总结

本篇文主要面向前端同学食用，分别从简介，内核&组件，基本配置，加载，缓存机制，通信等几个方向列举安卓和iOS有关 webview 的知识点，希望前端在和客户端同学对接时不会太懵逼..

2022-11-04 17:50:11 1815 1

在理解闭包之前必须清楚作用域，而说起作用域就不得不提起JavaScript的编译 ????编译一般情况下语言分为两种类型：编译型语言和解释型语言，这些语言一般指我们编写的代码（也就是高级语言），这些代码机器一般看不懂，所以需要先翻译一下，翻译成机器语言才能执行。这两种语言的最大的区别在于翻译的时机不同，编译型语言一般会提前进行编译，把代码编译成为机器语言的文件，运行时再直接运行编译后的文件即可，不需要每次运行时都重复编译，编译与运行操作相对独立（如C/C++）；而解释型语言在运行前也需要编译，但其编

2021-06-02 12:51:49 238

原创 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 576 4

原创一个适用于PC端的地区选择器组件-Vue

简介这是一个适用于PC端的地区选择组件，可以控制地区选择的范围，适用于Vue2.x项目中，引入和使用都十分简单。引入去到该项目Github下，将 areaPicker 整个文件夹下载下来并放到你的项目components目录下做为一个Vue组件，并在需要的页面中引入并注册为一个组件即可！如：import areaPicker from '@/components/areaPicker/index' // 文件对应路径export default { components: {

2020-12-03 14:38:56 2947

原创 Vue 一个可展开收起的内容展示组件

需求Vue项目中有这样一个需求，一个区域做内容展示，当内容过多时隐藏，并显示“展开”按钮，可展开显示全部内容也可再次收起。效果查看更多信息这边走vue-collapse ????

2020-11-09 16:50:22 2061 1

原创 vue 为element树形组件el-tree添加虚线，指示线

需求需要实现一个带有指示线的树形组件，项目用的Vue，树形组件使用的是element的el-tree，所以想直接在element的组件上直接改样式实现。先看最终实现的效果图：思路在控制台查看 el-tree 渲染后的HTML结构，找到相应的节点添加伪元素，利用伪元素的border属性加上定位实现虚线效果。渲染后HTML结构如下，可发现树的结构是由一个类名为 el-tree-node 的div包裹着两个分别代表节点本身和子节点集的div 递归遍历生成的，类名为 el-tree-node 的div就是

2020-08-11 20:14:45 15646 18

原创 javascript双等操作符==判断依据

双等操作符，会先对操作数进行转换再比较（强制转型），全等 === 操作符仅比较而不转换判断规则遇到两个操作数不同类型时会先尝试着转换成相同的类型再比较，其转换规则如下：只要有一个操作数是布尔值，则先将该布尔值转成数字类型，（false => 0, true => 1）;如果一个操作数是字符串，另一个是数字类型，则把字符串转成数字类型；有一个操作数是对象的话，另一个不是，则尝试着将对象转成基本类型值。（一般情况下会依次调用valueOf，和toString，只要能得到基本类型值即可.

2020-05-30 16:15:29 369

原创 vue中props传值给data时-props有值但data却是空的问题

问题设计vue组件时，常常有这样一个应用场景：父组件通过接口请求回来的数据传给子组件，然后在子组件内部我们会用一个props来接收，并且将该props赋值给data里面的一个变量（便于我们后期对这个数据操作，如果直接修改props，vue会报错）这样会有一个问题，就是组件接受到的props是有值的，但是赋给data里面的变量却是空的。子组件 props: { title: {...

2019-11-12 17:06:08 10259 6

转载 js中对象赋值问题Object.assign()

js中的把对象直接赋给对个变量其实赋值其引用，多个变量间指向的都是同一个内存，所以改变其中一个都会影响到其他变量。如何把对象赋值给多个变量且之间不产生关联？查看了网上的方法主要有两种：使用 Object.assign() 进行复制。但是要注意 Object.assign() 只是让对象里第一层的数据没有了关联性，对象内的对象则跟被复制的对象有着关联性的。也就是说此方法并没有对整个对象进行深...

2019-08-22 10:11:20 7291

原创 vue elementUI上传组件用FormData格式实现多文件一次上传，并显示上传进度条

需求使用elementUI的上传组件，并以FormData格式上传多文件显示上传进度FormData使用element的上传组件做多文件上传时，你会发现其实element是对文件列表做了一个遍历，然后挨个上传，这不符合需求，我想要多个文件只发一次请求。所以想到可以用FormData解决我的实现思路是把组件的 http-request 属性设为自己的方法 addFileToFormDa...

2019-08-15 11:33:27 8423 17

原创 vue的执行过程都发生了什么

前言vue执行过程内部都发生了什么，什么是模板解析，为什么能做到响应式更新视图？以下为大家介绍下一个vue项目执行的一个大致流程。（这里讲的是一个大致流程，vue真实的实现比这里说的复杂多，但本文主要是为你介绍大致的实现思路，加深你对vue的理解）首先我们来看下这个流程的总体步骤：然后我们根据这四个步骤来一一介绍一、模板解析为 render 函数首先，什么是模板？模板就是那些h...

2019-06-01 14:59:19 1189 1

原创经典布局题-左边固定右边自适应的几种做法和解释

实现一个左右布局，左边固定宽度200px，右边实现宽度自适应的两列布局下面分享下我的几种做法以及解释首先我们先通用的布局样式：<div> <div class="fixed">固定200px</div> <div class="auto">自动充满</div></div>来个默认样式：.f...

2019-05-25 16:41:24 6507

原创 BFC是什么？有什么用？

什么是BFC（Block Formatting Context ）定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。可以理解为BFC是一个块独立的作用域，它有些自己的特性那如何产生...

2019-05-25 15:45:36 19663 2

原创分享一些前端优化方法

前端优化大都是从一些细节处理入手，细节处理好了，你的页面才能溜的一批！下面分享一些优化细节正文把 script 放到body的最后浏览器渲染页面html文件是从上往下的，过程中遇到script标签时会去加载script内容并阻塞页面渲染。如果script放在前面的话，会给用户造成一种页面加载缓慢的感觉，所以script一般会放在body的最后加载css的link标签一般放在head中...

2019-05-17 17:19:12 503

原创 git的基本使用流程演示

以coding为例，演示如何使用git首先理解下整个流程，如图一，将本地代码上传到远程仓库1.（电脑里得先下载git）登录coding，新建一个仓库，点击代码浏览可以看到2.在本地新建一个文件夹，作为项目根目录，再此启动 Git Bash ，进入目录，并输入 git init初始化一个本地git仓库3.将本地仓库和我们在coding上创建的远程仓库对接起来，输入git re...

2019-05-14 18:44:53 40209 13

原创 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 5818

原创 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 2322 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 345

原创前端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 23346 15

原创 css中几个常用居中方法

1.拔河效应水平居中：设置居中元素的left，right都为0，然后加一个margin：auto;即可。举个栗子：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&

2018-10-10 00:19:54 381

吕大瓜的博客