聚合文章列表
22 浏览

web前端vue:watch自动检测数据变化实时渲染

watch实例上次讲到可以使用this.$set或vm.set来动态的改变,已经渲染在页面上的数据(添加,删除)重新计算重新渲染。有时候你会需要,动态的改变某个数据或者值,然后根据你改变的值再做出其它的处理操作(如:显示,隐藏,增,删)等,如下面代码例子:这里举个Tab的例子:在vue的项目里新建一个Tab的组件页面

17 浏览

redux 和 mobX对比

学习难度对比:mobX的学习中,你可以听信关于30分钟快速入门的神话,这毕竟不是对一个语言而言的《7天从入门到精通》系列,因为它真的很简单,并且在这三十分钟过去之后,你唯一需要花的时间就是偶尔翻翻文档就可以自如的使用它了。redux的入门学习也没那么难,即使有些概念显得比较抽象,你最多需要多花上半个小时就可以掌握它们了,但是当你真的去使用的时候,你会发现这一切原来并非想象的那么简单,你不得不花更多的时间来学习更多:当你需要异步的时候,你不得不考虑redux-thunk,你怎么可能不需要异步想用Promise,没问题,先看看redux-promise-middleware怎么样想搞个日志之类的东西,redux-logger已经准备好了当你需要使用state中的两个值来计算出一个值的时候,你如果稍有代码洁癖,你肯定不愿意这样做,这时候,你需要的东西叫做Reselect...第一波黑的不错,你有没有望而却步工作量对比(以下代码直接在nodejs环境下测试):一般来讲,这里应该用一个couter之类的示例来做const{createS

JavaScript 1900-01-01 发布
22 浏览

如何設定 Angular 環境變數 ?

實務上會有不同Angular執行環境,如開發用的dev環境,測試用的lab與stg環境,正式上線用的prod環境,不同的環境會有不同的環境變數,如APIserver、S3server的設定…等,AngularCLI提供了很方便的機制處理環境變數問題,讓我們切換不同環境時,完全不用改code,只要在AngularCLI編譯時使用不同的參數切換即可。VersionNode.js8.9.3AngularCLI1.6.2Angular5.2AngularCLI預設Environments一個乾淨的Angular專案,已經提供了預設的environment設定。選擇專案根目錄的.angular-cli.json在environmentsproperty下,已經有dev與prod兩個設定,分別對應到environments目錄下的environment.ts與environment.prod.tsenvironment.prod.t

Angular 2018-01-15 发布
17 浏览

《深入浅出 Webpack》章节试读 & 送书活动

今天给大家带来新书《深入浅出Webpack》试读章节。作者@吴浩麟,一线前端工程师,曾就职于腾讯,现就职于美团。专注于Web开发,参与过众多大型Web项目的构建、设计和开发,喜欢探索Web前沿技术。也是Golang和音视频技术的爱好者,活跃于GitHub,ID为gwuhaolin。在文末有一个「成为外刊君作者!」的活动,送出5本《深入浅出Webpack》!3.14构建离线应用3.14.1认识离线应用即使将网页的性能优化得非常好,如果网络不好,则也会导致网页的体验很差。离线应用是指通过离线缓存技术,让资源在第一次被加载后缓存在本地,在下次访问它时就直接返回本地的文件,即使没有网络连接。离线应用有以下优点:在没有网络的情况下也能打开网页;由于部分被缓存的资源直接从本地加载,所以对用户来说可以加快网页的加载速度,对网站运营者来说可以减少服务器的压力及传输流量费用。离线应用的核心是离线缓存技术,历史上曾先后出现两种离线离线缓存技术,如下所述。AppCache:又叫作ApplicationCache,目前已

JavaScript 2018-01-15 发布
AD 友情赞助
31 浏览

手把手教你webpack如何打包才能输出最优生产文件

前言webpack打包大多数前端工程师们都已经用过,然后今天我想和大家分享的是webpack如何打包才能输出最优生产环境文件,主要针对两种人群:未自己手把手配置过webpack的人、配置过webpack但是不熟悉或者不知所以然的的人。如果fe大神看到请勿略此文,谢谢!准备工作在做讲解之前,我希望大家先去我的github上clone下我的demo项目,然后按照我的讲解亲自code一边!最基本的打包构建这是项目目录结构:ps:先来看下最简单的打包,这边为了模拟打包文件大点,index.js引入了一些用不到的模块,然后webpack只做了最简单的js压缩处理。//index.jsimportReactfrom'react';import{render}from'react-dom';import{Router,Route,IndexRoute,hashHistory}from'react-router';importReduxfrom'redux';importreactReduxfr

JavaScript 2018-01-15 发布
21 浏览

从搭建vue-脚手架到掌握webpack配置(三.多页面构建)

前言上一期中我们通过引入了插件实现了不少功能——样式抽离、公共模块提取、代码压缩等等;本期开始讲讲可能会用到的第三方编译器的配置和多入口的优化。本期重点:postcss和.babelrc配置、多入口多页面代码提取优化往期链接:从搭建vue-脚手架到掌握webpack配置(一.基础配置)从搭建vue-脚手架到掌握webpack配置(二.插件与提取)小小题外话本系列文章写到了第三篇,Jason我发现了这系列的文章有一个很大的缺陷,文章和前面的文章存在着耦合,可能会导致知识点存在线性的关联,对于有基础的朋友来说,又要从第一期开始阅读的话,比较不友好。所以后面的文章开始Jason会尝试独立知识点,尽量回归知识点的运用上;在文章的开头也会说明本期的主要内容;当然一些插件和loader的进阶使用还是要有基础的,初学者还是建议从头过一遍。使用postcsspostcss介绍postcss官方的GitHub上还有中文的介绍。PostCSS是一个允许使用JS插件转换样式的工具。这些插件可以检查(lint)你的CSS,支持CSSVa

JavaScript 1900-01-01 发布
24 浏览

js 实现复制剪切

原生js实现复制copy复制哈哈哈哈啊哈哈复制functioncopyText(){varUrl2=document.getElementById("copy").innerText;varoInput=document.createElement('input');oInput.value=Url2;document.body.appendChild(oInput);oInput.select();//选择对象document.execCommand("Copy");//执行浏览器复制命令oInput.className='oInput';oInput.style.display='none';a

JavaScript 2018-01-15 发布
AD 友情赞助
22 浏览

提高Javascript性能的30个技巧

您是网络管理员还是网页开发人员?想创建超快速的网站吗?你可能已看过Monitis最近发布的帖子,里面分享了用于提高WindowsServer2008和LinuxServers性能的一些技巧。我们希望这些帖子能对您有所帮助。现在,我们来看看JavaScript,这种神奇却又很复杂的技术。它使得网站的搭建更加丰富,但常常其高效的运行会出现障碍,从而降低了用户体验。提高用户体验是我们Monitis的使命,不管是面向消费客户还是系统管理员。为什么这么讲?因为事实已经证明,最佳的终端用户体验能提高站点的转换率、Google搜索排名以及网站访问者的满意度。这意味着什么?意味着这会给您和您的公司带来更多更好的业务。当然,除了这些帖子以外,还有很多方法可以用于改善您的计算体验,比如,检查网页的加载性能。站点管理员可以使用Monitis提供的即时网页加载测试工具或持续的真实浏览器全页面监控工具。页面的加载受到很多因素的影响,包括网络速率,主机位置,服务器性能,应用性能,页面的设计和优化。下面我们介绍提高Javascript性能的一些技巧。同

JavaScript 2018-01-16 发布
25 浏览

【ASP.NET MVC系列】数据验证和注解

【01】浅谈GoogleChrome浏览器(理论篇)【02】浅谈GoogleChrome浏览器(操作篇)(上)【03】浅谈GoogleChrome浏览器(操作篇)(下)【04】浅谈ASP.NET框架【05】浅谈ASP.NETMVC运行过程【06】浅谈ASP.NETMVC控制器【07】浅谈ASP.NETMVC路由【08】浅谈ASP.NETMVC视图【09】浅谈ASP.NETMVC视图与控制器传递数据【10】浅谈jqGrid在ASP.NETMVC中增删改查【11】浅谈ASP.NET页面之间传值的几种方式【12】浅谈缓存技术在ASP.NET中的运用【13】浅谈NuGet在VS中的运用【14】浅谈ASP.NET程序发布过程【15】浅谈数据注解和验证【16】浅谈依赖注入【17】浅谈表单和HTML辅助方法【18】浅谈基于APS.NET身份验证【19】

.Net 2018-01-15 发布
25 浏览

将 WPF、UWP 以及其他各种类型的旧样式的 csproj 文件迁移成新样式的 csproj 文件

写过.NETStandard类库或者.NETCore程序的你一定非常喜欢微软为他们新开发的项目文件(对于C#,则是csproj文件)。这种文件非常简洁,组织一个庞大的项目也只需要聊聊二三十行;也非常易读,你可以轻易地修改其代码而不用经过过多的提前学习。当然,微软曾经尝试过用project.json来组织项目文件,不过只有短短的预览版阶段用过,此后就废弃了。然而组织传统.NETFramework类库的csproj文件却极其庞大且难以理解。而本文将提供一种迁移方法,帮助你完成这样的迁移,以便体验新csproj文件带来的诸多好处。新csproj文件的优势与直观体验如果你已经体验过新csproj文件的好处,那么直接前往下一节即可。没体验过的话就来体验一下吧!net471

.Net 2018-01-16 发布
AD 友情赞助
23 浏览

VS2015配置内核WDK7600环境,32位下.

VS2015配置内核WDK7600环境,32位下.学习内核驱动的编写,就要会配置环境.不然总是用记事本编写.比较不方便.环境配置如下.1.首先下载WDK7600,课堂资料代码中已经上传.链接:https://pan.baidu.com/s/1o9PjpUU密码:k5sp2.VS2015下载.这个网络上有很多.自己选择一个下载即可.PS:VS2013配置一样可以.配置好了导出模版.然后也可以给VS2015使用.一丶环境配置1.打开VS2015,新建空项目中文:文件->新建->常规->空项目2.添加新文件,后缀为.cpp打开解决方案视图源文件->添加新建项(Ctrl+shift+a)3.修改配置属性项目->属性->常规ALT+F7(直接这个按键也可以).修改:项目->属性->常规->目标文件扩展名为.sys4.修改配置管理器,添加配置管理生成->配置管理器名字可以随便取5.配置WDK的环境变量配置环境变量计算

.Net 2018-01-16 发布
21 浏览

Vue尝鲜快速、零配置的打包工具---parcel~

Parcel将资源树转换成包(bundles)树。许多其它的打包工具基本上是基于JavaScript资源,还有附加在其上的其它格式的资源。例如,在JS文件中内联成字符串。Parcel是对文件类型无感知的,它能按你所期待的方式那样与任意类型的资源工作,且毋须配置。构建资源树Parcel接受单个入口资源作为输入,可以是任意类型:JS、HTML、CSS、图片文件等等。在Parcel中定义了许多不同的资源类型,它知道如何去处理特定的文件类型。资源会被解析,资源的依赖会被提取,资源会被转换成最终编译好的形态。此过程创建了一个资源树。构建文件束树一旦资源树被构建好,资源会被放置在文件束树中。首先一个入口资源会被创建成一个文件束,然后动态的import()会被创建成子文件束,这引发了代码的拆分。当不同类型的文件资源被引入,兄弟文件束就会被创建。例如你在JavaScript中引入了CSS文件,那它会被放置在一个与JavaScript文件对应的兄弟文件束中。如果资源被多于一个文件束引用,它会被提升到文件束

Vue.js 2018-01-15 发布
26 浏览

使用 node 模拟请求接口

使用Vue写项目肯定会遇到一个问题,如何模拟服务端请求数据,那这就需要用到node.js了。这篇我们讲解一下如何使用node.js模拟服务器端请求数据。一、初始化并创建一个项目vueinitwebpack-simplenode-democdnode-demonpmicnpmivuexsxios-S二、编写接口在build文件下的webpack.dev.conf.js文件中加入「express」基于node.js后端框架,负责路由,业务逻辑,数据库操作,页面和数据响应。即架构中的业务层,对前端的请求进行响应,需要数据库的拉取数据库内容,需要判断处理的返回处理结果,请求页面文件的返回html文件constexpress=require('express')//通过node访问模拟数据constapp=express();//使用express框架启动一个服务器//1.读取文件varappData=require('../data.json')varsel

Vue.js 1900-01-01 发布
17 浏览

Angular中的纯粹和不纯的管道之间的本质区别以及为什么这很重要

在Angular中编写自定义管道时,可以指定是定义纯管道还是不纯管道:@Pipe({name:'myCustomPipe',pure:false/true<-----here(defaultis`true`)})exportclassMyCustomPipe{}Angular在管道上有一个非常好的文档,你可以在这里找到。但是,正如文件经常发生的情况一样,没有明确的划分理由。在这篇文章中,我想填补这个空白,并展示了函数式编程的前景,它展示了纯和不纯的管道来自何处。除了学习差异,你会知道它是如何影响性能,这些知识将帮助你编写高效和高性能的管道。Apurefunction网上有很多关于函数式编程的信息,可能每个开发人员都知道纯函数是什么。对于我自己,我将一个纯函数定义为一个没有内部状态的函数。这意味着它执行的所有操作都不受状态的影响,给出相同的输入参数产生相同的确定性输出。以下是添加数字的两个版本的函数。第一个是纯的,第二个是不纯的:constaddPure=(v1,

Angular 2018-01-15 发布
19 浏览

Markdown 教程

这是一篇讲解如何正确使用Markdown的排版示例,学会这个很有必要,能让你的文章有更佳清晰的排版。引用文本:MarkdownisatextformattingsyntaxinspiredMarkdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,被广泛使用。简书是最先一批支持markdown的写作社区。一:普通内容这段内容展示了在内容里面一些小的格式,比如:加粗-**加粗**倾斜-*倾斜*删除线-~~删除线~~Code标记-Code标记超级链接-[超级链接](http://github.com)username@gmail.com-[username@gmail.com](mailto:username@gmail.com)如何实现:-**加粗**-`**加粗**`-*倾斜*-`*倾斜*`-~~删除线~~-`~~删除线~~`-`Code标记`-``Code标记``-[超级链接](http://gith

JavaScript 1900-01-01 发布
18 浏览

网上有JavaScript框架那么多,总有一个适合你

前端Js框架汇总概述:智能未来,一个长期更新技术文章的小编,因为近期较忙,更新时间不定时,还望各位见谅,小编会努力创作,希望大家能够喜欢。Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在不同业务场景下的角色互换。而随着node.js的出现语言的角色也在发生着转变,Js扮演了越来越重要的角色。也就有了茶余饭后也把了解到的知识整理一下。看过“你的知识需要管理”后,强烈的意识到杂乱且范范的知识储备远不如整理后条理清晰的知识带来好处多。所以,是的,我们需要时不时的回来对掌握的知识梳理归类,以备不时之需。一、前端框架库:1.Zepto.js地址:http://www.css88.com/doc/zeptojs/描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。2.SUIMobile地址:htt

JavaScript 1900-01-01 发布
23 浏览

Mofei作品@2017 - 世间本无其他,都是奇迹

持续高潮的2017过去了。今年的基调起的格外的高,一上来就是3月的新西兰自驾之旅,然后5、6月的婚礼、老家的新房也交房了,接下来的8、9月和一起奋斗的小伙伴们去了趟泰国,最后又假装去了趟贝加尔湖。如此之high,以至于到了2018元旦这个最佳年度总结时间,刷着充满“再见2017”的朋友圈,也只能计划着春节假期的时候静下来写点什么。难得的一个周末,本来计划是把时间给Bookost(Bookost是谁?就不告诉你!)的,但是冥冥之中似乎有个声音建议我在继续前行之前停下来看看身后的风景。但是,作为一个冷漠、固执、腹黑(==这是我么:new_moon_with_face:。。。管他呢反正网上都这么说天蝎座)的天蝎男来说,对于这样无理的建议当然只能欣...然...接...受了,毕竟这是我自己的想法:joy:。不正经的说了这么久了,还是直接步入正题吧,如果你的时间比较有限建议你直接忽略上面的文字从下面开始看起,虽然我知道你已经看过上面的文字了(这就是传说中的腹黑:eyes::joy:)。。。@2017之非常规项目可能是由于越来越大的原因

JavaScript 2018-01-15 发布
23 浏览

超级有用的前端基础技术面试问题收集(一)

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。第一:每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和Opera会清理近期最少使用的cookie,Firefox会随机清理cookie。cookie的最大大约为4096字节,为了兼容性,一般不能超过4095字节。IE提供了一种存储可以持久化用户数据,叫做userdata,从IE5.0就开始支持。每个数据最多128K,每个域名下最多1M。

JavaScript 1900-01-01 发布
AD 友情赞助