- 博客(46)
- 收藏
- 关注
RSS订阅转载 HTML5学习之WebWork多线程处理
多线程技术在服务端技术中已经发展的很成熟了，而在Web端的应用中却一直是鸡肋在新的标准中，提供的新的WebWork API，让前端的异步工作变得异常简单。使用：创建一个Worker对象，指向一个js文件，然后通过Worker对象往js文件发送消息，js文件内部的处理逻辑，处理完毕后，再发送消息回到当前页面，纯异步方式，不影响当前主页面渲染。<!...
2018-11-05 20:15:00
221
转载 HTML5性能监控API：performance
成员:.navigation(一个叫做performanceNavigation的对象.).timing(这是一个被称作performanceTiming的包含了很多成员的对象)一个页面渲染完毕，或者与服务器建立连接所花费的时间等可以使用这个api测试转载于:https://www.cnblogs.com/ccnNL/p/9911082...
2018-11-05 19:48:00
440
转载 vueSSR+node+koa开发（vue风格开发小程序）
使用wepy框架开发作用：ssr后端服务器渲染，方便seo优化拍名，爬虫爬取问题：异步代码不便于爬虫，怎么办？ssr具体实现方案：nuxt.js转载于:https://www.cnblogs.com/ccnNL/p/9741397.html...
2018-10-09 21:25:00
367
转载 koa2语法体验
//koa2：使用es678同步写法解决异步问题，相比于express解决了callback hell问题const Koa = require("koa") // npm 安装最新版koaconst app = new Koa() // koa2创建server是通过new的方式const asyncIO = ()=>{ return ...
2018-10-04 00:34:00
183
转载 关于vue项目的打包
打包的目的是将整个项目按照文件格式(js,css等)归纳合并成不同hash值的文件，最后写在内存条上的只有一个js文件，css文件，图片资源文件，一个首页html文件打包后的文件位于项目根目录的dist目录里面开发环境，我们通过开启本地服务器来运行项目，webpack4.0 将本地服务器写在webpack.dev.config.js文件里面的devser属性里面转载于:...
2018-09-29 16:44:00
158
转载 vue中的 keep-alive组件【 实现组件跳转的状态保留，也是vue优化的一种方式】
原理：keep-alive 提供了两个生命钩子，分别是 activated 与 deactivated。因为 keep-alive 会将组件保存在内存中，并不会销毁以及重新创建，所以不会重新调用组件的 created 等方法，需要用 activated 与 deactivated 这两个生命钩子来得知当前组件是否处于活动状态。<keep-alive> &...
2018-09-29 02:17:00
564
转载 vue中日期组件
// vue项目可以抽取出单独的组件 通过引入的方式function formDate(date, fmt) {if (/(y+)/.test(fmt)) {var year = new Date().getFullYear() + "";fmt = fmt.replace(RegExp.$1, year);// fmt.replace(RegExp.$1,xxx...
2018-09-28 00:26:00
702
转载 装备管理系统项目分析
整个项目采取的是混合开发模式；页面的结构是：后台渲染，jsp页面的嵌套，js，jquery直接获取不到jsp页面的<irame>标签里面的dom采用js API： contentDocument获取jsp嵌套页面的DOM例如： $("html").contentDocument.getElementById("这个值是iframe标签的ID")，获取完了irame后...
2018-09-07 14:55:00
171
转载 eleme饿了么vue项目随笔，随时更新，想到哪里写到哪里比较凌乱一直更新
组件设计原则：就近维护mock数据模拟：/#/xx/api vue1.0 json获取不到（请求出现sockjs-node/info文件，所以不能加地址栏不加#来获取模拟请求数据） vue2.0前端请求直接 /api 来获取数据组件设计拆分：移动端项目 index头部添加meta viewport等 设计稿按照2倍vue中样式文件 并没...
2018-07-27 19:26:00
176
转载 icoMoon制作自己的icon字体文件，快捷前端开发
https://icomoon.io/app/#/select转载于:https://www.cnblogs.com/ccnNL/p/9367696.html
2018-07-25 18:44:00
149
转载 炸鸡音乐，vue，spa项目分析
项目描述：Web App，QQ音乐界面风格，SPA应用技术描述：1.fast-click处理移动端点击事件的延迟2.create-keyframes-animation处理css动画3.jsonp npm封装，跨域获取数据4.vue-lazyload实现页面懒加载5.loading实现网络加载过程中的界面效果6.axios数据请求7.webpack+vue...
2018-07-25 13:24:00
280
转载 vue中mixin 感觉很牛逼（父子组件融合成一个新组件）
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ 组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。 而mixins则是在引入组件之后，则...
2018-07-06 16:55:00
913
转载 webpack学习笔记-3-autoprefixer-loader 我转的写的比较好的博主的
https://blog.csdn.net/qq_38652603/article/details/73848910转载于:https://www.cnblogs.com/ccnNL/p/9189151.html
2018-06-15 22:09:00
133
转载 启动mongodb的 命令，相关api使用说明
1.将mongodb配置环境变量2.配置mongodb数据的写入路径 一般是data下mongod --dbpath F:\MongoDB\data3.mongod启动服务器端，mongo启动客户端 （服务器端，客户端开启两个cmd窗口）关于查询数据库api find（） findOne的区别没啥区别，就是返回的数据格式不同例如有这样一个数据库...
2018-05-12 12:24:00
124
转载 如何理解vue，virtual DOM
Vue.js 2.0窥探之Virtual DOM到底是什么？Vue.js 2.0已经发布，并且在其中新添加如了一些新功能。其中一个功能就是“Virtual DOM”。Virtual DOM是什么？在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的，就要先认清这几个概念：1.更新DOM是非常昂贵的...
2018-04-01 17:02:00
122
转载 js 数组去重总结的方法，自己用到的几种，总结不全
1.双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){var arr = this,result = [],i,j,len = arr.length;for(i = 0; i < len; i++){f...
2018-03-18 21:22:00
152
转载 jquery代码优化，想到一条在随时更新。。。
我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今，我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架，使节点选择和DOM操作变得越来越容易，如果使用不当，有可能影响整个网页的响应速度。咱们细谈：1.总是使用#id去寻找element. jQuery中最快的选择器是ID选择器 ($('#someid'))....
2018-03-18 13:59:00
98
转载 浏览器的同源策略和跨域访问
1. 什么是同源策略 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 何谓同源: URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。 同源策略: 浏览器的同源策略，限制了来自不同源的"document"或脚本，对当前"document"读取或设置某些属性。...
2018-03-17 13:58:00
250
转载 1.解决自适应布局中div内部img距离底部4px的空白问题？2. img怎么实现水平垂直居中？...
1.解决自适应布局中div内部img距离底部4px的空白问题？示例代码： <style> .t1{自适应布局，外层盒子不给宽高（由内部元素撑开） } img{ /* vertical-align:bottom; */ 1.设置img vertical-align：bottom /* display:block; */ ...
2018-03-10 20:26:00
197
转载 PC端网页和移动端网页，自己做的总结
1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的...
2018-03-10 18:36:00
2063
转载 什么是跨域？如何实现跨域？
跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.localhost和127.0.0.1虽然都指向本机，但也属于跨域。如何实现跨域？（以下是常用，我自己项目使用到的）1、JSONP：利用<script>标签没有跨域限制的“漏洞”，来达到与第三...
2018-03-10 18:21:00
267
转载 ajax是什么？ajax交互模型？
AJAX的全称是Asynchronous JavaScript and XML（异步加载 JavaScript 和 XML）。 ajax不是新的编程语言，而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 ajax是一种用于创建快速动态网页...
2018-03-10 17:52:00
579
转载 js怎样添加、移除、移动、复制、创建和查找节点
（1）创建新节点var para=document.createElement("p"); //创建新的 <p> 元素var node=document.createTextNode("这是新段落。"); //创建了一个文本节点para.appendChild(node); //向 <p> 元素追加这个文本节点var element...
2018-03-10 16:51:00
592
转载 关于css权重计算
摘要: css权重的顺序为：important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承！！！ 根据 CSS 规范，具体性越明确的样式规则，权重值越高。计算权重值的依据，并不是许多文章所描述的那样“class是10，标签是1，ID是100”之类——虽然这样在大多数情况下能够得到正确的结果。...
2018-03-10 15:56:00
125
转载 HTML 5 Web 存储 与 应用缓存
页面缓存: html、JS、CSS等,这些缓存资源是由于浏览器的行为而产生;数据缓存----------AppCache: Cache Manifest 操作； 需要服务器 与 客户端 相互配合； 所有的缓存数据都由开发者直接完全地掌控。----------DOM Storage（Web Storage）： local storage； session stor...
2018-03-10 15:28:00
118
转载 网页布局 （bfc）自适应布局
核心思想主要是利用float+margin的形式。利用块状元素的流体特性，然后计算出float元素的宽度，并赋予到块状元素的相应margin中。但是这么做是有个缺点的，就是我们每次都得知道float元素的宽度，然后赋予到块状元素的margin。BFC有一特性：BFC的区域不会与外部浮动元素重叠。并且利用了这一特性，实现了两栏自适应布局例如：<!DOCTYPE ht...
2018-02-01 10:58:00
296
转载 js 递归
一、知识说明functionfun(){//自己调用自己，称为递归调用fun();console.log("m2");}fun();二、函数+变量//用递归来求5的阶乘//n!=n*(n-1)!//定义一个函数，用于求n的阶乘functionfunc(n)...
2017-12-27 17:17:00
74
转载 es6 语法
说到ES6肯定是先介绍Babel了，据阮一峰老师介绍到，Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。一、 BabelBabel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。该文件用来设置转码规则和插件，基本格式如下。...
2017-12-27 12:32:00
104
转载 js 捕获异常和抛出异常
try语句测试代码块的错误。catch语句处理错误。throw语句创建自定义错误。错误一定会发生当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误：可能是语法错误，通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可...
2017-12-22 19:18:00
458
转载 js 闭包
一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：f...
2017-12-16 12:29:00
108
转载 ASCII 和 unicode
近的项目涉及到了国际化的问题，由于之前并没有接触到UNICODE编码，因此，在项目期间，收集了一些关于ASCII和UNICODE的资料。1.ASCII的特点ASCII 是用来表示英文字符的一种编码规范。每个ASCII字符占用1 个字节，因此，ASCII 编码可以表示的最大字符数是255（00H—FFH）。这对于英文而言，是没有问题的，一般只什么用到前128个...
2017-12-14 10:34:00
110
转载 nodejs 回调函数
回调，是非常基本的概念，尤其在现今NodeJS诞生与蓬勃发展中变得更加被人们重视。很多朋友学NodeJS，学很久一直摸不着门道，觉得最后在用Express写Web程序，有这样的感觉只能说明没有学懂NodeJS，本质上说不理解回调，就不理解NodeJS。NodeJS有三大核心：-CallBack回调-Event事件-Stream流先来看什么不...
2017-12-13 13:52:00
471
转载 js 内存溢出
在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法释放内存的问题，下面分类给出：1、给DOM对象添加的属性是一个对象的引用。范例：var MyObject = {};document.getElementById('myDiv').myProp = MyObject;解决方法：在window.onunload事件中写上: document.getElementB...
2017-12-13 13:51:00
180
转载 js中的 垃圾回收机制
js具有自动垃圾回收机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。而在C和C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的根源。在编写js程序时，开发人员不用关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾回收机制的原理其实很简单：找到那些不再继续使用的变量，然后释放其所占用的内存。为此，垃圾回收器会...
2017-12-11 16:03:00
112
转载 怎样理解阻塞非阻塞与同步异步的区别？
“阻塞”与"非阻塞"与"同步"与“异步"不能简单的从字面理解，提供一个从分布式系统角度的回答。1.同步与异步同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication)所谓同步，就是在发出一个*调用*时，在没有得到结果之前，该*调用*就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由*调...
2017-12-07 12:49:00
72
转载 js面向对象编程
学习目标:理解面向对象开发思想 JavaScript是什么-解析执行：轻量级解释型的-语言特点：动态，头等函数(First-classFunction)+又称函数是JavaScript中的一等公民-执行环境：在宿主环境（hostenvironment）下运行，浏览器是最常见的JavaScript宿主环境+但是在很多非浏览器环境中也使用Java...
2017-12-07 10:50:00
122
转载 JS事件：onmouseover onmouseout &&onmouseenter onmouseleave &&onmousemove的区别
一：onmouseover、onmouseout： 鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有） 二：onmouseenter、onmouseleave： 没有事件冒泡，其他跟onmouseover 没有区别！！！ 鼠标经过时自身触发事件，经过其子元素时不触发该事件。（父亲的东西就是父亲的，不归儿子所有）三：o...
2017-10-22 04:37:00
330
转载 jquery滚动监听插件waypoints
waypoints：用于捕获各种滚动事件的插件&&还支持固定元素和无限滚动的功能，功力十分强大。Waypoints使用方法：step1：下载waypoints插件（importpath）<scriptsrc="jquery.min.js"></script><scriptsrc="waypoints.min.js">...
2017-10-22 04:07:00
630
转载 es6=>>unicode码详解
字符的Unicode表示法JavaScript允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点。 "\u0061"// "a"但是，这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。 "\uD842\uDFB7"// "????"...
2017-10-11 19:31:00
450
转载 鹿晗关晓彤公开恋情，是如何把新浪微博的服务器搞垮的？
鹿晗关晓彤公开恋情，是如何把新浪微博的服务器搞垮的？我觉得不像数据库挂了，微博这种级别的架构根本不是简单的分布式server+DB就能抗住的，别说鹿晗关晓彤搞个大新闻，就算平时运营的压力也扛不住。刚才王高飞说加一千台服务器暂时顶住了，数据库是不可能临时这么弹性伸缩的，能伸缩的无非就是HTTP Server、各中间层服务、缓存或消息队列。大概是微博自动扩容的算法没写...
2017-10-10 18:47:00
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人