- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 VScode cssrem/px to rem插件使用 详细教程
VScode cssrem插件使用 详细教程1. 下载插件打开扩展，搜索cssrem如图：点击安装image.png2. 重新加载下载安装完成重新加载一遍，使插件生效image.png3. 设置根字体点击VScode左下方图标，选中设置image.pngimage.png往下滑到cssrem,三个选项随你改...
2019-11-29 17:05:05
4901
转载 px值转rem值的Sublime Text 3自动完成插件
一个CSS的px值转rem值的Sublime Text 3自动完成插件。插件效果如下：安装克隆项目 https://github.com/hyb628/cssrem.git 进入packages目录：Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里。 重...
2019-11-29 16:39:18
102
原创 移动端Rem布局--雪碧图css sprite
为什么使用雪碧图[摘要]CSS Sprites又称css精灵或者谐音css雪碧，是一种网页图片应用处理方式，今天为大家分享一个一键生成css雪碧图片的工具，复杂的事情简单化，提高开发效率。CSS Sprites又称css精灵或者谐音css雪碧，是一种网页图片应用处理方式。将一个页面内所需要显示的图片全部整合到一张大图中，并使用css属性background进行调用。这样的话，当页面渲染...
2019-11-29 10:52:33
793
原创 小程序--(极光)推送
鉴权开发者在执行初始化的时候，需要传入 auth_payload。 该数据结构由开发者服务端生成并传回浏览器，用于开发者授权此浏览器运行的 JMessage 初始化。开发者需确保能调用获取到此数据的皆为合法用户。auth_payload的数据结构如下:{ "appkey": "7e42e869baa2fbca8ccb823c", "random_str": "022c...
2019-11-28 14:21:01
3133
原创 JS继承的几种方式
1.原型继承核心：将父类的实例作为子类的原型(并不是把父类中的属性和方法克隆一份一模一样的给子类，而是让子类父类之间增加了原型链接)特点：父类中私有的和公有的都继承到了子类原型上(子类公有的)function Son(){}Son.prototype = new Father() // 相当于重写了Son的原型Son.prototype.constructor = Son; /...
2019-11-26 11:45:58
73
转载 理解js继承的6种方式
想要继承，就必须要提供个父类（继承谁，提供继承的属性） 一、原型链继承 重点：让新实例的原型等于父类的实例。 特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！） 缺点：1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都...
2019-11-26 11:07:13
71
原创 js单例模式
单例要求一个类有且只有一个实例最简单的单例 var singleton = { attr : 1, method : function(){ return this.attr; } } var t1 = singleton ; var t2 = singleton ; t1 === t2 。构造函数内部判断v...
2019-11-25 17:19:41
92
原创 在js中有3中声明全局变量的方式
第一种使用var+变量名，在方法外部声明：var msg; //默认值undefined$(function(){ setmsg(); showmsg();})function setmsg(){ msg = "hello world";}function showmsg(){ alert(msg);}第二种方式在方法内部声明，但是不使用...
2019-11-25 15:36:46
125
转载 开发用到的js封装方法（20种）
1、判断是否是一个数组 1 2 3 4 5 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } isArray([1,2,3]) //true 2、判断是...
2019-11-25 09:42:50
103
原创 JS面向对象编程之封装
我们所熟知的面向对象语言如 C++、Java 都有类的的概念，类是实例的类型模板，比如Student表示学生这种类型，而不表示任何具体的某个学生，而实例就是根据这个类型创建的一个具体的对象，比如zhangsan、lisi，由类生成对象体现了抽象模板到具体化的过程，这叫做基于类的面向对象方式，而 JavaScript 没有类的概念，是基于原型的面向对象方式（虽然 Es6 增加了class，实质是对...
2019-11-21 17:39:13
124
原创 css布局 - 九宫格布局的方法汇总
方法一 column：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body { height: 100%; wi...
2019-11-20 15:14:49
398
转载 React高级-PropTypes校验传递值
PropTypes的简单应用我们在Xiaojiejie.js组件里传递了4个值，有字符串，有数字，有方法，这些都是可以使用PropTypes限制的。在使用需要先引入PropTypes。import PropTypes from 'prop-types'引入后，就可以在组件的下方进行引用了，需要注意的是子组件的最下面（不是类里边），写入下面的代码：XiaojiejieItem....
2019-11-20 11:25:47
309
原创 Fragment标签讲解
加上最外层的DIV，组件就是完全正常的，但是你的布局就偏不需要这个最外层的标签怎么办?比如我们在作Flex布局的时候,外层还真的不能有包裹元素。这种矛盾其实React16已经有所考虑了，为我们准备了<Fragment>标签。要想使用<Fragment>，需要先进行引入。import React,{Component,Fragment } from 'react'...
2019-11-20 10:11:20
1339
原创 软件测试面试题及答案【史上最全】
以下是软件测试相关的面试题及答案，欢迎大家参考! 1、你的测试职业发展是什么? 测试经验越多，测试能力越高。所以我的职业发展是需要时间积累的，一步步向着高级测试工程师奔去。而且我也有初步的职业规划，前3年积累测试经验，按如何做好测试工程师的要点去要求自己，不断更新自己改正自己，做好测试任务。 2、你认为测试人员需要具备哪些素质 做测试应该要有一定的协调能力，因为测试人员经常要与开...
2019-11-19 09:25:43
1309
转载 React项目如何打包发布及遇到的坑
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在p...
2019-11-18 17:27:43
786
原创 angular -filter过滤器金额处理加小数点后两位
function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); va...
2019-11-18 11:42:59
550
原创 浏览器-安装 react-devtools
说在前面：这个插件的安装教程网上能找到不少，我就想问一句：你们自己写的教程，你们照着教程能安装成功吗，你们安装过吗，对你们无fuck说，坑！开始干货：React Dev Tools现在的版本支持chrome和Firefox，但目前对Firefox的支持仍不是很好，建议用chrome，那么问题来了，Google被墙了，普通方法安装已经行不通了，需要先从GitHub上下载源码包进行编译安装。...
2019-11-18 10:58:26
714
原创 react 性能优化注意事项
工具：React 16或更新版本 只需在url后边加 ?react_perf后performance一栏中会添加 User Timing devtool分析 state、props 、组件树、redux store数据； profiler工具能分析具体函数； Timeline工具跟 User Timing大同小异；优化点：父组件更新默认触发所有子...
2019-11-14 14:55:17
89
转载 React中this值绑定和事件函数传参
Javascript中的this值总是能让很多初学者感到困惑，总的来说this值就是指向调用函数的那个对象。但是call,apply,bind方法和ES6中箭头函数让this值还是要具体情况具体分析，不过这块知识点并不是很难，对应的博客也很多，花点时间就能掌握。接下来主要介绍React中this值绑定和事件函数传参。React中this值绑定React中也有this值的绑定问题，接下来...
2019-11-14 11:26:39
467
原创 React组件性能优化总结
性能优化的思路影响网页性能最大的因素是浏览器的重排(repaint)和重绘(reflow)。React的Virtual DOM就是尽可能地减少浏览器的重排和重绘。从React渲染过程来看，如何防止不必要的渲染是解决问题的关键。性能优化的具体办法1. 尽量多使用无状态函数构建组件无状态组件只有props和context两个参数。它不存在state，没有生命周期方法，组件本身即...
2019-11-13 10:45:23
158
原创 React 数据为什么要使用immutable方式(PureRenderMixin封装)？
深复制与浅复制let obj = { a: 1, arr: [1, 2]};let obj1 = obj; //浅复制obj1.a = 2console.log(obj) // { a:2, arr: [1,2] };//同样的方式let obj = { a: 1, arr: [1, 2]};let obj2 = deepCopy(obj); //深复制obj2.a = 2cons...
2019-11-12 14:34:20
223
转载 react-custom-scrollbars样式
首先npm i react-custom-scrollbars安装所需模块import ScrollView from 'react-custom-scrollbars';把需要滚动加载的部分放到ScrollView中<ScrollView onScroll={this.onScroll}> 。。。</ScrollView>onScroll ...
2019-11-12 09:28:42
4065
原创 react使用Immutable实战
1. 与 React 搭配使用，Pure Render熟悉 React 的都知道，React 做性能优化时有一个避免重复渲染的大招，就是使用 `shouldComponentUpdate()`，但它默认返回 `true`，即始终会执行 `render()` 方法，然后做 Virtual DOM 比较，并得出是否需要做真实 DOM 更新，这里往往会带来很多无必要的渲染并成为性能瓶颈。当然我们...
2019-11-11 16:54:23
685
转载 Vue（MVVM）、React(MVVM)、Angular(MVC)对比
前言昨天阿里内推电面一面，面试官了解到项目中用过Vue，就问为什么前端框架使用Vue而不适用其他的框架，当时就懵了。因为只用过Vue，不了解其他两个框架，今天就赶紧去了解一下他们之间的区别。大家发现如果本文中哪个地方不对，欢迎来访。React与Vue对比相似点： 使用 Virtual DOM 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 ...
2019-11-11 16:26:50
156
原创 React怎么绑定键盘事件
方法1，直接绑定在原生事件上，这个一般是用来捕捉编辑的时候的事件，用的不多<textarea onKeyDown={e=> console.log( e.keyCode ) } />方法2，通过声明周期直接绑定到document的事件上，这个方式一般用来做快捷键比较多export class KeyBind extends React.Component { ...
2019-11-11 10:51:29
1511
原创 什么时候create-react-app会混淆或缩小代码？
React在构建期间缩小代码并生成源映射。JS最终被认为是缩小产品的副产品，而不是因为保密。这样，最终用户能够比不缩小脚本更快地加载脚本，并且当您（或他们）打开开发人员工具时，您（以及其他所有人）可以浏览原始代码。如果您build/static/js在构建后查看目录，则有成对.js和.map文件。JS文件随您的网站一起加载，并且.map在打开Developer Tools时按需加载文件。...
2019-11-04 17:39:43
2460
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人