- 博客(114)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2021 年 前端面试——设计模式
1、单例模式定义:是保证一个类只有一个实例,并且提供一个访问它的全局访问点。需求:一些对象我们往往只需要一个,比如线程池、全局缓存、浏览器中的window对象、登录浮窗等。优点:1、可以用来划分命名空间,减少全局变量的数量2、可以被实例化,且实例化一次,再次实例化生成的也是第一个实例class CreateUser{ constructo...
2019-09-24 16:42:42
363
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Js中的Event Loop(事件循环)机制
前言我们都知道,javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的:与浏览器交互。单线程意味着,javascript代码在执行的任何时候,都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务(无法立刻返回结果,需要花一定时间才能返回的任务,如I/O事件)的时候,主线程会挂起(pending)这个任务,然后在异步任务返回...
2019-09-24 14:30:58
220
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端文章推荐
typescriptTypeScript,初次见面,请多指教 可能是你需要的react + typescript 50条规范和经验 一些使用规范 CSScss加载会造成阻塞吗 不可思议的纯 CSS 滚动进度条效果 CSS实现水平垂直居中的1010种方式(史上最全) rem布局解析 布局的下一次革新 彻底搞懂word-break、word-wrap、w...
2019-07-26 09:52:37
1060
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2020年 js面试题
如何获取一个页面的所有节点数function countNodes(node) { // 计算自身 var count = 1; // 判断是否存在子节点 if(node.hasChildNodes()) { // 获取子节点 var cnodes = node.childNodes; for(var i=...
2018-09-11 17:28:47
866
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2021 年js 面试
javascript:JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); ...
2018-05-02 11:14:14
493
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 node 配置 babel 的使用
一、配置文件.babelrc.babelrc 文件存放在项目的根目录下。{ "presets": [], "plugins": []}presets 字段设定转码规则,你可以根据需要安装。$ npm install --save-dev babel-preset-es2015 # react转码规则$ npm install --save-dev babel-preset...
2018-04-26 17:35:17
1100
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vuex 基本语法
随着应用复杂度的增加,我们需要考虑如何进行应用的状态管理,将业务逻辑与界面交互相剥离,详细讨论参考笔者的2016-我的前端之路:工具化与工程化。Vue 为我们提供了方便的组件内状态管理的机制,下面这个例子就是常见的获取列表数据然后渲染到界面中:import axios from 'axios'export default { name: 'projects', data: functio...
2018-04-25 14:05:30
897
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 React 面试题目与分析
调用 setState 之后发生了什么?在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。在 React 得到元素树之后,React 会自动计算出新的树与老树的节点差异,然后根据差异对界面进行最...
2018-04-25 13:02:09
284
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Mac 上 nvm安装
一、用nvm-noinstall.zip安装1.nvm-windows 下载https://github.com/coreybutler/nvm-windows/releases把nvm_noinstall.zip解压到比如c:/dev/nvm 中(其它盘也可以,建议开发有关的安装在C盘);3.右键以管理员的身份运行install.cmd . 直接按回车,在C盘根目录下会生成一个setting,t...
2018-04-11 10:42:26
386
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 样式的层级关系,选择器优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验
1、样式的层级关系:一个是权重,另一个就是共用样式和私用样式了,比如说两个ul,它们的子元素除了背景色之外都一样,那可以直接用li {}来定义相同的公用样式,用 .ul_1 li {} , .ul_2 li {} 来定义不相同的样式。可以根据元素之间的差别来选择用哪种方法。推荐用多层级的方式书写css选择器。2、选择器优先级:(!important>)id选择器>class选择
2017-07-22 15:11:25
8925
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 2017年前端面试题最新汇总
我们开始:「 CSS篇 」1. CSS 盒子模型,绝对定位和相对定位2. 清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法3. 如何保持浮层水平垂直居中4. position 和 display 的取值和各自的意思和用法5. 样式的层级关系,选择器优先级,样式冲突
2017-07-22 15:02:01
880
原创 关于亚马逊销量拉升的打法探讨,爆款打造的讨论,重点在于思路上的梳理
身边的同事朋友都开始陆陆续续的回家过年了,闲来无事,和大家聊聊如何拉升产品销量和打造一个爆款。我个人及团队都是比较开放的,平时也非常喜欢交流分享,我们坚信通过知识和经验的分享,能够让彼此都受益,这是分享初衷。下面进入正题,先说说我们自己常用到的一个比较暴力的打法,抛砖引玉,望各位大佬能够分享交流。一、底层逻辑梳理电商的特点就是头部聚集效应明显,头部的销售数量或者金额占比非常大,尤其是垄断的类目更为明显。我们所有的运营动作,都是为了能把产品链接推到尽可能接近头部的位置,以获得更多的曝光最终得到大...
2022-01-28 09:45:59
922
原创 亚马逊Listing翻新技术原理解析
今天给大家讲一下亚马逊Listing翻新技术原理。【开店必看】你所需要的大部分亚马逊资源和工具,都在这里了!点击查看>>开篇先给大家看一看亚马逊飞轮理论这一张图,要知道飞轮理论可是堪称亚马逊的宪法,也是亚马逊核心中的核心。相信各位卖家朋友们都看过很多遍了,不过不知道大家有没有去做一个深度化的提炼和思考,这个飞轮理论的核心到底是什么?简单来说,飞轮理论的核心就是:亚马逊喜欢新品,希望有不断的新品进入他的平台,另外亚马逊喜欢低价,价格越低性价比越高越受欢迎。这...
2022-01-26 10:25:21
824
原创 GOM文件目录
DBServer 人物账号数据库目录LoginGate 游戏登陆网关目录LoginSrv 人物账号目录LogServer 游戏日志目录Mir200 游戏文件目录Mud2 传奇数据怪物、物品数据、技能等RunGate 游戏网关SelGate 游戏角色网关Share 无Mir200\Castle 沙巴克配置Mir200\ConLog 游戏日志Mir200\Envir 脚本目录Mir200\GuildBase 游戏...
2020-12-10 10:56:44
1617
1
原创 GOM引擎
很多人都不是很懂GOM引擎的一些操作,很多GOM引擎的售后80%以上也都是架设问题。那么从今日起,我会不定时的发布一些GOM引擎相关的视频教程,也希望大家多多关注691229307。 GOM引擎架设第一课:单机架设教程1、今天来演示GOM引擎架设配置教程。 首先,我们准备好:GOM版本、补丁、GOM引擎包【注意是商业版】、授权文件key 我们找到key。什么是key? 就是引擎的授权文件。购买授权之后才可以用!...
2020-12-10 10:55:40
4021
原创 mac环境下安装nvm以及环境变量配置
公司给配的mac 有切换多版本node的需求 所以装了个nvm,但是安装的过程中遇到了问题,特此记录安装nvm打开终端 输入命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.2/install.sh | bash复制代码提示成功后nvm安装成功,在终端运行nvm命令,提示nvm:command not found配置nvm环境变量这个时候网上有一个解决方法 在终端中输入命令,但是这种方法有问题...
2020-12-10 10:47:41
4248
转载 如何使用自己电脑搭建一个外网可以访问的服务器
我们平常学习时经常会写一下javaweb程序,我们为了更能逼近现实,就想着自己的javaweb程序发布后,外网的同学能够访问我们的网站,难道我们去买空间,去买域名嘛,其实也没必要,我们只是学习,测试之用,在自己的电脑上搭建一个服务器完全可以满足要求。上次写的一篇博客,PC服务端与Android客户端实现网络通信,就是利用这个原理。我们分为三步走来实现:(我这里用的示例javaweb程序是我自己简单写的一个小程序shop1)1,我们用Tomcat服务器,如果我们的javaweb程序已经...
2020-12-04 16:37:25
11662
原创 postMessage 方法应用
1、子页面向父页面发送消息var parentData = {type: 'passDataBack', data: passData};window.parent.postMessage(parentData, '*');2、父页面向子页面发送消息var data = {type: 'answerResult', data: jsonData.data};$(".courseware_h5 iframe")[0].contentWindow.postMessage(data, '*');3、接
2020-09-21 09:40:51
1767
原创 2020-08-14 js树结构转数组 扁平化 树结构平铺
tree数据扁平化/*** tree数据扁平化* 添加深度* 添加父级节点(不能添加,只能使用父节点ID,添加echart会爆栈)*/flatTree(data, treeMap = [], depth = 0) { if (!(data && data.length)) return; depth++; return data.reduce((acc, cur) => { cur.depth = depth; acc.push(cur); ...
2020-08-14 16:38:05
1152
原创 亚马逊排名的影响因素有哪些?
今天依旧跟大家分享的是关于亚马逊的排名问题,我们之前跟大家分享过,关于亚马逊的很多影响因素和注意事项,还有如何打造爆款listing之类的,今天跟大家分享的是亚马逊的排名的具体知识!那么,亚马逊的搜索排名是非常重要的,就算卖家抢到了一个商品的黄金购物车,但是商品广告在搜索页面上排位非常低,那么即使抢到黄金购物车也没什么作用。那么影响亚马逊排名因素有哪些呢?亚马逊搜索排名因素可以分为三大方面:1.相关性*标题 title标题一定要用准确的关键词、产品的数据一定要正确、一般以品牌名...
2020-08-11 09:09:22
1697
原创 如何提高亚马逊排名?亚马逊排名规则有哪些?
一、亚马逊的两大排名:搜索排名和类目排名排名靠前的一般都是亚马逊自营和选择亚马逊物流配送(FBA)的卖家。凡是使用亚马逊物流的的商品大多数会优先展示,这个跟亚马逊买家购物习惯有关。亚马逊大部分买家习惯使用货到付款功能,而亚马逊一直宣传自己的FBA用户体验,鼓励第三方卖家入仓并使用FBA,所以在搜索排名中亚马逊肯定会支持使用亚马逊物流的商品。(一)影响亚马逊产品搜索排名和类目排名关键指标:销量、好评率及绩效指标, 三者综合成绩越高,搜索排名越靠前。影响亚马逊排名的具体因素_跨境知道ww...
2020-08-11 09:07:30
433
原创 GOM引擎 mirserver服务端各文件夹注解
MirServer(传奇服务端)├LogServer (物品日志)│ ├BaseDir (包含物品日志文件)│ ├LogData.ini(物品日志配置文件)│ └LogDataServer.exe(日志服务端程序)├LoginGate(ID登录接口)│ ├LoginGate.exe(ID登录接口程序)│ ├BlockIPList.txt(IP永久过滤列表)│ └Config.ini...
2020-04-26 10:42:32
4774
原创 我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活…然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网站放...
2019-11-15 09:26:26
1984
原创 收藏 笔试题
题目一:找出数组中最接近指定值的数// 边界值的处理// 变量的命名// API的熟悉程度function findNext(num, arr) { / your code ... / if (!num || Object.prototype.toString.call(num) !== '[object Number]'){ throw new ...
2019-11-07 10:24:59
190
原创 有意思的视觉
人的视觉并不可靠,很容易产生错觉。请看下面的图片。1、下面的水平线都是平行的。不信的话,你可以眯着眼睛看。2、A 栏似乎比 B 栏颜色更淡一些,但其实它们的颜色是一样的。3、下图所有圆圈的颜色也是一样的,不同的只是它们旁边线条的颜色。4、下面像是从不同角度拍摄的同一条道路的两张照片,但实际上是两...
2019-11-04 14:25:43
269
原创 Mobx解决的问题
Mobx解决的问题传统React使用的数据管理库为Redux。Redux要解决的问题是统一数据流,数据流完全可控并可追踪。要实现该目标,便需要进行相关的约束。Redux由此引出了dispatch action reducer等概念,对state的概念进行强约束。然而对于一些项目来说,太过强,便失去了灵活性。Mobx便是来填补此空缺的。这里对Redux和Mobx进行简单的对比:1. Re...
2019-11-04 14:22:30
809
原创 MobX 的三种方式
一.observableimport * as React from 'react';import * as ReactDOM from 'react-dom';import { observable } from 'mobx';import { observer } from 'mobx-react';@observer class Demo extends React.Co...
2019-11-04 14:11:55
325
原创 Observable state(可观察的状态)
核心概念MobX 的核心概念不多。Observable state(可观察的状态)MobX 为现有的数据结构(如对象,数组和类实例)添加了可观察的功能。 通过使用@observable装饰器(ES.Next)来给你的类属性添加注解就可以简单地完成这一切。import { observable } from "mobx";class Todo { id = Ma...
2019-11-04 14:08:52
518
原创 MobX 了解一下
MobXMobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来...
2019-11-04 14:06:47
396
原创 2021年 你要 深入理解浏览器的缓存机制
一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据...
2019-10-16 10:01:22
161
原创 设计模式
单例模式总结:1. 单例模式的核心作用是什么?2. 单例模式的常见应用场景?3. 单例模式的优点?4. 常见的主要的单例模式?5. 单例模式如何实现?6. 懒汉式和饿汉式的区别?工厂模式总结:1. 什么是工厂模式?2. 工厂模式的特点?3. 主要基本原则4. 工厂模式分类5. 工厂模式的应用6. 工厂模式用来解决什么问题。代理模式总结设计模式共有23种,他是一...
2019-10-16 09:36:05
123
原创 egg运行原理
关于eggegg是阿里开源的一个框架,为企业级框架和应用而生,相较于express和koa,有更加严格的目录结构和规范,使得团队可以在基于egg定制化自己的需求或者根据egg封装出适合自己团队业务的更上层框架egg所处的定位天猪曾经在这篇优秀的博文中给出关于egg的定位,如下图:可以看到egg处于的是一个中间层的角色,基于koa,不同于koa以middle...
2019-08-01 09:08:51
1487
原创 2021年 React 高阶组件浅析
最近在一些项目中遇到高阶组件的身影,不是很了解,于是深入钻研了一番,以下权当是学习记录了~Mixin在谈及高阶组件之前,我们先来讲讲它的前身 mixin ~mixin 的作用是:如果多个组件中包含相同的方法(包括普通函数和组件生命周期函数),就可以把这一类函数提取到 mixin 中,然后在需要公共方法的组件中使用 mixin, 就可以避免每个组件都去声明一次,从而达到复用...
2019-07-10 13:52:58
330
1
原创 2021 年 学习Node.js进阶之进程与线程
进程与线程在服务端研发中是一个非常重要的概念,如果您在学习的时候对这一块感到混乱或者不是太理解,可以阅读下本篇内容,本篇在介绍进程和线程的概念之外,列举了很多 Demo 希望能从实战角度帮助您更好的去理解。快速导航进程 线程 Node.js 的线程与进程 Node.js 进程创建 Node.js 多进程架构模型 守护进程编写进程进程(Process)是计算机中的程序关...
2019-06-24 09:45:30
559
原创 react-router 4.0 升级攻略
react-router 4.0 出来好9了,项目在4月份的时候对react-router进行了升级,升级耗费了3天,一个坑一个坑踩了过来。 按照公司项目情况说下升级改了哪些,项目使用的是hashHistory,(BrowserHistory 的情况就不清楚了) 中文文档 https://reacttraining.cn/ 好像https签名出问题了,打不...
2019-06-12 14:48:06
450
原创 ECMAScript规范第8版(ES2017)已发布,新功能一览
EcmaScript 8或EcmaScript 2017在6月底由TC39正式发布。 去年,似乎我们在谈论EcmaScript。 这不是什么 目前的标准是每年发布一个新的ES规范版本一次。 ES6于2015年发布,ES7于2016年发布,但ES5发布后却有人记得吗? 这是发生在2009年,在JavaScript的神奇的兴起之前。所以我们将JavaScript的开发变化作为稳定的语言,现在我...
2019-01-17 15:12:42
1508
原创 几种常见的CSS布局
本文将介绍如下几种常见的布局:单列布局 两列自适应布局 圣飞布局和双飞翼布局 伪等高布局 粘连布局一、单列布局 常见的单列布局有两种:header,content和footer等宽的单列布局 header与footer等宽,content略窄的单列布局1.如何实现对于第一种,先通过对header,content,footer统一设置width:10...
2018-11-09 14:24:54
229
原创 Node.js 代码阅读笔记系列 — process.nextTick() 的实现
eth 以太坊系列线下活动:《开发者的以太坊进阶指南》北京站来了!开发者的以太坊进阶指南 | Jeth 以太坊系列线下活动第四期北京场process 是一个全局对象,它提供了当前 Node.js 线程的相关信息和一些控制方法。因为 process 挂载了太多属性和方法,这篇文章先从 process.nextTick() 开始吧。setupNextTickfunction setupN...
2018-11-06 09:11:09
810
转载 React 程序之复用与封装
封装与复用是一个经典的话题,在写码的第一天里就听说过这个词,然而在实践生产中,大部分写码的同学没有注意到「封装与复用」的力量。 诚然,低效的工作方式是我们加班加点最主要的原因之一,我们或许不能改变「领导的无能」、「频繁的需求改动」甚至是生活的不幸,但是我们能够把我们能改变的做好,这往往就非常磨练一个人了。 那么究竟如何去封装 React 中的逻辑、组件、以及各种事务呢?今天我们就来...
2018-11-05 09:13:29
1638
原创 递归练习题目
练习题目写一个函数,接受一串字符串,返回一个字符串,这个字符串是将原来字符串倒过来。 写一个函数,接受一串字符串,同时从前后开始拿一位字符对比,如果两个相等,返回 true,如果不等,返回 false。 编写一个函数,接受一个数组,返回扁平化新数组。 编写一个函数,接受一个对象,这个对象值是偶数,则让它们相加,返回这个总值。 编写一个函数,接受一个对象,返回一个数组,这个数组包括对象...
2018-11-02 11:47:39
279
重构的知识
2018-05-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人