技术
文章平均质量分 50
寒星冷雨
这个作者很懒,什么都没留下…
展开
-
封装vue组件并发布到npm上
1.使用webpack-simple模板建立一个vue项目,命令:vue init webpack-simple kingtreebtn ,新建项目目录如下:2.在src目录下新建lib目录存放组件源码3.组件封装完后新建组件出口文件index.js,文件内容如下:4. 修改package.json文件5.修改webpack.config.js文件6. 执行npm run build 命令,打包后的文件夹为dist7. 执行npm pack命令,生成kingtre原创 2020-12-01 14:53:11 · 309 阅读 · 0 评论 -
MySQL下载安装、配置与使用(win7x64)
第一大步:下载。a.俗话说:“巧妇难为无米之炊”嘛!我这里用的是 ZIP Archive 版的,win7 64位的机器支持这个,所以我建议都用这个。因为这个简单嘛,而且还干净。地址见图拉倒最下面,看清楚了64bit ZIP Archive ,点击Download。步骤阅读步骤阅读2b.点开之后会进入另一个页面,但却没有开始下载,这个时候不用怕,看不懂没关系,你只要知道他是要让你们登转载 2016-06-21 20:01:09 · 683 阅读 · 0 评论 -
SASS入门
一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SA转载 2016-06-15 11:12:24 · 409 阅读 · 0 评论 -
sass安装
ruby安装因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境sass安装安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Pro转载 2016-06-15 09:59:46 · 321 阅读 · 0 评论 -
使用SeaJS实现模块化JavaScript开发
前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依转载 2016-06-14 17:29:31 · 1507 阅读 · 0 评论 -
ReactJs入门
一、ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来转载 2016-04-21 14:26:49 · 721 阅读 · 0 评论 -
Express安装教程
假设已经安装了Node.js,接下来创建一个目录$ mkdir myapp$ cd myapp通过 npm init 命令创建一个 package.json 文件$ npm init接下来让你输入几个参数,比如名称和版本。 你可以直接按“回车”键接受默认设置即可下面这个命令除外entry point: (index.js)键入 app.js 或者你所希望的名称原创 2016-04-20 15:12:53 · 694 阅读 · 0 评论 -
Eclipse构建Maven项目
1. 安装m2eclipse插件 要用Eclipse构建Maven项目,我们需要先安装meeclipse插件 点击eclipse菜单栏Help->Eclipse Marketplace搜索到插件Maven Integration for Eclipse 并点击安装即可,如下图: 安装成成之后我们在Eclipse菜单栏中点击File->New->Othe转载 2016-04-19 15:25:45 · 221 阅读 · 0 评论 -
AngularJS双向数据绑定
工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此, NG框架是在DOM加载完成之后, 才开始起作用的. 在html中:body ng-app="ngApp"> div ng-control转载 2016-04-19 10:15:54 · 366 阅读 · 0 评论 -
简单易用Seajs
背景一个网站必然会涉及很多功能,tab选项卡、slide轮播图、pop弹出层、美化alert、paging分页等等等等,如果是企业网站那整合成一个js文件就够了,即 插件库 。但是对于一个大的网站平台来说需要的功能可能会有很多,而且随着平台的发展,功能会越来越多。到最后会发展成怎样的情况呢?这是 钱庄网 原先的插件库,已经接近20个插件了。想象一下,你在转载 2016-04-18 11:20:04 · 298 阅读 · 0 评论 -
JavaSript模块规范 - AMD与CMD
JavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发? 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码,被整合优化分割成逻辑性很强的模块时,对转载 2016-04-18 10:29:40 · 270 阅读 · 0 评论 -
AngularJS 数据双向绑定揭秘
AngularJS数据双向绑定揭秘AngularJS在$scope变量中使用脏值检查来实现了数据双向绑定。和Ember.js数据双向绑定中动态设施setter和getter不同,脏治检查允许AngularJS监视那些存在或者不存在的变量。$scope.$watch$scope.$watch( watchExp, listener, objectEquality );转载 2016-04-14 16:17:52 · 502 阅读 · 0 评论 -
AngularJS开发人员最常犯的10个错误
简介AngularJS是目前最为活跃的Javascript框架之一,AngularJS的目标之一是简化开发过程,这使得AngularJS非常善于构建小型app原型,但AngularJS对于全功能的客户端应用程序同样强大,它结合了开发简便,特性广泛和出众的性能,使其被广泛使用。然而,大量使用也会产生诸多误区。以下这份列表摘取了常见的一些AngularJS的错误用法,尤其是在app开发过程中。转载 2016-04-26 09:42:43 · 442 阅读 · 0 评论 -
js实现继承的5种方式
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现方式可以实现多继承)实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值Js代码 function P转载 2016-04-13 10:59:24 · 568 阅读 · 0 评论 -
浅谈WEB安全性(前端向)
相信进来的时候你已经看到alert弹窗,显示的是你cookie信息。单纯地在你的客户端弹出信息只是类似于迫使你在自己的房间脱衣服——没人看得到,自然也不算啥恶意行为。那么如果我把你的信息通过脚本发送到我的服务器保存起来呢 ?先放心,我不打算这么做,也没那笔闲钱去购置一个服务器来做羞羞的事情,也不希望博客园把我这地盘给封掉了。如同标题所写的,今天要聊的是WEB安全机制,但这“前端”二字倒是说转载 2016-03-14 13:57:11 · 301 阅读 · 0 评论 -
JS 实用技巧总结
1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”no 可用于 Table2. 取消选取、防止复制3.JS不允许粘贴onpaste=”return false”4. JS防止复制oncopy=”return false;” oncut=”re转载 2016-03-24 15:49:07 · 596 阅读 · 0 评论 -
JavaScript合并两个Json对象
如何将两个Json对象合并成新的json对象呢?$.mergeJsonObject = function (jsonbject1, jsonbject2) {var resultJsonObject={};for(var attr in jsonbject1){resultJsonObject[attr]=jsonbject1[attr];}for(var转载 2016-03-24 10:11:46 · 22465 阅读 · 0 评论 -
如何修改Apache的默认站点目录
修改Apache的默认站点目录 Apache HTTP Server安装好后,默认的站点目录位于其安装目录下的htdocs文件夹内,默认首页是该文件夹的index.html文件。比如,我的Apache是安装在C:/Program Files/Apache Software Foundation/Apache2.2/内,那么我的Apache的完整的默认站点目录地址是C:转载 2016-06-15 11:35:08 · 4200 阅读 · 0 评论 -
扫描二维码自动识别手机APP下载地址
移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版、iPad版、Android版,我们姑且称之为:终端适配。业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版、英文版、日文版、韩文版等,我们可称之为:APP国际化。还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版、Google版、阿里版、腾讯版转载 2016-07-04 18:33:22 · 1361 阅读 · 0 评论 -
前端常见跨域解决方案(全)
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: j...转载 2019-03-12 14:46:28 · 144 阅读 · 0 评论 -
很全很全的JavaScript的模块讲解(CommonJS,AMD,CMD,ES6模块)
JavaScript的模块介绍模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。模块的优点可维护性。因为模块是独立的,一个设计良好的模块会让外面的代码对自己的依赖越少越好,这样自己就可以独立去更新和改进。 命名空间。在 JavaS...转载 2019-03-06 17:19:39 · 210 阅读 · 0 评论 -
Vue数据绑定以及双向绑定原理分析
效果分析已经了解到vue是通过数据劫持的方式来做数据绑定的,其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,达到监听数据变动的目的,无疑这个方法是本文中最重要、最基础的内容之一,如果不熟悉defineProperty,猛戳https://blog.csdn.net/c_kite/article/details/77950326 整理了...转载 2018-11-27 18:02:53 · 353 阅读 · 1 评论 -
解决IE下Ajax请求无效
在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。 总结一下解决办法: 在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,[即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。为...转载 2018-08-03 15:40:25 · 2194 阅读 · 0 评论 -
webpack—devtool里的7种SourceMap模式
我们先来看看文档对这 7 种模式的解释:模式 解释 eval 每个module会封装到 eval 里包裹起来执行,并且会在末尾追加注释 //@ sourceURL. source-map 生成一个SourceMap文件. hidden-source-map 和 source-map 一样,但不会在 bundle 末尾追加注释. inline-source...转载 2018-07-27 20:13:52 · 1776 阅读 · 0 评论 -
VUE预渲染遇到的坑
遇到的问题1.下载prerender-spa-plugin 失败解决方案我更新prerender-spa-plugin 发现运行 下去都是 error报错 安装不成功,但是他会提示你对downloading 什么文件 保存到哪个位置对吧,把 他提示着 这个在浏览器 输入,我的是下面这个 //windowshttp://github.com/Me...原创 2018-07-27 19:32:54 · 5790 阅读 · 0 评论 -
构建一个预渲染SEO友好的应用示例
“我受不了了!我们的内部报告面板太烂了”产品经理很生气。他从这个即将崩溃的应用程序中拉取数据的操作是灾难性的。“Max,我们需要更好的报告。你能修吗?”“老实说,我更愿意建立一个全新的应用”,我笑着回答说。“好,请便。全权委托,老铁”我笑着,搓了搓手。最后,在一个需要使用JS框架的场景中,大家一致选择了Vue.js。最近,我完成该应用的代码,我对它简直爱不释手。我花了一些时间为社区写了一个vue....转载 2018-07-05 15:24:03 · 939 阅读 · 0 评论 -
单页应用多路由预渲染指南
前言Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一个 html 文件,然后根据访问的 url 来匹配对应的路由脚本,动态地渲染页面内容。单页应用在优化了用户体验的同时,也给我们带来了许多问题,例如 SEO 不友好、首屏可见时间过长等。服务端渲染(SSR)和预渲染(Prerender)技术正是为解决这些问题而生的。阅读...转载 2018-07-05 15:19:05 · 1538 阅读 · 0 评论 -
前端代码规范(静态检查)工具
为了统一团队的代码规范,除了一纸规范说明之外,还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则,但至少能够在一定程度上缓解代码不统一的局面。相对于后端,前端代码规范的质量检查涉及到HTML, CSS,Javascript ,如今还涉及到SCSS,ES5,JSX, React,Vue,Angular等,更是复杂。本文提供了在检查工具方面的规则制定,在编辑器IDE中进行配置,在webpac...转载 2018-07-10 11:42:10 · 7667 阅读 · 0 评论 -
Nginx安装及配置详解
nginx概述nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器;同时也是一个IMAP、POP3、SMTP代理服务器;nginx可以作为一个HTTP服务器进行网站的发布处理,另外nginx可以作为反向代理进行负载均衡的实现。这里主要通过三个方面简单介绍nginx反向代理负载均衡nginx特点1. 反向代理关于代理说到代理,首先我们要明确一个概念,所谓代理就是一个代表、一个渠道;...原创 2018-05-04 14:34:17 · 130 阅读 · 0 评论 -
数据库分库分表策略的具体实现方案
目录(?)[-]一MySQL扩展具体的实现方式二分表实现策略三分库实现策略四分库与分表实现策略五分库分表总结六总结相关文章:1、 使用Spring AOP实现MySQL数据库读写分离案例分析2、MySQL5.6 数据库主从(Master/Slave)同步安装与配置详解3、MySQL主从复制的常见拓扑、原理分析以及如何提高主从复制的效率总结4、使用mysqlreplicate命令快速搭建 Mysql...转载 2018-02-27 18:26:15 · 150 阅读 · 0 评论 -
大型网站应用之海量数据和高并发解决方案总结一二
目录(?)[-]一网站应用背景二针对海量数据和高并发的主要解决方案三海量数据的解决方案高并发情况下的解决方案总结一、网站应用背景开发一个网站的应用程序,当用户规模比较小的时候,使用简单的:一台应用服务器+一台数据库服务器+一台文件服务器,这样的话完全可以解决一部分问题,也可以通过堆硬件的方式来提高网站应用的访问性能,当然,也要考虑成本的问题。当问题的规模在经济条件下通过堆硬件的方式解决不了的时候,...转载 2018-02-27 18:09:53 · 251 阅读 · 0 评论 -
用gulp做一个略完整的前端打包工作~
分模块,每个模块都有独立的页面和静态文件,并将所有静态文件打在一个文件夹下,一些常用变量可以进行替换,并可进行简单的页面动态生成,生产环境打包与线上环境打包分开进行,静态文件进行压缩合并,加md5以及cdn,wap的静态文件与web端分离,wap的页面文件没有的继承web端的页面文件,有的要用它本身。打包由grunt换成gulp。整体的路径要像这样:转载 2016-09-02 17:32:29 · 7066 阅读 · 0 评论 -
使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配 ?那么趁此 Amfe阿里无线前端团队双11技术连载 之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobil转载 2016-09-01 11:37:19 · 861 阅读 · 0 评论 -
为什么要在引入的css或js后面加参数详解
css和js带参数(形如.css?v=与.js?v=)使用参数有两种可能,第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于但浏览器会认为他是 该文件的某个版本!第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重原创 2016-03-23 15:12:46 · 445 阅读 · 0 评论 -
常用的Javascript设计模式
一 单例模式单例模式的定义是产生一个类的唯一实例,但js本身是一种“无类”语言。很多讲js设计模式的文章把{}当成一个单例来使用也勉强说得通。因为js生成对象的方式有很多种,我们来看下另一种更有意义的单例。有这样一个常见的需求,点击某个按钮的时候需要在页面弹出一个遮罩层。比如web.qq.com点击登录的时候.这个生成灰色背景遮罩层的代码是很好写的.Java转载 2016-03-22 10:44:03 · 363 阅读 · 0 评论 -
浅谈对JS闭包的理解
函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性称为“闭包”。换言之,函数定义时的作用域链到函数执行时总是有效的。通俗一点,闭包就是能够读取其他函数内部变量的函数。它的用途:一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。什么事作用域链呢?作用域链是一个对象列表或者链表,这组对象定义了这段代码“作用域中”的变量。当Jav原创 2015-02-09 17:41:04 · 581 阅读 · 0 评论 -
html5横、竖屏状态 以及禁止横屏
代码:window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false); function hengshuping() { if (window.orientation == 90 || window.orien转载 2015-01-27 16:28:44 · 15669 阅读 · 0 评论 -
关于Web Worker的一些心得
注意问题现在在平台中线程js中不能识别Extjs的方法,原因是线程js无法引入Extjsd的方法。Onmessage只接收数据,不能在里面直接写方法,只能调用外面的方法Webwork.js无法访问window,docment等对象 代码案例//创建一个线程var worker = new Worker('test/my_task.js'); v原创 2015-01-22 15:01:24 · 418 阅读 · 0 评论 -
SVG 与 Canvas:如何选择
本主题一开始将对 SVG 与 Canvas 进行简要比较,接下来会讨论大量的比较代码示例,如光线跟踪和绿屏。注意 为了查看本主题中包含的很多示例,你必须使用支持 SVG 和 Canvas 元素的浏览器(如 Windows Internet Explorer 9)。简介矢量图形矢量图形方案的简要概述专业设计器和使用工具HTML5 图形技术技术简介转载 2015-02-06 15:16:46 · 1439 阅读 · 0 评论 -
HTML本地存储之IndexedDB(1)
前言:因为项目的一些要求,所有的开发都是基于firefox5浏览器的,所以以下的总结都是基于firefox5而来。1.1. IndexedDB是索引型数据库,(同步未实现)现支持异步操作。使用时不能将浏览器设为隐私模式。1.2. IndexedDB可以存储任意格式的json object,而localStorage则只能存string1.3. IndexedDB数原创 2015-01-22 14:57:59 · 827 阅读 · 0 评论