前端开发 - SegmentFault 思否

解决Error: NJS-045错误 ubuntu环境配置Nodejs访问Oracle

2018-11-29

阅读 4 分钟

最近在公司鼓捣一个小型项目，技术栈选用了Vue2.0+Nodejs+Express+Mongodb+linux，需要访问的数据在公司生产库里面，生产库使用的是Oracle。直接访问生产库获取数据太危险，所以需要定时从Oracle生产库中抽取加工后的数据然后写入到Mongodb中。nodejs操作Oracle数据库这件事想想就觉得一定是闲人才这么干，一番搜索后在g...

同源策略与跨域

x868086

2018-07-25

阅读 10 分钟

6.4k

同源策略same origin policy中的重要内容就是URL（uniform resource locator）,统一资源定位符，俗称网址。URL中的resource资源就是css,js,html,img等内容。

HTTP协议

x868086

2018-07-25

阅读 5 分钟

1.6k

http(hyper text transfer protocal) 超文本传输协议.http是一种协议，所以只要是使用http协议的设备都能访问服务器，比如手机、智能外设。URI 统一资源标识符，相比URL来说URI是更通用的标识符，URI就是某个协议方案表示的资源的标识符，协议方案是指访问资源所使用的协议类型名称。采用HTTP协议的时候，协议方案就是ht...

JavaScript面向对象

x868086

2018-07-25

阅读 5 分钟

1.2k

面向对象OOP是一种组织代码结构、实现功能过程的思维方式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数据、发出信息等任务。

自适应页面的实现方式

x868086

2018-07-25

阅读 4 分钟

45.8k

1.简易场景实现自适应：浮动、页面居中、元素宽度不写固定而设置百分比自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。2.如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术，让页面根据不同屏幕尺寸来加载不同代码模块以实现适配不同屏幕的目的。这种方式需...

BFC-块格式化上下文（block formatting context）

x868086

2018-07-25

阅读 2 分钟

1.5k

BFC（block formatting context）块格式化上下文，是Web页面块级元素布局及浮动元素彼此交互的区域。BFC是一个独立的布局环境，（实际页面渲染时是不可见的），由BFC构建的区域其内部元素的布局是不受外界的影响的，利用这个特性可用来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。在BFC中元素从顶端开始垂...

vue-cli 搭建多页面应用基础结构

x868086

2018-07-02

阅读 3 分钟

3.7k

1.全局安装vue-clinpm install -g vue-cli2.基于webpack项目模板创建项目vue init webpack demo3.在模板项目的基础上，调整项目目录结构在src目录下新建modules,pages文件夹用来存放模块和页面。实际项目的每个页面都再单独建一个文件夹并存放在pages文件夹中。注意pages下每个文件夹下的各页面入口js文件必须和模板文件...

JS中值的类型可简单分为三类，即基础类型、复杂类型、特殊类型。ES5中有6种数据类型：null,undefined,number,string,boolean,object。复杂类型是指object即广义的对象类型，可由多个简单类型的值的合成，可以看作是一个存放各种值的容器。比如arr,object,regx等基础类型指number,string,boolean。特殊类型指null,undefin...

js 2-函数

x868086

2018-06-01

阅读 3 分钟

1.4k

函数声明：function functionName(){ statement; }函数表达式：var printName = function(){ console.log('Byron'); };对于函数声明，js解析器会优先读取（与变量提升类似，整个函数声明也会预先解析），确保在所有代码执行之前声明已经被解析。而函数表达式，如同定义其它基本类型的变量一样，定义变量名和赋值分两个阶...

JS 1-数据类型

x868086

2018-05-30

阅读 3 分钟

1.5k

如果将CSS样式放在html最后面时，根据浏览器渲染机制不同可能会出现白屏、无样式内容闪烁FOUC的情况。白屏是浏览器等待DOM和CSSOM全加载完成后再渲染的时间延迟产生（IE有这种情况），import导入CSS样式，即便放在首部区域，也会有白屏现象。无样式闪烁（IE、firefox都有）是浏览器边加载边执行，逐步加载无样式的内容,...

