cicistream

一些小记录

排序:
默认
按更新时间
按访问量

完整渲染过程——从URL到页面

当用户输入一串URL(统一资源定位符)到完整的页面渲染出来,到底经历了什么呢~下面我来描述一下整个过程。 先列出他的大致流程: 浏览器根据请求的URL交给DNS域名解析,找到真实的IP,向服务器发起请求; 服务器交给后台处理完后返回数据,浏览器接受文件(HTML/CSS/JS/图像等); 浏览器...

2017-10-06 10:52:17

阅读数:796

评论数:0

JS——正则详解

文章内容摘自阮一峰大大—RegExp对象,总结一下方便自己记忆: 1.正则匹配规则 字面量字符串 /dog/ 匹配 ‘dog’ 元字符: 点字符(.) 匹配 除回车(\r)、换行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)以外的所有字符。 位置字符(^ / $) ^/$ ...

2017-10-03 20:19:25

阅读数:5101

评论数:7

毕设——准备阶段

11.22 今天老师找我大概讲了一下毕设题目的轮廓,大概是想我实现一个类似于花瓣的,以瀑布流的形式展现图片内容的web应用。“瀑布流”图片呈现方式的始祖是Pinterest,我还使用过的类似图片分享式的平台是堆糖。   目前我的计划是用vue-cli搭建SPA,顺便练习使用webpack、Sas...

2017-11-22 18:44:28

阅读数:52

评论数:0

关于Vue中nextTick()的思考

我的项目中有一个swiper插件,在vue实例created(生命周期相关)函数中,先用ajax异步加载数据,再初始化swiper轮播插件时,遇到了一个问题,由于动态数据加载导致了swiper初始化后会滑动到最后一个item。我当时的解决方法是用setTimeout()来延迟初始化,之后在学习es...

2017-10-27 16:55:53

阅读数:577

评论数:0

JS——事件绑定与处理总结(上)

JavaScript与HTML之间的交互是通过事件实现的。事件是指文档或浏览器窗口发生的一些特定的交互瞬间,可以用监听器(或处理程序)来预定事件,以便在事件发生时执行相应的代码。——摘自《高程》   理解事件是实现良好交互的必要条件,本文旨在系统地总结事件相关知识。 (上)主要内容: 理解...

2017-10-14 20:44:45

阅读数:86

评论数:0

移动端布局单位

移动端设备种类繁多,需要适配多种情况的响应式布局来保证美观的页面实现,先来解释容易弄混的多个名词。 PPI 单位英寸像素数DPR 设备像素比: 设备像素 / CSS像素(某一方向上)DPI Dpi(每平方英寸像素数目):图像细节程度的度量 建议看一下知识小科普!像素英寸与DPI的那些事...

2017-10-06 20:31:42

阅读数:474

评论数:0

如何更快地构建与渲染

在上一篇中,我详细描述了浏览器渲染的过程,那么,如何来提升渲染效率,使页面更快的加载完成呢。 我将这些方法分为几部分分别介绍。CSS部分1. 媒体类型和媒体查询  将CSS分割为片段,对于不同的浏览器,不同的终端,不同的阅读模式,应用不同的CSS样式表。如果将这些内容写到统一个文件中,浏览器需要...

2017-10-06 18:13:14

阅读数:268

评论数:0

基本包装类型

为了便于操作基本类型,ECMAScript提供了三个特殊的引用类型:Boolean、Number、String。 他们存在的意义是什么呢

2017-10-05 12:17:33

阅读数:279

评论数:1

菜鸟系列——forEach、map、for...in、for...of

作为一个前端菜鸟,有好多容易弄混的名词 我想把搞清楚的一一记录下来,帮助记忆 forEach、map、for...in、for...of 这四个方法都是可以遍历数组或类数组的,很容易就懵了,必须总结一下他们的使用对象和区别,加以区分。 首先,map()和forEach()是Array自带的方法,M...

2017-10-03 20:19:38

阅读数:332

评论数:0

操作系统部分(持续更新中)

1.进程与线程 进程是CPU资源分配的最小单位,是具有一定独立功能的程序。   线程是CPU调度的最小单位,基本上不拥有系统资源。   一个进程可以包含1+个线程。   进程与线程之间关系的简单解释:http://www.ruanyifeng.com/blog/2013/04/processes_...

