- 博客(27)
- 收藏
- 关注
RSS订阅原创 react refs
refs使用场景Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。设置refscreateRefref回调函数ref字符串useRefforwardRef useImperativeHandlerefs传递
2022-03-05 23:00:53
434
1
原创 electron打包填坑
2.app.commandLine.appendSwitch(‘ignore-certificate-errors’) //忽略证书的检测。引入fix-path ，这里指定了3.0.0版本，最新版本不支持require导入。1.打包后不能执行‘npm run build’ 因为环境变量不对。3.window-name不能有中文。
2021-11-11 15:31:34
816
转载 babel8.X填坑【转载】
转载原地址话说在前端这一块有一件让人非常匪夷所思的事情，就是包括webpack，包括几乎所有常用的前端模块（包），只要有大版本的更新，必然跟之前的版本大变脸，连api都给你变了，于是出现各种坑，真不知道为什么要这么设计。要知道在服务端的技术里，不管是Java还是.NET，技术都是有极好的延续性的，不可能说版本一更新，之前的api都变了，以前写的程序就各种报错，不能运行。新版本往往只是在旧版本的基础上添加一些东西，而不是颠覆。好了，吐槽完毕，归入正题。今天要记录的是babel 8.X版本，以及相关包的用
2021-11-10 13:34:00
219
原创 css盒模型
基本概念：盒模型：包括元素内容content、内边距padding、边框border、外边距margin标准盒模型、IE盒模型标准盒模型：元素宽度width = content，高度计算相同IE盒模型：元素宽度width = content+padding+border，高度计算相同css如何设置获取这两种模型的宽和高通过css3新增的属性 box-sizing: content-box | border-box分别设置盒模型为标准模型（content-box）和IE模型（border-b
2021-07-28 11:37:01
76
原创 react-基础扫盲
1.为什么代码中没有用到React，还要引入React？import React, { Component } from ’ react’; 因为jsx最终会转移成依赖React的表达式
2021-07-21 14:38:58
51
原创 进阶二-模块化开发
一、模块化演变过程1.文件划分方式每个文件就是一个模块，通过script标签引入文件模块缺点：污染全局作用域；命名冲突；无法管理模块依赖关系2.命名空间方式每个模块包裹为一个对象3、IIFE提供私有空间二、模块化规范的出现1.commonjs规范：启动时加载模块，同步模式加载模块一个文件就是一个模块；每个模块都有单独的作用域；通过module.exports导出成员；通过require函数载入模块2.AMD ：requirejs3.ES Modules基本特性：导出
2021-07-21 14:30:57
94
原创 qiankun
介绍微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的基数手段及方法策略。旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Frontend Monolith)后，随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。核心价值：技术栈无关独立开发、独立部署增量升级独立运行时qiankun设计理念：简单：类似JQuery的库，只需要调用几个API即可完成微前端改造。解耦/技术栈无关
2021-07-21 14:22:33
227
1
原创 事件循环机制
前言JavaScript是一门单线程的非阻塞的脚本语言。单线程：JavaScript代码在执行时，都只有一个主线程来处理所有的任务单线程why？JavaScript最早设计初衷：运行在浏览器端的脚本语言，为了实现页面上的动态交互，实现页面交互的核心就是操作dom，假如是多线程模式就会出现线程同步问题：多个线程一起工作，一个修改dom,一个删除dom,浏览器不知道先执行哪一个， 避免这种线程同步问题，JavaScript只能是单线程。优点：安全 简单缺点：耗时任务可能造成假死现象于是JavaS
2021-07-21 10:27:25
299
2
原创 npm发包
发包流程首先到npm网站注册账号，并验证自己的邮箱切换npm镜像到npm官网的镜像，如果使用了淘宝镜像则会影响后面的登录，npm config set registryhttps://registry.npmjs.org登录npm账号，npm login，输入账号、密码和邮箱发布到npm，npm publish注意事项发包之前，先去npm官网搜索一下你的包名是否被占用，或者通过命令查看 ：npm view 你的包名，如果报错说明包名不存在，可以使用每次npm publish之前要修改一下pac
2021-07-13 13:50:04
160
原创 TypeScript
强类型与弱类型类型安全：强类型语言：语言层面限制函数的实参类型必须与形参类型相同，不允许任意隐式类型转换弱类型语言：语言层面不会限制实参类型，允许任意的隐式类型转换静态类型与动态类型类型检查：静态类型语言：一个变量在声明时类型就是明确的，声明过后类型不允许再修改动态类型语言：在运行阶段才能明确类型，并且可以修改JavaScript自有类型系统的问题1.弱类型的问题const obj = {}setTimeout(()=>{ obj.foo();//运行阶段才发现异常},
2021-02-19 15:22:52
46
原创 进阶一Promise源码
1.核心实现let promise = new Promise((resolve,reject) => { resolve('ok'); reject('err')})promise.then( (value) => {console.log(value);}, (err) => {console.log(err);})根据Promise的使用方法得到一些信息：①Promise就是一个类 在执行这个类的时候 需要传递一个回调函数进去 称之为执行器，执行器会立即执行
2021-01-31 21:45:10
462
2
原创 BFC的理解
2021/1/251.谈谈对BFC的理解三种定位方式：普通文档流：在普通流中，元素按照其在HTML中的先后位置自上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也就是说普通流中元素的位置由该元素在HTML文档中的位置决定浮动：在浮动定位中，元素首先按照普通流的位置出现，然后根据浮动的方向尽可能的向左边或右边偏移，其效果与印刷排版中的文本环绕相似。绝对定位：在绝对定位中，元素会整体脱离普通流，
2021-01-26 10:04:17
57
原创 js类型转换
NaNi???一、显性类型转换强制类型转换主要是指通过String、Number和Boolean等构造方法手动转换成对应的字符串、数字和布尔值。1.1 转为字符串1.1.1 原始类型转字符串原始类型字符串string ：‘str’“str”number : 123“123”Boolean“true”/“false”null“null”undefined“undefined”1.1.2 对象转字符串1、如果对象有toString.
2021-01-21 15:25:49
250
3
转载 关于数组你必须知道
一、创建数组1.使用数组字面量表示法var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项数据为20的数组var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组2.使用 Array 构造函数无参构造var arr1 = new Array(); //创建一个空数组带参构造如果只传一个数值参数，则表示创建一个初始长度为指定数值的空数组var arr2 = new Array
2021-01-21 15:00:50
164
转载 polyfill啥意思??
腻子脚本（polyfill）指的是一段JavaScript代码，能够赋予浏览器未曾有过的功能。目前，几乎所有CSS3和HTML5功能都有各自对应的腻子脚本，包括视频回放和阴影，从而让那些老得走不动道儿的“老家伙”们也能闪现青春的光芒。...
2021-01-07 10:09:55
540
原创 rn极光推送及跳转页面
前期准备1.注册登录极光网站并创建应用2.创建完应用会得到一个appkey（后续配置会用到）3.进入自己的项目根目录安装npm install jpush-react-native --savenpm install jcore-react-native --save并连接到原生库react-native link jpush-react-nativereact-native link jcore-react-native配置一、Android配置1.项目名\android\ap
2020-07-21 15:33:54
617
转载 rn页面切换动画
上下切换 transitionConfig: () => ({ transitionSpec: { duration: 300, easing: Easing.out(Easing.poly(4)), timing: Animated.timing, }, screenInterpolator: sceneProps => {
2020-06-23 16:28:31
755
原创 调研rn能用的日历/日期选择器
①rn中根本不能用antd-mobile,亲测不能用！不知道https://www.jianshu.com/p/29e5f259cc9d 写这篇文章的人用了什么特异功能②antd-mobile-rn 里没有日历，只有日期选择器，但是只能在页面中使用，不能再组件中使用，在组件中显示不全，可能因为是从底部弹出来吧③react-native-calendar 日历样式非常不错，但是在安卓中出现选不中...
2020-02-19 21:05:30
1002
原创 koa实现图片转码、上传服务器
const Koa = require('koa');const app = new Koa();const cache = require('koa-static');const router =require('koa-router')();const path = require('path') // 原生path模块var bodyParser = require('koa-...
2019-12-23 17:27:50
603
原创 面试必考-继承
首先要知道：new 一个对象的过程：1.创建了一个对象2.将this指向这个对象3.执行构造函数4.返回这个对象当访问一个对象的一个属性时：在这个对象本身上找，找到就返回，找不到就去这个对象的__proto__属性指向的那个对象上找（也就是prototype对象）function Person(){ }Person.prototype.name="xingming";P...
2019-12-19 17:01:27
94
原创 基础到高级系统学习git带图解
基础篇1.git commit //提交到本地仓库2.git branch fenzhi //创建一个叫fenzhi的分支3.git checkout fenzhi //切换到fenzhi这个分支4.二三可以合并一条命令：git check -b fenzhi5.①git merge fenzhi1 //将fenzhi1合并到当前分支②git rebase fenzhi1 //将当前...
2019-12-05 21:04:53
183
原创 将canvas保存图片到本地
<canvas id="canvas" width="400" height="400"></canvas><div> <button id="save">保存</button></div>js:document.getElementById("save").onclick = function (){ ...
2019-11-27 10:00:37
438
原创 webpack基本用法
代码在D:\test\practice一、什么是webpack:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。二、基本概念：1.mode模式：development,production2.入口entry：指示webpack应该使用哪个模块来作为构建其内部依赖图的开始3.出口output：在哪里输出她所创建的bundles，...
2019-11-25 17:13:04
97
原创 javascript高级程序设计4
前言：JavaScript是一种非常松散的面向对象语言，一种全新的动态语言，致力于增强网站和web应用程序的交互性。JavaScript历史回顾：最早用来处理以前由服务器端语言负责的一些输入验证操作；JavaScript是一种专为与网页交互而设计的脚本语言；一个完整的JavaScript组成：核心（ECMAScript，提供核心语言功能）、文档对象模型（DOM提供访问和操作网页内容的方法和...
2019-03-21 10:52:33
264
原创 深入理解JavaScript重难点
1.语句是“做事情”；var x;if(y>=0){ x=y;}else{ x=-y;}表达式是产生值；var x = y>=0 ? y : -y;2.原始值：Number、String、Boolean、Undefined、Null(1)原始值按值比较：'abc'==='abc'; //true (2)原始值的属性不能被改变、添加或移除：var str...
2019-03-21 09:48:16
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人