-
浏览器语言家族添加一新成员WebAssembly
WebAssembly初出茅庐万维网联盟（W3C）最近宣布，WebAssembly核心规范现已成为正式的Web标准。因此，在HTML，CSS和JavaScript之后，WebAssembly正式成为第四种在浏览器中本地运行的语言。WebAssemblyWebAssembly核心规范将WebAssembly描述为一种安全，可移植的低级代码语言，目的在于高效执行和紧凑表示。 Web...
-
用JQuery仿造QQ头像裁剪功能
最近工作真心忙碌，几乎没时间写博客。今天趁有时间来仿一个QQ头像裁剪功能插件，效果如下：原理：主要是通过css的clip来裁剪图片可视区域，拖动剪裁窗口这里使用了JQ-UI的draggable插件（但是缩放没有，贪方便可以使用Resizable插件，但都用插件的话就没有研究的意义了）。缩放功能原理其实很简单，不外乎获取剪裁框的offset()或position()，以及各容器宽...
-
使用VUE一年后
从去年年底开始接触VUE，到现在已经整整一年了。这也是我接触的第一个MVVM的框架。在这之前，我也是长期执迷于JQ大法，在项目中尝试过一些常见的UI框架:MiniUI 这是一个很好用的框架，可惜收费较贵，排除这一点，肯定是JQ时代的首选EasyUI 用过一次，复杂的API设计让我败下阵来Bootstrap 上手快，文档详细，但交互上太弱LayUI 近几年新出来的框架，功能丰富，...
-
浏览器的底层是如何完成一次网络请求的？
对于面试的大部分前端开发者来说，对浏览器的了解也算是一知半解，因为我们一开始前端觉得，我们开发中通常使用浏览器来显示和调试页面用的，不会涉入到太过的相关浏览器工作原理知识。这你就大错特错了，虽然浏览器默默的为我们工作，但是有关浏览器的工作原理不但在你就业前端面试中属于重中之重，也是在前端优化中占有很大比重。作为一个前端开发如果不了解浏览器的工作原理，只能永远停留在前端“切图仔”...
-
axios 核心源码实现原理
1. Interceptors 拦截器axios 官网中对 Interceptors 的使用方法如下： 用户可以通过 then 方法为请求添加回调，而拦截器中的回调将在 then 中的回调之前执行：// Add a request interceptoraxios.interceptors.request.use(function (config) { // Do someth...
-
每个开发人员都应该知道的11个控制台命令
这些控制台命令可提高日常工作效率Photo by Sai Kiran Anagani on Unsplash命令行使我们的生活变得更加轻松，因为我们可以自动化一些平凡的任务并使事情运行更顺畅。 无需单击图形用户界面（GUI），我们可以触发一些命令并将其称为完成工作。Unix shell是命令行解释器或shell，可为类似Unix的操作系统提供命令行用户界面。 Shell程序既是...
-
Proxy error: Could not proxy request /user/login from localhost:9529 to http://127.0.0.1:9528/mock.
vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 GitHub上的下载地址为： https://github.com/PanJiaChen/vue-elem...
-
Github上发现的一个有意思的项目，Vuejs版本的开心消消乐
介绍笔者在浏览Github时发现一个有趣的项目，因为最近在学习Vue，在Vue板块中发现了这样的一个项目，觉得比较还比较有意思，因此在本文中分享给大家，共同学习和进步！本文内容来源于Github！Githubhttps://github.com/lcs1998/HappyEliminate效果展示游戏规则：初始时会给玩家十分的初始分，每拖动一次就减一分，每消除一个方块就加一分，...
-
是时候拯救我的 HTML 技术了
和 JavaScript、CSS 相比，HTML 经过三十多年的发展，似乎逐渐走进无人问津的角落，如何才能让 HTML 再次回到人们视野的中心。作者 | Yaser Adel Mehraban译者 | 谭开朗，责编 | 屠敏出品 | CSDN（ID：CSDNnews）以下为译文：有多少次，身为开发者的你编写了一个HTML块而没有意识到可能编码得并不理想?为什么HTML一直处于无...
-
web常见的五种前端布局方式
web大前端布局 常用的布局 常用的布局一般分为一下几大类： 文档布局（text） 文档流本质是 nomal flow （普通流、常规流） 元素在文档中的特点 块级元素，和内联元素。 块级元素：是自带有这行效果，在文档中独占一行的效果，块状元素会自上而下的排列且在默认宽度是父元素的100%而高度默认被内容撑开。 内联元素：内联元素在文档流中只占自身的大小，会默认从左向右排列，...
-
放下Axios，手写纯原生Ajax通信接口
前言axios作为vue框架中最常用的ajax工具包之一，可以与后台API接口进行通信，传送或接收数据，在前后端分离开发中，发挥了通信桥梁的重要作用。虽然像axios这样的第三方工具包很好用，但是这类工具包并不能很好地帮助前段开发人员，尤其是新人理解JavaScript原生的ajax通信机制。因此，本文将通过JS原生的ajax通信实例，为读者详细介绍原生ajax通信机制和使用方...
-
* ./cptable in ./node_modules/_xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js
由于项目中用到了xlsx和xlsx-style，但正常安装后，出现以下错误：* ./cptable in ./node_modules/_xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js 而在npm install结果是正常的：E:web>npm install√ Installed 83 packages√ Linked 0 l...
-
Windows下安装npm本地化仓库Sinopia及问题处理
采用Node.js开发本地项目，有时不同项目之间存在依赖，如果不想把项目发布到npm社区的仓库，则需要有自己本地的仓库。本地仓库候选方案有：sinopia，cnpm和kappa。 sinopia特点 零配置安装 使用文件系统作为存储，仅保存用户需要的包，如果本地仓库没有对应的包，则从指定的registry下载，默认为npmjs.org。 安装 以下是安装过程以及遇...
-
stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
大致意思是python没有环境变量，但实际上已经安装了python也配置了环境变量，可就是解决不了。如果遇到这种情况检查一下python版本是不是3.x的。如果是，那就是版本导致的错误。卸载掉3.x安装2.7的即可解决。python-2.7.3下载地址：https://npm.taobao.org/mirrors/python/2.7.3/python-2.7.3.msi另外补...
-
HTML页面仿WORD样式
有时候需要html输出成word形式，因此需要转换对应的样式，转换方式整理如下： 1、标题样式 目录 -- 宋体 小二 加粗一级标题 -- 微软雅黑 四号 加粗 <div style="font-family:微软雅黑;font-size:19px;font-weight: bold;">1 XXX</div>二级标题 -- 微软雅黑 小四 加粗 &...
-
解决oninput事件在中文输入法下会取得拼音的值的问题
在做搜索等功能时，很多时候我们需要实时获取用户输入的值，而常常会得到类似 w'm 这样的拼音。为了解决这个问题，我在网上搜索了下相关问题，发现了两个陌生的事件：compositionstart 和 compositionend。compositionstart & compositionend在 MDN 上找到了关于他们的描述，compositionstart 和 co...
-
Ant Design Pro项目在browserHistory模式下刷新页面404问题解决方法
Ant Design Pro是基于react的项目，默认配置时，使用的是browserHistory模式，而不是hashHistory模式。browserHistory模式使用的是真实的url地址，调试的时候可能是正常的，如果部署到服务器上，就可能会出现页面404的异常，因为实际地址不存在。官方也有说明： 前端路由与服务端的结合#如果你遇到 https://cdn.com/u...
-
React项目搭建过程
关于react项目搭建，网上已经有了许多的基础教程，以及环境安装的说明，这里就省略了。 主要安装好的环境有： 1、npm-v6.1.0 2、nodejs-v10.7.0 下面就创建一个react项目，过程其实很简单，几个步骤： 1、安装create-react-app cmd进行命令行，输入： npm install -g create-react-app等待一会，安装好了之...
-
ES6浏览器兼容性问题解析
2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。ES2015 是该语言的一个显著更新，也是自 2009年 ES5 标准确定后的第一个重大更新。 ES6 提供了许多新特性，但并不是所有的浏览器都能够完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性，其...
-
纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
1.导入功能实现 SheetJS下载地址： https://github.com/SheetJS/js-xlsx 下载js-xlsx到dist复制出xlsx.full.min.js引入到页面中然后通过FileReader对象读取文件利用js-xlsx转成json数据代码实现(==>示例<==) <!DOCTYPE html> <html>...
-
yuicompressor 文件名、目录名或卷标语法不正确
初次接触YUI Compressor，看起来还不错，应该是一个比较好的js压缩工具，也是css压缩工具，于是去github上下载了下来，下载地址也附上： https://github.com/yui/yuicompressor/releases 下载的是最新的版本 YUICompressor 2.4.8 Released。也可以直接用这个地址进行下载： https...
-
如何用jqueryui的dialog制作一个alert弹窗
使用JqueryUI时，页面里写了一个$.alert方法，报以下错误：Uncaught TypeError: $.alert is not a function本来以为jqueryui应该有这个方法，但由此来看是没有的。 对于jqueryui的dialog对话框，想实现类似alert的功能，可以定制标题、内容，于是写了一个方法：function dwuAlert(conten...
-
什么是JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。它是基于 JavaScript Programming Language , Standard ECMA-262 3rd Edition - December 1999 的一个子集。 JSON采用完全独立于程序语言的文本...
-
json在线转换工具
由于平时开发接口时，总是会用到json，因此将比较常用的json在线工具简单地制作了一下，以方便使用。 在线转换json的工具地址为： http://www.dreamwu.com/tools/json 功能有json在线解析、json格式化、json格式验证、json转xml、xml转json，也可以将json下载到本地。 如果有刚刚接触JSON的同学，还不清楚什么是JS...
-
js中的波浪线符号作用（按位非（~）符号）
Javascript 按位取反运算符 (~) ，对一个表达式执行位非（求非）运算。如 ~1 = -2; ~2 = -3;~-1=0 这个符号很少见，前端js写了那么久，竟然还是第一次遇到。既然遇到了，就不能直接略过。 ~1=-2是如何实现的呢，下面我们来看看计算过程： 一、输入为正数（1和2） （1）二进制原码：0000 0001，0000 0010 （2）按位取反：1111...
-
什么是HTML5
什么是HTML5，如果刚刚接触HTML5，那么可能对很多定义还比较陌生。这里介绍一些HTML5的基础知识。 学好HTML5，掌握HTML的特性要点，并熟练运用，那么对于未来的前端开发来说，是很有价值的。下面就来具体说明一下什么是HTML5，以及HTML5的特性。 HTML的英文全称为Hyper Text Markup Language，即超文本标记语言。HTML5是HTML的...
-
常见的js操作日期-周别的函数方法
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">//获取本周是一年中的第几周function getWeekOfYear(a, b, c) { var d1 = new Date(a, b-1, c); var d2 = new Date(a, 0, 1); var d = Math.round...
-
extjs表单中实现一行多列布局
今天要新增一个表单，根据UI要求，前面三行是正常布局，第4行需要一行多列布局。由于不经常使用这个框架，也没有很深入的了解，因此配置起来也有些费劲，最后那一行的宽度总是只显示一点点： 从样式的区别来看，是缺少了“x-form-form-item”这个样式，但无论怎么配置，好像都没有这个样式出来。 比如layout设置成“form”，“fit”等，即使按网上的示例来配置，...
-
网页分享按钮的制作
关于网页分享按钮，相信许多人都用到过。对于一般网页开发者来讲，嵌入第三方分享按钮代码，应该是最便捷省事的了。我也尝试过使用JiaThis或百度分享代码，不管从功能速度还是界面，都还是不错的，但让我还是有一丁点不自在的感觉，主要原因还是嵌入了第三方js链接。闲话不多讲，现在来讲一下自己动手制作分享代码的过程吧，相信过程是快乐的。 目前最常用的分享，大概就是微信、QQ好友、QQ空...
