lulu_678的博客

原创 css3中calc在less编译时被计算的

今天发了一个很奇怪的问题，记得之前的calc函数，可以正常计算，但这次为何不正常了呢？像下图这样写就正常了，原因是？是由于less的计算方式跟calc方法有重叠，两者在一起有冲突，于是，我在Less中把calc的写法改写成下面这样，就解析正常了。可以参考这篇文章：https://blog.csdn.net/playboyanta123/article/details/50408335...

原创 js中禁止拖动时选中文字的兼容方式

window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

原创 animate.css基本用法

官网：https://daneden.github.io/animate.css/各种微动画的效果图都可以查看哦。1. 安装Install via npm:npm install animate.css --save / npm install animate.css --save2. 用法2.1 在项目入口引入插件包2.2 根据情况在某个元素上加类名加元素加类名clas...

原创 ios margin失效

https://blog.csdn.net/weixin_34380781/article/details/88677837

原创 使用git提交时报错：error: RPC failed; HTTP 413 curl 22 The requested URL returned error: 413 Request Entity

上述问题在于用http提交有上传大小限制，修改上传大小限制使用 git config --global http.postBuffer 52428800 后依然报错；改为了ssh提交就好了 (git remote -v查询git的提交地址)1. 查看当前git的提交地址2.查看当前提交方式及提交地址一般github提交两种方式：http、ssh3.切换成ssh方式4. 直接提...

原创 单页应用SPA、多页应用MPA

SPA单页应用第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理是：JS会感知到url的变化，通过这一点，可以用js动态的将当前页面的内容清除掉，然后将下一个页面的内容挂载到当前页面上，这个时候的路由不是后端来做了，而是前端来做，判断页面到底是显示哪个组件，清除不需要的，显示需要的组件。这种过程就...

原创 路径跳转

原创 解决自定义路由不能按住ctrl键跳转的问题

我们都知道现在前端技术越来越强大，利用webpack打包各种资源，其中webpack中有一个> ‘@’: path.resolve(__dirname, ‘./src’)

原创 css3伪类选择器

.right { .linellae::after { width: 1px; height: 18px; margin: 0 33px; content: ""; display: inline-block; background-color: @theme-color-blue; vertical...

原创 oss对象存储

oss视频上传import React from 'react';import { CForm } from 'cantd';import { Steps, Icon, Form, Input, Button, Checkbox, Upload, message, Row, Col, InputNumber,} from 'antd';impo...

原创 Immutable的初步理解

在传统的页面中，原始状态是不可控制的，主要是因为地址引用造成的。一般最典型的就是浅复制，这会在开发中给程序员造成不必要的麻烦。而immutable.js实现的原理：让数据持久化（Persistent Data Structure），数据一旦创建就不能变化。它提供了一些自己的API，可去官网查看，这篇博客把API写的很详细，可进行参考，原文地址...

原创 typeof与instanceof区别

js是一个弱类型的语言，所以一般想知道当前变量是哪一种类型必须判断类型，都知道判断类型的两种方式：typeof、 instanceof它们各有缺点：typeof适用于基础数据类型判断，引用类型判断都是object。 instanceof 针对实例对象是否属于该对象，但严重存在原型继承，所以判断最好在两个对象之间typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型...

原创 深入理解浅拷贝与深拷贝

浅拷贝与深拷贝这是很多人都会混淆的概念，包括我自己。写这篇博客的目的：一、让自己能对浅拷贝与深拷贝有一个统一的认识；二、及时分享，让更多的人能够深入认识前提最近接触到immutable.js，看了一些文章，发现immutable.js解决的问题：让数据持久化(Persistent Data Structure)。如何让数据保持不变呢，我们值得沉思。。。传统的让数据持久化方法扩展...

原创 搭建php环境，运行第一个hello php

PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTM...

原创 react中使用className引入多个类样式

今天在写代码的时候，发现一个问题：在一个标签里面已经有一个样式类，然后我还要添加一个样式类（此样式类是根据逻辑代码判断的）首先来看下此需求：一般给标签加样式类都是通过className设置属性<div className='steps-action'> </div>如果有多个属性值，则可以像下面这样，注意：多个样式类之间需要用空格隔开<div...

原创 React vertual dom实现源码

最近一直在研究react 虚拟dom、diff 算法。发现其实虚拟dom也没有想象中那么难，只要抓住几个要点，掌握它的实现流程、原理，那么用代码来实现就简单多了。以下全为个人见解，有遗漏或不正确的希望友友们及时指出创建虚拟dom树将虚拟dom树转成真实dom树将新产生的虚拟dom树与上一次的虚拟dom树进行比较，产生patch补丁包将补丁包更新到真实dom树渲染到页面首先再...

原创 React之jsx语法原理解析

React是用于构建用户界面的 JavaScript 库，相当于MVC里面的V(view)，但又不完全是view。组件化是它的一个显著特点，而jsx是一种对javascript的扩展。jsx用的频率很高，但搞懂它的运作原理估计很少人去探索，那么今天就来一起探索一下，为什么要有这种语法，它是经过怎么样的转化变成页面的元素的。什么是jsx?本质上来讲，JSX 只是为 React.createEle...

原创 浏览器性能优化（2）React 虚拟 dom与diff算法

随着前端技术快速发展，现在的mvvm框架在前端行业发展算是很牛逼了，那么对浏览器的性能到底影响多大？与传统的jq相比做了哪些优化呢？查阅相关资料，对vertual dom有了初步的了解先来看下React vertual dom的原理简单来说，当虚拟dom构建完成后，会把原来的资源与现在重新构建的资源进行比较，比较后的结果会利用diff算法进行处理（怎么处理的原理，后文代码详解），而最终渲...

原创 浏览器性能优化（1）

你有遇到过浏览器很慢、很卡顿的情况吗？在一个简单的网页中，会占用大量的cpu、内存，页面的动画效果也不流畅，这时候你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个前端开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？说到这里，先来看看网页生成过程网页生成过程一般分为5个过程：HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object ...

原创 浏览器性能优化-原生js遍历DOM操作原理

最近有对浏览器性能优化进行一些了解，在此记录一下。性能优化一直都是前端的重点，从最开始的原生JS操作，到现在react vertual dom，因此本文将从最开始的阶段来讲解这一发展过程。先看一下原生js dom的操作后续内容请查看下一篇...

原创 webstorm自定义模板，更改模板，新建模板

自定义模板1.file–>Settings–>Live Templates2. 点击右上角 +，选择1（单个模板），2（模板组）,这里选择13，创建模板，4.选择模板支持的语言5.输入ReactComponent直接回车，模板就出来了更改已有模板参考默认的一些模板变量创建新模板(vue)模板代码：<!-- @author: lu...

原创 在github上免费搭建静态网站服务

对于静态的项目可以免费部署到github上，这样不论是自己还是别人访问都比较方便，且免费。但如果涉及到性能比较高、有数据库存储的需求就不推荐。在Github上免费部署静态网站的简单的操作步骤如下：1. 安装git2. 配置SSH密钥（方便代码提交）在git-bash中输入命令，类似如下：ssh-keygen -t rsa -C “您的邮箱”。当看到Enter passphrase时，...