CSS 3-浮动、定位

x868086

2018-05-29

阅读 3 分钟

4.2k

文档流是一种默认定位方式，在文档流中元素框的位置由元素在html中的位置决定，文档流中元素的position属性为默认的static或继承来的static并按照普通流定位。块级元素独占一行，自上而下排列；内联元素从左到右排列。让元素脱离文档流有三种方法：浮动float;绝对定位position:absolute;固定定位position:fixed;元素脱离...

CSS2-盒模型、背景图片

x868086

2018-05-28

阅读 3 分钟

2.6k

margin外边距（top,right,bottom,left）border边框(top,right,bottom,left)padding内边距(top,right,bottom,left)content内容区(width,height)margin,border,padding值的书写方法：margin-top/-right/-bottom/-leftmargin:10px 11px 12px 13px; 上右下左的顺序margin:10px 12px;简写即上下10px,左右12px;margin:10px; 即...

使用leancloud托管静态网站

x868086

2018-05-25

阅读 2 分钟

6.4k

leancloud官网大部分的产品都是数据驱动的，它们有一个最大的特点，就是对后端的需求在模式上其实是比较统一的：1.前端负责数据展现和用户交互处理，与后端的 app server 通过网络来交换需要的数据2.app server 负责业务逻辑处理，生成核心数据存储到 data server，或者聚合 data server 查询到的数据返回给客户端3.data...

CSS 1-选择器

x868086

2018-05-24

阅读 3 分钟

2.1k

1.id选择器 #id{ } ,“#id”选中元素2.类选择器 .class{ } ,“.类名称”选中元素3.标签选择器 div{ } ,“标签名”选中元素4.通配符选择器 { } ,""选中所有元素5.组合选择器：分组选择器 E,F “，”逗号隔开，同时选中E,F元素后代选择器 E F 空格隔开，选中E元素下的所有F元素（无论F元素嵌套多少层一样会被选中）直接子选择器 E ...

HTML 3-列表、表单、语义化

x868086

2018-05-23

阅读 5 分钟

2.7k

1.有序列表ol>li；列表有顺序编号（默认列表前加1.，2.，3.，...编号），适用于有逻辑顺序的排列项目，而且次序不能乱。2.无序列表ul>li；列表无顺序（默认列表前加"."），适用于并列显示的项目，项目无先后顺序3.自定义列表dl>dt表头>dd表内容,dt为项目名称，dd项目名称的描述，一个项目名称可以有多个项目...

HTML 2-行高、a标签

x868086

2018-05-21

阅读 2 分钟

5.1k

line-height设置文本的行高，行高即文本行基线之前的距离,行高减去字体大小就等于行间距从上到下四条线分别是顶线、中线、基线、底线，很像学英语字母时的四线三格，vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。注意,基线不是最下面的线，最下面的是底线。行高是指上下文本行的基线间的...

HTML 1-样式引入、路径、尺寸单位

x868086

2018-05-21

阅读 3 分钟

2.6k

3.css样式导入,link和import方式【1】.link链接<link href="main.css" rel="stylesheet" type="text/css" />【2】.import导入 <style type="text/css">@import "blue.css"</style>注：三种css引入方式的优先级，内联式》嵌入式》导入式。嵌入式>导入式有一个前提：嵌入式css样式的位置一定在外部式...

HTML规范

x868086

2018-05-17

阅读 2 分钟

2.5k

页面编辑后保存的编码格式和浏览器解析文件时的编码格式不一致。一般是英文以外的字符出现乱码，因为UTF-8、GBK都使用的第一个字节编码英文字符集。解决方法：网页编辑后保存的字符编码格式与页面中head标签里设置的charsert值一致。网页文件编辑保存时,如果保存格式为utf-8，那么一定要在html的<head>里添加<m...