
web
BEconfidence
坚持才是胜利之道
展开
-
CSS布局学习 垂直居中 二栏布局 三栏布局 设置BFC
垂直居中设置position:relative和margin-top为负数设置div的transform:translateY(-50%)设置父元素display:flex,align-items:center,justify-content:center二栏布局float+margin-left实现:position:absolute+margin-left实现:float+...原创 2019-12-16 11:58:24 · 1258 阅读 · 0 评论 -
wepack官方文档指南笔记
极简入门webpack什么是模块?程序员将不同的功能的程序分为不同的模块。模块的特点: 使代码有更小的接触面,便于调试。当我们写出的模块提供可靠的抽象和封装后,使整个程序展现出清晰的架构和设计。webpack模块化,支持多种模块化方式:import语句ES2015require()语句CommonJSdefine和require语句AMDcss/sass/less文件中的@i...原创 2019-12-15 15:37:41 · 478 阅读 · 0 评论 -
2019前端面试
1.发布订阅模式2.process.next 执行顺序3.css垂直居中布局4.call实现bind奇安信:1.原型链2.http和websocket区别3.this和箭头函数4.前端解决跨域方法5.性能处理5.LocalStorage和sessionstorage的区别,浏览器是否共享美团1.http https pv关键词2.websocke...原创 2019-11-13 15:39:36 · 184 阅读 · 0 评论 -
职责链模式
原创 2019-04-24 21:26:30 · 158 阅读 · 0 评论 -
闭包数据缓存
else闭包,如下拉框数据如果缓存中有数据 则直接读缓存,如果没有 在进行查询var CachedSearchData = ( function(){ var cacheData = [], count=cacheData.length; return { getSearchData:function(id)...原创 2019-07-11 16:54:05 · 598 阅读 · 0 评论 -
react文档demo 交互式表格
使用props传递静态数据,state进行状态更新。import React from 'react';import ReactDOM from 'react-dom';// import './index.css';// import App from './App';// import * as serviceWorker from './serviceWorker';// ...原创 2019-07-25 01:21:23 · 311 阅读 · 0 评论 -
Chinavisday-01
上午特约报告来自斯图加特的Thomas讲的题目是Visualization and Analysis of Large Scientific Data – New Approaches for Volumes, Flows, and Particles大部分都是关于科学可视化及GPU和CPU并行计算加速数据结果的计算,同时结合及机器学习。paper forward综合来说给人眼前一亮的...原创 2019-07-23 00:36:59 · 232 阅读 · 0 评论 -
js权威指南知识点整理
1.涉及return、break、continue语句后紧跟着换行,js会在换行处填补分号。后缀++和–前换行,会被当成下一个变量的前缀。2.类型分为原始类型和对象类型,原始类型number、boolean、string以及两个特殊的原始值null、undefined,对象类型object以及特殊对象数组和函数还有Data、RegExp、Error类。根据可以拥有方法分类,只有null和unde...原创 2019-08-07 13:28:12 · 285 阅读 · 0 评论 -
[8-15每日学习总结]平凡代码人生
9点到10点:看完了两节深入浅出webpack的内容,学了webpack的安装以及构建命令,学习了loader的使用方法,对css进行解析,使用style-laoder时候有3种方式,一、使用use数组,内容是url querystring传入参数的字符串,二、使用use对象数组,可以是对象加options的形式,三、在源码中require的时候使用!加上loader进行解析例如,require(...原创 2019-08-15 10:34:02 · 226 阅读 · 0 评论 -
[8-16]每日学习总结]平凡代码人生
9点半到11点:看完深入浅出webpack的3节,总共完成了第一章,了解了plugin和devserver的功能。3点到5点:完成《深入理解ES6》的第四章,速记法属性定义,把name:name省略为name,计算属性名,可以在将非字面量的值指定为属性的名称,方法简写,省略冒号和function;并舍弃了对象字面量除服属性名的检查,重读的会覆盖。添加了Object。assign方法,一次性更改...原创 2019-08-16 11:01:18 · 189 阅读 · 0 评论 -
深入学习d3.js:d3-ease
ease是扭曲时间控制动画中运动的方法,常用与淡入淡出,使动画过度更平滑。ease方法实现中,输入一个标准时间t,返回一个ease化的时间,他们的范围都在0,1内,表示动画的开始和结束。ease(t)首先设置你的ease,然后在动画期间调用。// Before the animation starts, create your easing function.var custo...原创 2019-04-13 15:45:32 · 1702 阅读 · 0 评论 -
nodejs 处理post文件数据 模拟上传
首先利用http创建一个server,监听到8080端口,之后我们可以打印req.headers查看headers的内容,post的数据格式一般为:------WebKitFormBoundaryLIXOJt36aIHyhrvqContent-Disposition: form-data; name="username"1------WebKitFormBoundaryLIXOJt...原创 2019-04-09 21:30:26 · 1584 阅读 · 0 评论 -
单页效果实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="style3.css" type="text原创 2019-03-17 22:30:38 · 158 阅读 · 0 评论 -
JS创建对象
虽然Object构造函数或者对象字面量都可以创建单个对象,,明显的缺点是使用一个接口创建很多对象,会产生大量的重复代码。一、工厂模式function createPerson(name, age, job){ var o = new Obejct(); o.name=name; o.age=age; o.job=job; o.sayName=fun...原创 2019-04-03 23:32:07 · 256 阅读 · 0 评论 -
JS 多态 继承
程序解决的问题为:给一个json,以表格的形式输出它。表格的格式是左对齐或者右对齐,表格头部有下划线标识,每个表格块的大小取决于该行最大高,和该列最大宽。以对象的思维方式去解决。需要一个表格块对象,该对象保存该块的宽和高,字符内容(因为该块有可能是多行字符,随意用字符数组保存),以及讲该快画成指定格式的draw函数。然后是一个表头对象,该对象使用表格对象的方法。dataTabl...原创 2019-03-26 21:48:55 · 173 阅读 · 0 评论 -
JS 构建对象实例
构建一个地图,1.需要一个世界类,包含两个属性,一个图例属性,一个存储地图的属性。2.需要一个地图类,地图类封装保存,取出地图元素的方法,以及存储地图。一个格子类,该类为该格子,x,y坐标。3.动物类,保存动物能用方向等信息。流程:给世界类输入地图和图例(对象),1,世界类保存输入的地图为地图类,2,保存图例。通过一个foreach函数给该世界对象里的地图属性设置上每个元素,通...原创 2019-03-28 00:07:20 · 223 阅读 · 0 评论 -
JS作用域,作用域链
执行环境定义了变量或函数有权访问的其他数据,每个执行环境都有一个与之关联的变量对象。每个函数都有自己的执行环境,当控制流进入一个函数时,函数的环境就会被推入一个环境栈中,而在函数执行后,栈将其环境弹出,把控制权返还给之前的执行环境。当代码在一个环境中执行,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码...原创 2019-04-02 17:08:38 · 117 阅读 · 0 评论 -
JS数组操作方法 splice()
splice()主要用途是向数组中部插入项。删除: splice(0,2)删除前两项插入:splice(2,0,"red","green") 从位置2插入red, green替换:splice(2,1,"red","green")删除位置2一项,然后从位置2插入red,green。splice方法始终会返回一个数组。调用该方法的数组会改变。...原创 2019-04-02 20:23:58 · 3050 阅读 · 0 评论 -
nodejs 原生js模拟注册登陆 用到模块http、url、querystring
模拟服务器端的get,post,文件请求。利用jquery,ajax get模拟注册和登陆。server.jsconst http=require('http');const url=require('url');const querystring=require('querystring');const fs=require('fs');let user={};h...原创 2019-04-08 21:43:15 · 298 阅读 · 0 评论 -
关于nodejs 模块导入导出module exports require
require导入module1,查找的模块如果为路径会在当前目录查找2,如果当前目录有node_modules文件下,会搜索该文件夹,然后搜索系统node_modules1.jsconst mod1=require('mod1');let p=new mod1(99);到处方式:1.直接导出exports.a = 12;2.导出为函数或者类:// expo...原创 2019-04-08 22:02:20 · 850 阅读 · 0 评论 -
JS Function类型 声明
一、3种声明方式1.function sum(num1,num2){ return num1 + num2;}2.//函数表达式定义函数var sum=function(num1,num2){ return num1 + num2;}3.使用Function构造函数var sum = new Function("num1", "num2", "r...原创 2019-04-03 14:43:32 · 556 阅读 · 0 评论 -
css盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box model app</title> <link href="style.css" type=&qu原创 2019-03-17 19:44:31 · 149 阅读 · 0 评论