- 博客(38)
- 收藏
- 关注
RSS订阅原创 图片的无序预加载基础实例
图片的预加载就是： 预知用户将发生的行为，提前进行图片的加载，达到良好的用户体验图片预加载特点： 提前加载所需的图片分类：1、无序的预加载 2、有序的预加载无序加载的无预加载相册代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>
2017-12-13 15:41:04
400
原创 alert弹窗去掉上方网址标题
window.alert = function (name) { const iframe = document.createElement('IFRAME'); iframe.style.display = 'none'; iframe.setAttribute('src', 'data:text/plain,'); document.documentElement.appendC
2017-12-02 16:09:11
28386
4
原创 nodejs基础 Stream流2
Stream流种类 1、Readable ： 可读流 用来提供数据，外部来源的数据会被存储到内部的Buffer里面缓存起来 2、Writable ： 可写流，用来消费数据，从Readable里面获取数据之后，对Buffer数据进行处理 3、Duplex ： 既可以接收，又可以发送 4、Transform ： 转换流，也是可读可写 事件属性大同小异 首先设想一下，请求一张图片数据，在浏览器
2017-12-01 15:44:03
320
原创 node.js基础 Stream流
Buffer是用来保存原始数据 流是用来暂存和移动数据的 通常是结合起来使用还是复制一张图片var fs = require('fs')var source = fs.readFileSync('../buffer/timg.jpeg')fs.writeFileSync('stream_copy_timg.jpeg', source)在node中node 文件名.js 就可以实现一张图片的复制
2017-12-01 14:04:07
396
转载 nodejs 是用来做什么的
作者：厂长 链接：https://www.zhihu.com/question/33578075/answer/56951771 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。如果你去年注意过技术方面的新闻，我敢说你至少看到node.js不下一两次。那么问题来了“node.js是什么？”。有些人没准会告诉你“这是一种通过JavaScript语言开发web服务端
2017-12-01 11:00:33
925
1
原创 nodejs /Buffer
NET模块：Buffer、Stream 网络基础就是数据的传输和处理。 Buffer（缓冲）：存放二进制数据缓存区，有一些方法来处理二进制数据，Buffer在nodejs里面可以全权访问，不需要require Buffer: 可以看出Buffer是一个对象，里面拥有自己的一些方法 在Buffer与字符串进行转换时，默认按照utf-8标准转换，第二个参数代表转换的格式可以试试’bas
2017-11-30 17:49:16
304
原创 node/https网络爬虫Promise优化、 nodejs构建https服务器
之前的网络小爬虫只可以爬http，https不可以，原因在这里。https协议：是基于SSL／TLS的http协议，也就是说https是在http协议上增加了ssl／tls握手以及数据加密传输。使用promise进行网络爬虫优化：var http = require('http')//使用npm install cheerio(相当于jq)var cheerio = require('cheer
2017-11-30 13:43:30
1698
原创 promise与回调的异步编程比较（小demo）
首先我们要做三个小球的运动，第一个动后第二个动之后第三个动 我们先写出三个小球球 <style> .ball{ width:40px; height:40px; border-radius: 20px; } .ball1{ background:red; } .ball2{
2017-11-28 14:18:56
1804
原创 nodejs初步学习笔记
//加载了一个http模块，由js编写var http = require('http');//createServer来创建一个服务器http.createServer(function(req,res){//function用来告诉服务器请求回来应该做什么 res.writeHead(200, {'ContentType':'text/plain'}); res.end('
2017-11-24 17:35:35
356
原创 入门如何搭建Node.js新项目
1、安装Expressnpm install -g expressnpm install -g express-generator2、新建项目express -t ejs newsproject3、进入项目cd newsprojectnpm install4、运行项目node app.js5、访问 http://127.0.0.1:3000/
2017-11-16 14:10:14
351
原创 获取移动端设备的屏幕信息（简单适配iphoneX）
<html> <script> function a(){ console.log( "屏幕分辨率为："+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大小："+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区域宽："+d
2017-11-15 14:54:28
3264
转载 React
1.安装<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> // React 的核心库<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script> // 提供与 DOM 相关的功能<script src="h
2017-11-07 18:14:41
571
原创 Vue 父子通信（props，$.emit( ) )
不全面，请参考官网进行理解。组件实例作用域孤立，组件不让父子之间进行通信，data里面的数据不能作为全局的使用了。Vue.component ('child', { //定义props props : ['message'] //message是我们预期的父组件数据 template:'<span>{{message}}</span>' //template里
2017-11-06 17:28:59
355
原创 Promise异步操作
看了不下10篇博客来理解promise，终于有了一些理解。 理解之后发现大家说得都对，只是理解起来有一些地方难度较大。 首先promise是异步编程的一种解决方案，里面存放着未来才会发生的事情的结果。为什么说它存放着未来才会结束的事情的结果呐？我们先来构造一个promise实例看一下。let promise = new Promise(function(resolve,rejeact){ c
2017-11-06 10:30:13
1125
原创 canvas与svg的区别（面试题）
我们部门老大在面试时问的一道题，我总结了一下这个问题的一些答案，欢迎不同看法或补充。1、canvas时h5提供的新的绘图方法 svg已经有了十多年的历史2、vanvas画图基于像素点，是位图，如果进行放大或缩小会失真 svg基于图形，用html标签描绘形状，放大缩小不会失真3、canvas需要在js中绘制 svg在html正绘制4、canvas支持颜色较sv
2017-11-03 16:43:36
5456
原创 小demo
下载pug依赖包：npm install pug pug-loader pug-filters -D运行时出现一下错误：npm install –save !!vue-style-loader!css-loader 执行：$ npm install --save-dev sass-loader style-loader css-loader出现：Module build failed: Error
2017-11-01 11:47:29
449
原创 ES6 set数据结构
set 本身是一种构造函数，用来生成set的数据结构var s = new Set([1, 2, 3, 4, 5, 6]);set最大的特点是它是个不重复的数据结构var s = new Set([1, 2, 3, 3, 2, 1]);console.log( s );//1 ,2 ,3set 有两个属性： • Set.prototype.constructor : 构造函数，默认set函数
2017-10-30 15:14:26
299
原创 flext弹性盒子属性
盒子容器属性：1、display: flex //设置为弹性盒子2、flex-direction: 主轴的方向// row 水平横向 row-reverse 横向反向// colum 纵向 colum-reverse 纵向反向3、justify-content: 沿主轴的对齐方式// flex-start 左 默认// flex-end 右// center 居中// space
2017-10-30 11:21:04
1139
转载 vuex网上记事本的仿写
使用vue-cli初始化一个项目： vue init webpack note npm install 看一下文件目录： 代码： editNode.vue<template> <div class="text-wrapper"> <button @click="saveNote">save</button> <textarea class="text-input
2017-10-27 18:59:55
393
原创 vuex的信息交流
首先vuex是一个状态管理器，当我们的项目比较大时，组件之间的信息传递会显得特别混乱，这是我们就可以用vuex来管理我们的状态，vuex有自己的信息交流规则。 vuex分为以下几个部分：•state•mutations•getters•actions•modules其中所有的文件都在store文件夹下，store文件夹是vuex的核心。state 里面存放所有的状态，也就是我们会用到的所有会改变的
2017-10-27 10:46:14
350
原创 vscode权限出现问题
我经常遇到vscode编辑器出现权限问题保存不了文件 解决方法，找到目录，将所有人的权限都改为可读写， 如果还不行，就在终端执行：chomd 777
2017-10-26 14:36:10
28705
4
原创 初始化一个vue项目
下载vue-cli：npm install -g vue-cli 在指定目录下执行：vue init webpack firstVue 生成了这样的一个文件 我们会发现少了node_moduels文件夹，进入到项目目录执行：npm init 就会发现生成了node_modules文件夹接下来执行：npm run dev 在浏览器输入 localhost：8080就会出现这个页面： 一个
2017-10-26 14:08:15
789
原创 ES6对象扩展
属性的简洁表示es6允许直接写入变量和函数，作为属性名和方法var a = 'b';var c = {a};//c = {a:'b'};如果属性值与属性名一样，我们值写属性名就可以：{ x , y } = { x: x, y: y}方法简写：add(){ a + b};//add : function (){ a + b}属性名表达式定义对象属性有两种方法：1obj.name =
2017-10-26 13:15:43
205
原创 ES6函数扩展
函数参数的默认值： 在ES5中，我们想给函数一个默认值，需要这样写：function add (x, y) { y = y || 'ss'; console.log(x, y);}在ES6中 ，可以这样写：function add (x, y = 'ss'){ console.log(x, y) }add('dd') // ddssadd('ss','dd')
2017-10-25 18:03:27
327
原创 es6-数组扩展
•find();let arr = [1, 2, 3, 4, 5]arr.find(function(x, i, a){ if(x < 2) {console.log(x, i, a); };};//输出 1, 0, [1, 2, 3, 4, 5]find() 的参数是一个函数，函数有三个参数，分别是 值、索引、数组。•includs()let arr = [1, 2, 3, 4, 5
2017-10-25 14:09:14
368
原创 ES6 字符串扩展
1、字符串可以使用\uxxxx的形式来表达一个字符，xxxx叫做字符的码点，xxxx的范围是0000-ffff，超过ffff的码点需要用两个双字节表示 如果我们\u后面的16进制的值大于ffff，我们需要加一个大括号\u{20BB7}让js正确解析。 2、我们应该都了解，汉字一般都需要两个双字节来表示，在js中两个字节占一个长度（length），所以汉字在很多时候占了2个长度影响我们的判断提取。
2017-10-25 11:01:58
317
原创 使用es6进行一次简单的动态按钮数据获取交换
主要的内容就是一个简单的按钮，从url获取到用户的登陆信息，然后我们访问这个url从后段拿到数据，进行按钮的改变。 代码也是分为这三段： 1、获取到用户的登陆信息bridge.utoken((usertoken) => { if(usertoken){ ... }});公司的大牛们封装好的获取用户信息的函数。可以获取到用户当前的状态，进行判断，进行下一步操作。 2、在
2017-10-24 18:52:13
1059
原创 对VUE项目实现的理解
直播间项目VUE文件目录项目的效果： 首先看一下项目的目录： 简单说一下项目目录的作用： 1、bin文件夹：webpack配置文件 2、node_modules文件夹：npm加载的项目依赖模块 3、src 我们要开发的目录，基本上所有操作都在这里 components: 目录里放置组件文件，因为整个项目都比较vue，所以主要的内容都写在这个文件夹里。
2017-10-23 17:04:42
1147
原创 npm 运行错误
ERROR in ./src/index.scssModule build failed: Error: Cannot find module 'node-sass'Error: EACCES: permission denied, mkdir '/Users/mac/Desktop/.../.../node_modules/[email protected]@node-sass'
2017-10-23 14:35:16
7790
原创 ES6 解构赋值
数组的解构赋值：let [a, b, c] = [1, 2, 3];let [a, [b], c] = [1, [2], 3];let [,,a] = [1, 2, 3]; a=3let [a, ...b] = [1, 2, 3, 4]; a=1 b=[2, 3, 4]也就是说 ， 只要关系是一一对应的，我们可以以任何形式进行数组的赋值。当解构失败时 ， 输出的值是undefined 。le
2017-10-23 10:46:52
260
原创 ES6(let \ const)
es6在es5的基础上增加了很多新的语法，使js更加轻量简洁。 let和const都是声明语句，let声明变量，const声明常量。let：let声明的变量与var不同，es6增加了块级作用域。let声明只在它声明的作用域内有效，在外部不能获取，最直接的就是解决了闭包的问题。同时let不存在变量提升，也就是不会将变量提升到顶部，这样即使在块级作用域内声明了变量，在运行到声明之前使用变量也是会报错的
2017-10-21 10:58:28
284
原创 VUE组件1
我理解的组件就是自己封装的html代码块。 vue可以创建全局的组件，也可以创建局部的组件。 如果我们在创建组件时，在其他地方还会用到这一段html代码，我们可以全局创建一个组件：new Vue({ el: '#aaa',})Vue.component('my-component', {})其中my-compontent是我们自定义的标签名，{ }里面是我们代码块的内容，将很多个html
2017-10-19 18:16:25
237
原创 SVN 初学简单的使用
在实习工作中接触到svn的使用，主要的作用是起到上线测试。由于以前没有接触过，又要直接使用，所以说一下实习中简单的操作。首先是下载svn ， 我使用的是smartSVN。下载之后进入页面，首先需要输入一个地址，公司会提供给你，输入之后会让你选择你想要进行的操作 ， 第一次的时候一般选择Check out projrct from reposity，从服务器上拉取代码，需要什么拉什么或者全部
2017-10-18 14:12:46
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人