2017-10-03 20:19:30

阅读数:184

评论数:0

笔试总结(HTTP(S)/虚拟内存/xhr)

同花顺的笔试完虐我这种渣渣,没有选择填空,只有问答和编程题,且大部分C++/JAVA,完全懵逼, 陌陌的算法题60分,也懵到题目都搞不清楚 完美世界的比较均衡,选择很基础,编程题也不难,只是我的编译一直不通过很伤 下面总结一下不太清楚的知识点 1.虚拟内存 虚拟内存是计算机系统内存管理的一种技术。...

2017-10-03 20:19:27

阅读数:306

评论数:0

JS Test(44道)总结

题目来自javascript-puzzlers 1.reduce 没有设置初始值的空数组使用reduce方法会抛出错误 reduce的callback函数有四个参数,preValue,curValue,curValue-index,array,如果没有设定初始值,reduce开始时第一个值为...

2017-10-03 20:19:19

阅读数:169

评论数:0

8月第四周

8.24 zoom:1 的作用 http://blog.csdn.net/u010313768/article/details/47067593 根据这篇文章我又沿着问题链了解了很多关于清除浮动和IE的知识 关于清除浮动,严格来说是闭合浮动,可以参考下文来了解: http://www.iyunlu...

2017-10-03 20:19:17

阅读数:383

评论数:0

8月第三周

8.18 will-change 属性 The will-change CSS property provides a way for authors to hint browsers about the kind of changes to be expected on an element...

2017-10-03 20:19:14

阅读数:182

评论数:0

8月第二周

8.7 vue-cli vue-router 用法总结: 包含默认路由的地址写法,父子路由的嵌套,redirect重定向的使用,exact属性 8.8 vue练习解惑 在methods中设置函数来修改class时,v-for渲染的动态数据组成的DOM节点不能被获取到 但是在mounted中,所有...

2017-10-03 20:19:11

阅读数:304

评论数:0

8月第一周

7.31 -1- 原生JS的轮播 用惯了swiper,今天练习一下原生JS的轮播写法 -2- Flex 的兼容性 今天遇到了display:-webkit-box,搜索了一下发现是旧版的display:flex 通常适应旧手机版本时会使用display:box来表示flexbox 通过这个延伸出思...

2017-10-03 20:19:08

阅读数:300

评论数:0

7月第三周

7.20 vue中index的使用 可以通过data中每个数组都有的一个参数(如isHide)来传递v-for内的参数,利用被选中项该参数值的唯一性(比如其他都为0,被选中为1),遍历后得到被选中值的index :nth-child(x)的用法 x可以为整数,也可以为用n表示的表达式,还可以...

2017-10-03 20:19:06

阅读数:98

评论数:0

7月第二周

7.10Webview模式初识mui.fire()自定义事件dev.dcloud.net.cn/mui/event/7.11flexbox 弹性布局语法篇:www.ruanyifeng.com/blog/2015/07/flex-grammar.html实用篇:www.ruanyifeng.com...

2017-10-03 20:19:03

阅读数:86

评论数:0

7月第一周

7.5mui框架:init()和plusReady()7.6text-overflow:ellipsis 超出省略text-overflow:ellipsis 一般与overflow : hidden;连用结合-webkit-line-clamp可以限定文字最小行数,超出即用省略号替换注意:-we...

2017-10-03 20:19:00

阅读数:80

评论数:0

7月第四周

7.24 CSS3 属性之 transform & translation transform: transform属性 translation: transition 属性是一个简写属性,用于设置四个过渡属性: transition-property transition-dura...

2017-10-03 20:18:57

阅读数:79

评论数:0

近期博客写于简书

7月之后博客写于简书:http://www.jianshu.com/u/57fa19cc9a2b 目前正在申请博客搬家

2017-09-25 22:44:10

阅读数:93

评论数:0

window和document获取视窗大小的总结

window.innerWidth document.documentElement.clientWidth document.body.clientWidth;

2017-06-19 11:39:11

阅读数:576

评论数:0

