2017年11月_暮志未晚NAN

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创通过图片地址，将图片处理成base64，使用ajax上传图片

需求群里的一个小朋友一直要求我帮他实现以下，我就写了一个案例。需求就是，他用canvas生成了一个base64格式的图片，然后需要将这个图片上传到服务器上面去。代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

2017-11-27 14:24:36 8788 6

原创 1.vue的引入和vue环境的搭建

直接引入可以直接在项目当中使用script标签引入：<script src="https://cdn.jsdelivr.net/npm/vue"></script>搭建环境上面的那种方式只适合简单的使用vue，如果需要使用vue构建大型项目的时候，我们就需要搭建一个vue的开发环境进行开发。 Vue.js 提供一个官方命令行工具vue-cli可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具

2017-11-22 23:44:02 965 1

原创 node安装和淘宝镜像cnpm安装

node安装推荐去官网下载最新版本的，官网地址：https://nodejs.org/en/download/ 依照系统版本下载即可，推荐window系统下载msi格式的。下载下载直接安装下一步下一步。安装成功了以后打开cmdnode -v来检测是否安装成功cnpm安装由于我们被墙的厉害，所以使用npm下载模块时候会发现效率真的很慢，所以推荐淘宝的镜像，安装说明推荐：$ npm ins

2017-11-22 00:25:48 33855 2

转载史上前端面试最全知识点

一.html & js & css1.AMD和CMD是什么？它们的区别有哪些？ AMD和CMD是二种模块定义规范。现在都使用模块化编程，AMD，异步模块定义；CMD，通用模块定义。AMD依赖前置，CMD依赖就近。CMD的API职责单一，没有全局require，AMD的一个API可以多用。2.web开发常见的漏洞。 XSS（跨站脚本攻击）：其原理是攻击者向有

2017-11-21 23:54:59 1475 1

转载这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

如何装逼用代码骂别人SB(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]如何用代码优雅的证明自己NB([][[]]+[])[+!![]]+([]+{})[!+[]+!![]]JavaScript 错误处理的方式的正确姿势try { something} catch (e) { window.locat

2017-11-21 23:52:44 1036 1

原创 webpack手动搭建 es6+less 开发环境和打包

目标首先可以实现开发环境，保存代码自动更新其次，可以将代码进行压缩打包代码地址本人将代码打包上传到了云上面一份，详见地址点我实现我们需要搭建一个webpack环境，没有node的自行百度安装，然后用npm安装webpack，全局安装：npm i webpack -gpackage.json文件内容然后再一个文件夹内创建一个package.json文件，里面的内容为{ "name": "cl

2017-11-17 19:08:38 2221 2

转载这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的本文秉承着：你看不懂是你SB，我写的代码就要牛逼。1、单行写一个评级组件"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值，然后执行上面代码，看图才发现插件什么的都弱爆了2、如何装逼用

2017-11-10 18:10:46 842 1

原创 jquery的分页插件pagination的使用

引入在jq后面引入pagination插件即可 <script src="js/jquery.js"></script> <script src="js/jquery.pagination.js"></script>使用调用方法$(selector).pagination(option, callback);回调和初始化 $(selector).pagination({

2017-11-10 10:43:54 6948 2

原创获取dom的最终的css属性值

需求我们有的时候需要测试看一下属性是否设置成功，所以需要通过dom去获取css样式。但是，如果使用原生去获取的话，会发现只有在dom身上设置的才能够获取的到，如dom.style.width，只有直接写到标签上，才能够获取的到，而在别的地方的我们将获取不到，今天我们就研究一下，直接获取写在style标签的css属性。就像jq的css()方法一样getComputedStyle方法我们可以通过getC

2017-11-10 00:38:17 2142 1

原创使用PlupLoad js插件进行文件上传案例

案例代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Plupload使用指南</title>  <script src="js/plupload.full.min.js"></script></head><body><p> <

2017-11-09 17:24:15 7109 1

原创解决webgl使用canvas.toDataURL()没有内容的问题

这个问题很好解决，就是在获取webgl对象的时候，多传入一个{preserveDrawingBuffer: true}，然后在使用canvas.toDataURL()获取就能够获取到了。案例： var canvas = document.getElementById("canvas"); gl = canvas.getContext("experimental-webgl", {p

2017-11-06 22:54:28 10637 2

原创 js 将canvas生成图片下载，或直接保存一张图片

将canvas数组保存function downLoadImage(canvas,name) { var a = document.createElement("a"); a.href = canvas.toDataURL(); a.download = name; a.click();}canvas：传入canvas的dom对象 name：保存的图片的名字直接将

2017-11-06 22:48:41 8728 3