新手开发自己的npm包

怎么开发一个npm包一、注册npm账号 怎么将代码提到github,大家都知道需要一个github账号 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器 注册地址:http://npmjs.org 该实例包含了模块的局部调用和全局调用两种方式 二、开发npm包1.目录构建 npm init 项目结构:npm包实际是一个存档文件,即一个目录直接打包为.zip或tar...
阅读(115) 评论(0)

VSCode使用技巧

VSCode使用技巧 1. 基本配置快捷键自定义(Ctrl+K Ctrl + S) 那个when支持条件表达式返回一个布尔值 支持的快捷键组合快捷键的键值​代码片段进入代码片段自定义有两种方式:【菜单栏->文件->首选项->用户代码片段】 全局命令【ctrl+shift + p => snippet】VSCODE的代码片段支持30多种编程语言,所以也免了代码片命名唯一和全局生效【所有文件】的尴尬这里...
阅读(90) 评论(0)

XSS web安全浅析

xss 防范:(前端开发与服务端开发,HTTP,Cookie, Ajax) 了解Xss定义 理解Xss原理 了解常见的Xss攻击方式 掌握Xss的防御措施 xss的攻击方式(Dos攻击) 反射型 url输入,服务端返回,并解析(一般是js代码)实例讲解: express -e ./ npm install code ./ npm start localhost:3000在 index.js中...
阅读(62) 评论(0)

React 组件的三种写法总结

React 专注于 view 层,组件化则是 React 的基础,也是其核心理念之一,一个完整的应用将由一个个独立的组件拼装而成。 1. ES5写法React.createClass, 2 . ES6写法React.Component, 3. 无状态的函数式写法(纯组件-SFC)。 你们最钟爱哪种写法呢?萝卜青菜各有所爱~ 每个团队都有自己的代码规范和开发模式,但书写 React 组件时 都会...
阅读(519) 评论(0)

一个简单的例子让你了解React-Redux

1. (单向)数据流数据流是我们的行为与响应的抽象;使用数据流能帮我们明确了行为对应的响应,这和react的状态可预测的思想是不谋而合的。常见的数据流框架有Flux/reFlux/Redux。相比其它数据流框架,Redux轻量(压缩后只有2K),而且在一个react项目中,Redux维护了单一的状态树。下面我们来具体看看为什么要使用数据流不只是前端,很多系统开发的时候遵从的都是MVC分离,也就是数据...
阅读(1864) 评论(4)

css3布局的若干笔记总结

自己在写一些样式的时候,遇到的一些问题,顺手就记下了,多总结。1. css 图片间隙问题:解决方案:法宝一:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 img{vertical-align:bottom;}法宝二:定义容器里的字体大小为0。div { font-size:0 }据说原因: 图片文...
阅读(244) 评论(0)

新手git学习笔记

一、git基本使用教程http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000二、常用命令新人使用git的流程: git init→git clone→git branch xxx→git checkout xxx→git add xxx→git commit -m xxx→git push...
阅读(231) 评论(2)

React全栈--现代前端技术

React全栈–现代前端技术1.ES6– 新一代JavaScript标准1.1 const和let关键字以前只有全局变量以及函数内部的局部变量,所以以前的局部变量只能定义在函数里面,但是现在不是了,可以通过let关键字来定义局部变量。同时通过const关键字来定义常量,定义后的基本类型数据是不能改变的,但是定义的是引用类型的变量的话,还是可以改变的。1.2 函数1.箭头函数,在回调中很有作用,箭头...
阅读(971) 评论(0)

React_Flux入门实例

Flux 架构入门实例过去一年中,前端技术大发展,最耀眼的明星就是React。本文参考的是阮大神的实例。加上自己的一些理解。React 本身只涉及UI层,如果搭建大型应用,必须搭配一个前端框架。也就是说,你至少要学两样东西,才能基本满足需要:React + 前端框架。Facebook官方使用的是 Flux 框架。本文就介绍如何在 React 的基础上,使用 Flux 组织代码和安排内部逻辑,使得你的...
阅读(179) 评论(0)

《React精髓》学习笔记

《React 精髓》虽然没有最新的Reduce,但是还是值得一看。一、给项目安装必要的工具React牛在何处?–React将命令式的API包装成为声明式的API,React牛在改变了我们的编写代码的方式;声明式编程的代码要少于命令式编程–声明式是告诉计算机要去做什么而不管怎么做,而命令式是要描述如何去做。jQuery和JavaScript DOM API就是典型的命令式编程。Snapterest项目...
阅读(228) 评论(0)

HTTP/TCP常见面试问题总结

1.OSI,TCP/IP,五层协议的体系结构,以及各层协议答:OSI分层 (7层):物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。 TCP/IP分层(4层):网络接口层、 网际层、运输层、 应用层。 五层协议 (5层):物理层、数据链路层、网络层、运输层、 应用层。 每一层的协议如下: 物理层:RJ45、CLOCK、IEEE802.3 (中继器,集线器) 数据链路:PPP、FR、HDL...
阅读(310) 评论(2)

JSON必知必会 学习笔记

JSON必知必会 读书笔记术语可移植性平台和系统间传输信息的兼容性。JSONJavaScript Object Notation 对象表示法。这里主要是对象表示法,是一种数据交换格式,比XML快,小,但是语义没有XML强。JSON与Javascript字面量的区别JSON是基于Javascript字面量属性的表示方法,但是与Javascript字面量不同,JavaScript对象字面量的键值对可以...
阅读(298) 评论(2)

Hybrid App性能优化之路

Hybrid App性能优化之路主要从两个方面讲一下首屏数据展示耗时优化和局部滚动长行列表优化首屏数据展示耗时优化1.首屏渲染的一般时序可以用如下的几个步骤:首先点击打开页面,创建webview,进行页面的加载,页面加载完后,发送cdn请求去拉一些js和css的数据。首先看一下首屏数据渲染,时候不用cgi?首先想到的一点就是利用缓存。让cgi第一次拉取的数据是直接从缓存里读取出来的,等到加载完后再用...
阅读(1959) 评论(0)

时间都去哪了-移动Web首屏优化实践

时间都去哪了-移动Web首屏优化实践首屏时间可用性的前提,后面用户是否使用你app很重要的因素之一;我们PC上访问其实现在的带宽已经很好了,百兆光宽带,但是在移动端就不一样了,很多用户还是使用的流量,GPRS。所以,对于首屏时间的加载,压力还是蛮大的;我们手机在出发一个操作之后,发生了什么?下面是在返回数据前发生的动作,但是作为前端,我们好像动不了这些东西,不可能叫运营商去帮你定制一套系统;这个才是...
阅读(1801) 评论(0)

开发眼中的一些前端交互优化

一、移动web开发与PCweb开发有哪些不同?首先一点就是性能:手机端的性能,要求更高;M中有很多meta标签;V中的css有很多屏幕适配;C中的交互优化与性能优化;交互优化与性能优化的差别系统真的快于用户感觉很快,是两码事;交互优化是更多的根据用户的实际感受来优化。1. 交互优化 – 点击事件如下场景:延时,卡顿;根本原因:默认点击有300ms延迟:有很多pc网页没有做移动端分辨率兼容,需要放大...
阅读(1821) 评论(0)
367条 共25页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:728999次
    • 积分:10955
    • 等级:
    • 排名:第1410名
    • 原创:307篇
    • 转载:53篇
    • 译文:4篇
    • 评论:215条
    博客专栏
    最新评论