架构模式:MVC,MVP&MVVM

复杂的软件需要清晰合理的架构,便于开发和后期维护。这就离不开架构模式。MVC  MVC(Model-View-Controller):最为直观的架构模式。他将软件分为三个部分:   View     视图:用户界面 Controller  控制器:业务逻辑 Model    模型:数据保存   ...

2017-06-05 09:55:38

阅读数:424

评论数:0

JS Q&A小记录

变量、函数–声明与表达式  变量声明和函数声明会提升到该函数或外部函数作用域的顶部,函数声明优先级高于变量声明。但是变量的赋值会留在原位。所以函数声明的函数可以被提前引用,但是变量提前引用会被判定为undefined。   注意ES6标准,用let声明的变量只在所在代码块中有效而且不会被提升。 ...

2017-05-03 15:50:38

阅读数:519

评论数:0

我的技术阅读书单(实体书部分)

HTML: HTML5程序设计 CSS: CSS 精通CSS JavaScript: JavaScript DOM 编程艺术 JavaScript高级程序设计 JQuery 锋利的JQuery

2017-05-03 15:31:24

阅读数:261

评论数:0

CSS布局--overflow:hidden的清除效果

CSS布局–overflow:hidden的清除效果来自《精通CSS》阅读的思考:原文使用两列的浮动布局,首先设置两列内容为float,并设置display:inline-block,以此防止IE中双外边距浮动产生的bug,然后在两个浮动元素的父元素应用了overflow:hidden原文:因为这...

2017-04-12 11:30:52

阅读数:527

评论数:0

DOM 编程艺术 实用代码段

addLoadEvent function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload!='function') { window.onload = func; }...

2017-04-03 18:43:19

阅读数:228

评论数:0

CSS缩写属性整理

CSS缩写属性整理border border-width border-style border-color 顺序任意,除了border-style必须设置外,其余值可以省略为默认值。只能设置全局边框,可以用border-top、border-left等简写属性来覆盖修改局部backgroun...

2017-04-03 18:19:01

阅读数:338

评论数:0

CSS ——浮动与定位元素

元素分为正常流和非正常流,非正常流中包含浮动与定位      先说定位,定位包含相对定位(relative)、绝对定位(absolute)以及固定定位(fixed)      position属性:static(默认)| relative | absolute | fixed       无继承性...

2017-03-15 18:05:29

阅读数:324

评论数:0

CSS——块级、行内元素&盒模型

盒模型是CSS基本模型之一,页面上每个元素都包含在盒模型内,由元素内容、内边距(padding)、边框(border)和外边框(margin)组成       块级元素常见标签:div p form ul ol li h1~h6       行内元素常见标签:span em strong a   ...

2017-03-03 21:38:30

阅读数:378

评论数:0

操作系统基础知识

Q:程序、作业与进程的区别和联系? A:先弄明白基础概念。    定义:    程序:程序只是一段可执行代码。程序是静态的,只需要内存空间。程序的一次运行过程就叫做进程。    进程:进程是进程实体的运行过程,是系统进行资源分配和调度的一个独立单位。       通常的程序是不能并发执...

2016-11-23 14:31:54

阅读数:287

评论数:0

Mat、cvMat与IplImage

Mat有3个重要的方法:          1、Mat mat = imread(const String* filename);         读取图像          2、imshow(const string frameName, InputArray mat);      ...

2016-11-14 21:39:12

阅读数:177

评论数:0

C++基础知识

Vec3b 用法: 预备知识: vector(向量): C++中的一种数据结构,确切的说是一个类.它相当于一个动态的数组,当程序员无法知道自己需要的数组的规模多大时,用其来解决问题可以达到最大节约空间的目的. 用法: 1.文件开头包括#include 加上using namespa...

2016-11-09 17:52:13

阅读数:125

评论数:0

opencv C++ Mat类的基本知识(混

Mat::clone()  创建一个全拷贝 Mat::copyTo();  不止表示拷贝数据,还表示n=m.col(0) Mat矩阵中数据指针Mat.data是uchar类型指针,CV_8U系列可以通过计算指针位置快速地定位矩阵中的任意元素。

2016-11-09 17:22:50

阅读数:3782

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