- 博客(56)
- 收藏
- 关注
RSS订阅转载 react+webpack基础学习配置
最近学习react，公司的项目是使用create-react-app来搭建的，而我想重新使用node+mysql+react来搭建一个新的博客。今天尝试从零开始搭建一个webpack+react项目，过程还算顺利。总结一下步骤：1、创建一个项目文件夹Blog，cd进入文件夹目录，输入npm init -y生成package.json文件；2、工程目录...
2018-05-29 12:03:00
99
转载 webpack学习
1·生成package.json，用于存放所有依赖名称版本等信息:命令行：npm init2.在对应项目中安装webpack命令行：npm i webpack -D然后尝试执行webpack打包功能命令行：npx webpack --mode development （npx是node v5.2.0内置的包执行器，简化了包的命令执行过程）上述命令会提示：...
2018-05-10 14:21:00
102
转载 JS正则表达式总结
JS中正则定义的两种方式：1、对象定义：var reg = new RegExp(pattern, attributes); 示例：var reg = new RegExp(i, "a");2、直接量语法：var reg = /pattern/attributes ; 示例：var reg = /a/i ;正则使用场景：1、验证例如对邮箱格式进行验证，一般在验证...
2018-04-13 09:30:00
92
转载 JS各种情况处理
1.获取URL及其参数实例：URL：file:///C:/Program%20Files/nodejs/test/jumbTarget.html?a=1&&b=2&&c=3 //假设返回的对象类型为Array或单个字符串 function getUrlParams() { var str = loc...
2018-04-13 08:29:00
67
转载 sql学习笔记
1.select 列名称 from 表名称；2.select distinct 列名称 from 表名称：去除列中相同的值。3.select 列名称 from 表名称 where 列名称 运算符 值：有条件的查询对应值（注意：对于字符需要加' '，对于数值，不能加 ' '）；4.采用or或者and可以在任意条件上添加筛选项，例如 select * from people w...
2017-11-09 19:03:00
65
转载 js代码细嚼慢咽
全局变量的梗例1：对于var 的理解：将该变量声明在当前的作用域中，或者说执行上下文中。 function add() { result = 3; //result变量即是隐喻全局变量 } add(); console.log(result); // 3即result在全局的变量； function add() { var...
2017-10-25 15:01:00
74
转载 HTML知识点记录
1、input的type设置为file时，设置multiple属性可以同时选择多个文件。2、block、inline和inline-block区别：1）block: 独占一行； width默认继承父元素宽度； 可设置width/height属性； 可设置margin/padding属性；2)inline: 不独占一行，多个in...
2017-09-27 09:49:00
58
转载 坑
1.vue的压缩版本，不会有错误提示与警告。转载于:https://www.cnblogs.com/Yoriluo/p/7559761.html
2017-09-20 09:09:00
66
转载 css知识点
1、css选择器效率排行从高到低如下： id选择器（#head） 类选择器（.content） 标签选择器（p，h1） 相邻选择器（h1+p） 子选择器（ul < li）2.css3媒体查询语法：@media screen and (min-width:300px) and (max-width:1024px) { }3.隐藏元...
2017-09-18 15:36:00
50
转载 js知识点记录
1、for...in:用于遍历数组或对象的属性。for(var prop in obj){console.log(obj[prop])}; 该循环遍历对于对象属性是无序的，可能是因为obj本来就是无序的。2.Object.defineProperty(obj, prop, descriptor):可新曾对象属性或修改对象已有的属性。obj:目标对象；prop：对象需...
2017-09-18 09:49:00
55
转载 es6学习记录
1、let和const1）let所在代码块形成作用域，let声明的变量只在其作用域中有效。2）不存在变量提升3）暂时性死区 ：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。4）相同作用域内不允许重复声明相同变量，包括参数。5）const:声明常量，不可再进行赋值操作。2、变量的解构赋值按照一定模式，从数组...
2017-09-13 15:44:00
54
转载 css各种布局
1、水平居中前提：父容器.parent 和子容器.child1)使用text-align和inline-block.parent{text-aling:center};.child {display:iniline-block};特点：兼容性好，不过需要设置父子元素；2）margin：0 auto；.child {width:200px;mar...
2017-09-13 12:06:00
76
转载 前端缓存机制
1、缓存的作用1）加快资源加载速度，提高用户体验2）节省带宽，服务器端资源无需重新传输；甚至一些缓存无需进行http请求3）服务器端缓存，如CDN，可以减缓多用户并行请求的压力，减轻服务器压力2、缓存分类：服务器端缓存（CDN），客户端缓存（浏览器缓存）3、浏览器缓存机制1）强缓存：本地进行缓存过期时间的比较。若时间没有过期，则直接才从本地获取缓存的资...
2017-09-13 09:30:00
78
转载 CSS3
1、css3渐变1）线性渐变（兼容性写法）background:linear-gradient(to right top, #fff, #000 ); //标准写法 background:-webkit-gradient(linear,left bottom, right top, from(#fff), to(#000));//webkit旧式写法 ba...
2017-09-12 17:05:00
59
转载 前端安全
1、最小化Http请求1)合并静态资源，例如css、js等，可以使用工具打包；2）图片可以制作成sprites图等；3）如果是多图片等静态资源，可以按情况采用多域名并行下载；2、使用CDN（未了解）3、避免空的src或href4、添加到期或缓存控制标头（未了解）5、Gzip组件（未了解）6、样式表顶部，脚本底部7、避免使用css表达式8、外部js和css...
2017-09-12 15:31:00
60
转载 前端跨域记录
一、跨域定义及类型定义：只要协议、域名、端口有任何一个不同，都被当做不同的域。类型：（由于浏览器的同源策略）1）浏览器中不同域的框架之间不能进行js交互操作；2）不能通过ajax去请求不同源中的文档；注意：由于协议和端口造成的跨域，前端无法解决。跨域处理：1、document.domain用于处于跨域的第一种类型，iframe类型。例子：A页...
2017-09-12 09:02:00
64
转载 前端笔试题目记录
1、‘use strict’：严格模式下禁止使用with语句；严格模式下无法删除变量，delete；严格模式下arguments不再追踪参数变化，值在参数的时候就固定了。2、js在做 == 运算时会将操作数转换为number类型之后再操作，false、[ ]都能转换为数字0；而{ }转换为NAN；3、 1/0为无限大即Infinity；字符串减去数字为NAN；new Number...
2017-09-11 21:42:00
49
转载 简单记录一下原生ajax
面试老忘记，代码如下function ajax() { var xmlHttpRequest = null; //定义XMLHttp对象的容器 if(window.XMLHttpRequest) {//针对FireFox、Mozllar、Opera、Safari、IE7、IE8 xmlHttpRequest = new XMLHttpRequest...
2017-09-11 16:30:00
44
转载 理解new构造函数和apply以及call
今天在看设计模式的时候，遇到一些挺低级的东西，搞不懂，顾查阅资料整理记录一番。先了解一下new构造函数的过程：function func(){ console.log('do');}var foo = new func();1、创建一个foo的空对象；2、将func内部的this指向foo函数；(继承func函数内部的属性和方法）3、f...
2017-09-07 14:42:00
90
转载 javascript设计模式
1、constructor（构造器）模式先上个简单的构造器源码：function car(type, name, value) { this.type = type; this.name = name; this.value = value; this.toString = function() { conso...
2017-09-07 14:06:00
61
转载 URL加载页面的过程
总体过程：1、DNS解析2、TCP连接3、发送HTTP请求4、服务器处理请求并返回HTTP报文5、浏览器解析渲染页面6、连接结束一、DNS解析在互联网中，每一台机计算机的唯一 标识是他的IP地址，由于IP地址难以记忆，因此便有了与其相对应的网址，便于用户搜索网站。于是，DNS解析就是将网址（即域名）解析为IP地址的过程，具体如下（盗）图：...
2017-09-01 16:02:00
59
转载 关于js代码执行顺序
上网查了一下关于这个方面的资料，大部分都是关于两个script标签中的js代码和变量以及函数提升方面的知识。1、两个script标签<script> alert("我是代码块一"); alert(test); //undefined var test = "str1"l</script><script&g...
2017-08-31 17:54:00
42
转载 js变量提升与函数提升
在es6之前，js语言并没有块级作用域，即{}形成的作用域，只有全局作用域和函数作用域，所谓的提升，即是将该变量的声明或者函数的声明提升，举个例子console.log(global); //undefinedvar global = 111;console.log(global);//111显然，上面代码处于一个全局的作用域中，在该作用域中使用var声明了一...
2017-08-31 14:09:00
60
转载 js的Date对象
1、构造Date对象var dt = new Date(); //获取当地包含日期和时间的对象，格式为：Thu Aug 31 2017 09:15:43 GMT+0800 (中国标准时间)2.使用new Date()可以构造固定时间的date对象1)new Date(时间戳)//返回值为时间戳-1970/01/01的毫秒数，然后转化为new Date()格式的时间;...
2017-08-31 11:01:00
47
转载 js功能代码大全
1、日期格式化 //化为2017-08-14 function formatDate (date) { var y = date.getFullYear(); var m = date.getMonth()+ 1; m = m>10 ? m : '0'+ m; var d = date.getDate(); d = d...
2017-08-17 16:21:00
78
转载 关于this
关于闭包中this的指向var parent ={ init:function(){ var func = function(){ console.log(this); //输出this为window } func(); } } paren...
2017-06-25 11:03:00
32
转载 记vue API 知识点
1、 v-cloak指令：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none }一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。<div> {{msg}}</div>msg不会显示知道vue实例编译结束，这样就不会导致出现空白。2...
2017-06-24 09:35:00
45
转载 入门级Nginx反向代理nodejs
本着想实现前后端分离开发的初衷，我决定学习一下关于nignx反向代理的配置。1、下载Nginx稳定版本2、打开nginx配置文件 nginx.conf；3、在http模块的server部分配置server { listen 80; // Nginx的监听端口 server_name localhost; // 访问...
2017-06-13 15:04:00
80
转载 express整合webpack的打包文件dist
对于我来说，第一次接触前后端整合问题的小白，刚开始是一脸懵逼，这个问题整整坑了我一个晚上加一个早上，现在写出来总结；前端开发：vue-cli+webpack；后台开发：nodejs框架express；前端开发之后，使用localhost能正确访问vue-cli自带的服务器。而在后台方面，一开始我是直接在expres的views和public上开发前端页面，因此在一些...
2017-06-13 11:36:00
519
转载 知识遗漏点
1、vue-cli 如何进行mock测试？2、mongoose的使用？3、nginx代理与proxyTable代理关于/api是否写入url问题，nginx写入，proxyTable不写入（不清楚）；4、关于数据传输格式的formData；5、js与flash交互转载于:https://www.cnblogs.com/Yoriluo/p/6995462.html...
2017-06-12 22:51:00
90
转载 Vue入门总结
技术栈：VUE；Vue-router；Vue-resource；Vue-cli；项目：个人博客vue重构一、vue-cli脚手架搭建项目结构全局安装vue-cli：npm install vue-cli -g初始化vue-cli项目：vue init <模板名称> <项目名称>安装项目依赖：（网络慢的话可以使用淘宝镜...
2017-06-12 15:06:00
44
转载 JavaScript连等赋值
最近探究js原理的过程中遇到了这个挺有趣的问题。先贴代码：var a = {n:1}a.x = a = {n:2}alert(a.x) //undefined 在弄懂这个之前，我们先普及一个知识点，就是在javascript运算符中，属性运算符的优先级高于赋值运算符的优先级。因此，a.x是先于赋值之前就进行的。就是说，a.x刚开始是undefined的...
2017-06-08 22:47:00
87
转载 vue入坑总结
1、Do not mount Vue to <html> or <body> - mount to normal elements instead.Vue2.x之后不推荐挂载vue实例到<html>和<body>上；2、Vue2.x在loader上不支持直接书写！style！css！style.css；应该为都为每个loader添加...
2017-06-08 20:56:00
49
转载 form表单与后台请求的关系
开发中遇到一个问题，说这个问题前先看一下代码后台方面，get请求：post请求：前端方面：问题是：当我点击提交表单后，页面会跳转成这样：经过多番测试，原因竟是form表单的提交问题，如果用form表单的提交，则会实现页面的跳转，具体是这样的：1、form表单获取数据包装成http请求；2、获取form表单的属性action的值，默认为...
2017-05-19 16:29:00
351
转载 JavaScript构造函数、继承的理解
前两天稍微深入一点点理解了原型和原型链，然后就开始有挺多疑问的；function dog() { this.name = "huahua";}var cat = new dog();console.log(cat.name); //huahua按照原型链继承，cat是dog的实例，cat会继承dog的原型对象的属性才对，为什么cat.name又能...
2017-05-18 00:53:00
49
转载 前端知识未学习点
1、iframe的作用及优缺点iframe主要是在页面中嵌入另一个页面；优点：当嵌入页面部分需要刷新的时候不用进行整个页面的刷新，局部刷新即可；缺点：阻碍搜索引擎spider对页面的解读，当遇到多个iframe框架嵌套时，spider会以为是一个死站点，从而跳过；页面滚动条巨丑；2.jquery的bind、live、delegate、on的区别1)bind：当遇...
2017-05-16 15:56:00
46
转载 js垃圾回收机制
垃圾回收机制，简称GC（garbage collection），会定期（周期性）地回收那些不再使用的变量，然后释放其内存。而内存占用的情况有很多：1、变量2、字面量对象声明：var obj = {}；3、数组声明 ： var arr = []；4、函数声明： function fun(){};上述情况都会占用内存。通常的解决方法：标记清除；引用计数。...
2017-05-16 15:48:00
48
转载 前端闭包
对于进入前端这么长时间的我，现在才总结这个问题，也是渣渣了，不过亡羊补牢，犹未晚矣。一、闭包的含义外部函数包含一个内部函数，内部函数能够访问外部函数的变量。说到闭包，我们先了解一下js中变量的作用域和作用域链；js中有两种变量：局部变量和全局变量；js的特殊之处是函数具有自己的函数块级作用域，函数在自己的作用域内能够访问外部的全局变量，可是函数外部不能访问函数内部的...
2017-05-16 11:48:00
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人