RongU-CSDN博客

原创 export default 和 export的区别

1.Node使用 var 名称 = require ('模块标识符');导入模块使用 modules.exports 和 exports 来暴露成员2.ES6使用 import 模块名称 from '模块标识符' 导入模块(css文件直接 import '标识路径')使用 export default 和 export 来暴露成员注意：export default ...

2019-07-19 14:46:17 227

原创 webpack中导入vue和普通网页使用script导入vue的区别

1.安装vue的包npm install vue -S2.由于在webpack中，推荐使用.vue这个组件模板文件定义组件，所以，需要安装能解析这种文件的loadernpm install vue-loader vue-template-complier -D3.在webpack.config.js文件中，新增loader配置项{ test: /\.vue$/, use:...

2019-07-18 17:25:53 1248

原创 webpack中如何使用vue

1.安装vue的包npm install vue -S2.由于在webpack中，推荐使用.vue这个组件模板文件定义组件，所以，需要安装能解析这种文件的loadernpm install vue-loader vue-template-complier -D3.在webpack.config.js文件中，新增loader配置项//webpack.config.js/...

2019-07-18 16:51:23 223

原创 js类型转换大全（显式隐式转换）

你想知道的类型转换这里都有！var bar=true;console.log(bar+0);//1console.log(bar+"xyz");//truexyzconsole.log(bar+true);//2console.log(bar+false);//1console.log('1'>bar);//falseconsole.log(1+'2'+false);//...

2019-07-17 14:45:50 249

原创 js-删除数组中的重复元素

这里只写两种最简单易懂的方法，欢迎大家补充。1.es6->set var arr = [1,1,2,2,2,3,4,5,5,4,3,2,2,2,1,1]; console.log(new Set(arr));2.for循环 var arr = [1,1,2,2,2,3,4,5,5,4,3,2,2,2,1,1]; var newArr = []; for(let ...

2019-07-17 14:16:06 327

原创 js-删除数组中小于等于10的元素

以下是我自己常用的几种写法，可能写的不是最优最简洁，欢迎大家补充更好的方法。1.for循环----在原数组修改function handleArr(arr){ var temp; for(let i = 0; i < arr.length; i++){ for(let j = 0; j < arr.length - i - 1; j++...

2019-07-17 14:10:33 1980 1

1.减少http请求图片地图--一个图片上关联多个url，目标url的选择取决于用户点击了图片上的哪个位置。css sprites--将多个图片合并到一个单独的图片上，使用background-position属性。内联图片--使用data:URL模式在Web页面中包含图片但无需任何额外的http请求。合并脚本和样式表--每个文件都需要一个额外的http请求，分别合并到一个文件中，可以减少http...

2018-07-11 17:35:14 3753

原创 rev.manifest() do not work in ubuntu;虚拟机 linux 不生成rev-manifest.json文件

很坑的问题，解决了两天，好久没有遇到这么棘手的问题了。百度上搜了好几波都搜不出来，最后还是靠google。说一下我的问题，项目是ubuntu+Linux+django。因为是前后端不分离的项目，为了用gulp着实麻(cao)烦(dan)了一点！起因就是，给项目写好package.json和gulpfile.js文件后，运行gulp卡在了gulp-rev这一步！死活不生成rev-manifest.j...

2018-05-10 12:01:52 419

原创 es6-Math对象的扩展

1.Math.trunc()-用于去除一个数的小数部分，返回整数部分Math.trunc(4.1)//4Math.trunc(4.9)//4Math.trunc(-4.1)//-4Math.trunc(-4.9)//-4Math.trunc(-0.1234)//-0对于非数值，math.trunc()内部使用Number()方法将其先转为数值。Math.trunc('123.456')//...

2018-04-23 16:32:53 181

原创 ES6 字符串的扩展

1.at()-返回字符串给定位置的字符charAt()：该方法不能识别码点大于0xFFFF的字符at()：可以识别码点大于0xFFFF的字符2.includes()-返回布尔值，表示是否找到了参数字符串startsWith()-返回布尔值，表示参数字符串是否在源字符串的头部endsWidth()-返回布尔值，表示参数字符串是否在源字符串的尾部var s = 'Hello world!';s.s...

2018-04-19 17:33:32 238

原创一个前端菜鸟面试官的体会

因为工作项目需要，上周急聘一位前端开发人员。老板的要求是，基础要扎实，移动端有开发经验，能快速上手，这就可以了。来面试的那些人怎么说呢，简历基本都是高大上(相信老板初筛简历的时候也是稍微用心了)。都是丰富的pc+移动端开发经验，简历里面的技术特长、工作经历、项目经历加起来基本没有少于3页纸的。然而，他们可能满足了上手快，有移动端开发经验这两个要求，但是，基础简直出乎意料的差差差啊。。。简历写的都是...

2018-04-19 16:39:24 3765 2

原创面试小汇总-(盒模型)

CSS 盒子模型CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：Margin(外边距) - 清除边框...

2018-03-16 16:11:29 208

原创面试小汇总-(阻止冒泡)

JS事件流其中一种是冒泡事件，当一个元素被触发一个事件时，该目标元素的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上浮，到在水平面时，它才消失。在这个过程中，如果你只希望事件发生在目标元素，而不想它传播到祖先元素上去，那么你需要在“泡泡”离开对象之前刺破它。function stopPropagation(e) { e = e || window...

2018-03-16 16:06:34 207

原创面试小汇总-(Object.keys)

在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组。1.传入对象，返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"};consol...

2018-03-16 15:53:40 182

原创面试小汇总-(cookie)

(摘自菜鸟教程)JavaScript CookieCookie 用于存储 web 页面的用户信息。什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户...

2018-03-16 15:50:08 280

原创面试小汇总-(如何在页面上同时使用 jQuery 和其他框架？)

jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Googl...

2018-03-15 19:05:38 190

原创面试小汇总-(get，post)

GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。GET书签可收藏，POST为书签不可收藏。GET能被缓存，POST不能缓存。GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编...

2018-03-15 17:59:18 161

原创面试小汇总-(javascript/jQuery怎么防止全局变量污染和fn名称冲突？)

1、用命名空间var nameSpace={v1:xxx,v2:xxx, a1:function(){...}, a2:function(){...}}2、用!function(){}()将内容包起来！function(){ v1=xxx; v2=xxx; function a1(){...} function a2(){...} }...

2018-03-15 17:54:18 632

原创面试小汇总-(css实现垂直居中和水平居中)

水平居中设置 1、行内元素设置 text-align:center 2、定宽块状元素设置左右 margin 值为 auto 3、不定宽块状元素 a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin...

2018-03-15 17:50:08 371

原创面试小汇总-(mvc,mvp,mvvm)

（摘自阮一峰）一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈所有通信都是单向的。二、互动模式接受用户指令时，MVC...

2018-03-15 11:17:20 905

原创面试遇到的知识点小记

1.box-sizing2.position3.display4.apply,call5.mvc,mvvm6.debounce7.ajax8.form9.垂直居中10.缓存11.get,post12.flex13.seo14.全局变量$和fn名称冲突15.vue.js和AngularJS,React,jQuery相比昨天的面试题就记住这几个问题了博客会持续更新面试官具体问...

2018-03-14 16:49:07 176

原创面试小汇总-(display)

display(摘自w3school)定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。注释：CSS2 中有值 compact 和 ...

2018-03-14 16:27:32 258

原创面试小汇总-(position)

position（摘自w3school）定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值：static继承性：no版本：CSS2JavaScript 语法：object.style.position="absolu...

2018-03-14 16:24:29 275

原创面试小汇总-(box-sizing)

box-sizing（摘自w3school）定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。<!DOCTYPE html><html><head>&l...

2018-03-14 16:14:12 299

转载 js中的call()和apply()

1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。call()方法使用示例：//例1 <script>...

2018-03-14 13:28:03 107

转载函数节流（throttle）与函数去抖（debounce）

一.前言以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup事件实际上对于window的resize事件，实际需求大多为停止改变大小n毫秒后执行后...

2018-03-14 11:46:23 139

转载 Node 定时器详解

JavaScript 是单线程运行，异步操作特别重要。只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击，他的抗打击能力必须变得很强，否则他就完蛋了。Node 的异步语法比浏览器更复杂，因为它可以跟内核对话，不得不搞了一个专门的库 libuv 做这件事。这个库负责各种回调函数的执行时间，毕竟异...

2018-03-08 11:46:38 126