- 博客(22)
- 收藏
- 关注
原创 css3中calc在less编译时被计算的
今天发了一个很奇怪的问题,记得之前的calc函数,可以正常计算,但这次为何不正常了呢?像下图这样写就正常了,原因是?是由于less的计算方式跟calc方法有重叠,两者在一起有冲突,于是,我在Less中把calc的写法改写成下面这样,就解析正常了。可以参考这篇文章:https://blog.csdn.net/playboyanta123/article/details/50408335...
2020-04-20 10:09:29
229
原创 js中禁止拖动时选中文字的兼容方式
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
2020-02-27 09:59:27
943
原创 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...
2019-08-27 15:57:53
385
1
原创 ios margin失效
https://blog.csdn.net/weixin_34380781/article/details/88677837
2019-08-09 16:10:39
241
原创 使用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. 直接提...
2019-07-30 17:50:59
12645
1
原创 单页应用SPA、多页应用MPA
SPA单页应用第一次进入页面的时候会请求一个html文件,刷新清除一下。切换到其他组件,此时路径也相应变化,但是并没有新的html文件请求,页面内容也变化了。原理是:JS会感知到url的变化,通过这一点,可以用js动态的将当前页面的内容清除掉,然后将下一个页面的内容挂载到当前页面上,这个时候的路由不是后端来做了,而是前端来做,判断页面到底是显示哪个组件,清除不需要的,显示需要的组件。这种过程就...
2019-07-17 10:24:44
242
原创 解决自定义路由不能按住ctrl键跳转的问题
我们都知道现在前端技术越来越强大,利用webpack打包各种资源,其中webpack中有一个> ‘@’: path.resolve(__dirname, ‘./src’)
2019-06-27 16:33:36
1100
原创 css3伪类选择器
.right { .linellae::after { width: 1px; height: 18px; margin: 0 33px; content: ""; display: inline-block; background-color: @theme-color-blue; vertical...
2019-06-25 17:34:05
112
原创 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...
2019-04-25 16:52:15
726
原创 Immutable的初步理解
在传统的页面中,原始状态是不可控制的,主要是因为地址引用造成的。一般最典型的就是浅复制,这会在开发中给程序员造成不必要的麻烦。而immutable.js实现的原理:让数据持久化(Persistent Data Structure),数据一旦创建就不能变化。它提供了一些自己的API,可去官网查看,这篇博客把API写的很详细,可进行参考,原文地址...
2019-03-20 17:49:21
235
原创 typeof与instanceof区别
js是一个弱类型的语言,所以一般想知道当前变量是哪一种类型必须判断类型,都知道判断类型的两种方式:typeof、 instanceof它们各有缺点:typeof适用于基础数据类型判断,引用类型判断都是object。 instanceof 针对实例对象是否属于该对象,但严重存在原型继承,所以判断最好在两个对象之间typeoftypeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型...
2019-03-19 18:10:04
4415
3
原创 深入理解浅拷贝与深拷贝
浅拷贝与深拷贝这是很多人都会混淆的概念,包括我自己。写这篇博客的目的:一、让自己能对浅拷贝与深拷贝有一个统一的认识;二、及时分享,让更多的人能够深入认识前提最近接触到immutable.js,看了一些文章,发现immutable.js解决的问题:让数据持久化(Persistent Data Structure)。如何让数据保持不变呢,我们值得沉思。。。传统的让数据持久化方法扩展...
2019-03-19 12:30:25
292
原创 搭建php环境,运行第一个hello php
PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTM...
2019-03-14 14:22:54
813
原创 react中使用className引入多个类样式
今天在写代码的时候,发现一个问题:在一个标签里面已经有一个样式类,然后我还要添加一个样式类(此样式类是根据逻辑代码判断的)首先来看下此需求:一般给标签加样式类都是通过className设置属性<div className='steps-action'> </div>如果有多个属性值,则可以像下面这样,注意:多个样式类之间需要用空格隔开<div...
2019-03-13 12:32:18
23861
原创 React vertual dom实现源码
最近一直在研究react 虚拟dom、diff 算法。发现其实虚拟dom也没有想象中那么难,只要抓住几个要点,掌握它的实现流程、原理,那么用代码来实现就简单多了。以下全为个人见解,有遗漏或不正确的希望友友们及时指出创建虚拟dom树将虚拟dom树转成真实dom树将新产生的虚拟dom树与上一次的虚拟dom树进行比较,产生patch补丁包将补丁包更新到真实dom树渲染到页面首先再...
2019-03-12 17:05:00
338
原创 React之jsx语法原理解析
React是用于构建用户界面的 JavaScript 库,相当于MVC里面的V(view),但又不完全是view。组件化是它的一个显著特点,而jsx是一种对javascript的扩展。jsx用的频率很高,但搞懂它的运作原理估计很少人去探索,那么今天就来一起探索一下,为什么要有这种语法,它是经过怎么样的转化变成页面的元素的。什么是jsx?本质上来讲,JSX 只是为 React.createEle...
2019-03-10 19:36:41
1897
原创 浏览器性能优化(2)React 虚拟 dom与diff算法
随着前端技术快速发展,现在的mvvm框架在前端行业发展算是很牛逼了,那么对浏览器的性能到底影响多大?与传统的jq相比做了哪些优化呢?查阅相关资料,对vertual dom有了初步的了解先来看下React vertual dom的原理简单来说,当虚拟dom构建完成后,会把原来的资源与现在重新构建的资源进行比较,比较后的结果会利用diff算法进行处理(怎么处理的原理,后文代码详解),而最终渲...
2019-03-06 18:56:01
707
原创 浏览器性能优化(1)
你有遇到过浏览器很慢、很卡顿的情况吗?在一个简单的网页中,会占用大量的cpu、内存,页面的动画效果也不流畅,这时候你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个前端开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢?说到这里,先来看看网页生成过程网页生成过程一般分为5个过程:HTML代码转化成DOMCSS代码转化成CSSOM(CSS Object ...
2019-03-06 18:13:39
1015
原创 浏览器性能优化-原生js遍历DOM操作原理
最近有对浏览器性能优化进行一些了解,在此记录一下。性能优化一直都是前端的重点,从最开始的原生JS操作,到现在react vertual dom,因此本文将从最开始的阶段来讲解这一发展过程。先看一下原生js dom的操作后续内容请查看下一篇...
2019-03-06 17:24:29
556
原创 webstorm自定义模板,更改模板,新建模板
自定义模板1.file–>Settings–>Live Templates2. 点击右上角 +,选择1(单个模板),2(模板组),这里选择13,创建模板,4.选择模板支持的语言5.输入ReactComponent直接回车,模板就出来了更改已有模板参考默认的一些模板变量创建新模板(vue)模板代码:<!-- @author: lu...
2019-03-04 12:26:19
4631
原创 在github上免费搭建静态网站服务
对于静态的项目可以免费部署到github上,这样不论是自己还是别人访问都比较方便,且免费。但如果涉及到性能比较高、有数据库存储的需求就不推荐。在Github上免费部署静态网站的简单的操作步骤如下:1. 安装git2. 配置SSH密钥(方便代码提交)在git-bash中输入命令,类似如下:ssh-keygen -t rsa -C “您的邮箱”。当看到Enter passphrase时,...
2019-02-28 16:57:30
1292
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人