daily886的博客

let ctx_line = canvas.getContext("2d"); let centerX = canvas.width/2; //中心点 let centerY = canvas.height/2; //中心点 let arc_radius = 100; //半径 //画射线 let x1,y1; arc_radiu...

这里使用的是mathjax2.7.5版本，其他版本或有不同下载地址：https://github.com/mathjax/MathJax/releases/tag/2.7.5MathJax默认样式在被鼠标focus的时候，会有蓝色边框出现。对于超长的数学公式，x方向也会溢出。添加以下样式代码，覆盖原有样式，从而解决上述问题：.mjx-chtml { outline: 0;}.MJXc-display { overflow-x: auto; overflow-y:

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下，希望对各位有所帮助。GITHUB 代码开源地址https://github.com/fengcms/vue-demo-cnodejsvue 学习小结本系列博文，在接口对接方面，只涉及...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（九）再把内容页面渲染出来》的学习，我们其实已经完成了我们设想的项目的开发。但是，我们做好的这套东西，是基于 nodejs 开发的。而我们最终希望，我们开发的项目，生成好一堆文件，然后随便通过任何一个 http...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先》中，我们已经成功的把一个列表给渲染出来了。我们从文章中留下的引子 <router-link :to="'/content/' + i.id"> 应该知道，我们还是要做内容...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件》中，我们队 vue组件应该有了一个简单的认识。如果你去看了官方文档的话，再看这篇博文会比较简单。如果你没去看，呵呵，恭喜你，我喜欢你这样的人。好，这章开始，真的得写点东西了。...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地》中，我们顺利的将接口代理到了本地。需要说明的是， cnodejs.org 的这套接口是没有跨域问题的，也就是说，本来我们是不需要代理到本地的。但是我们在实际的工作开...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件》中，我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是，我们可以注意到我们的 src/api/index.js 的第一句，就是：// 配置A...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue 本身是不支持 ajax 接口请求的，...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录》章节中，我们讲解了项目打包，默认，是打包在根目录下面的。当然，我们可以通过设置，打包到任意子目录中去。但是，我们之前的项目是没有引入资源的。比如，引入图片资源，js资源，或者字体图标之...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构通过前面系统的学习，我相信大家都能够对 vue 项目有了一个基本的认知。现在是不是已经开始上手做自己的项目了呢？呵呵，当然这是极好的。但是我们一般用 vue 来制作管理后台，在制作管理后台的时候，不可避免的，我们需要用到富文本编辑器。我尝试过 github 上的若干富文本编辑器，虽然能够实现一部分需求，...

我们先说说 平时web开发遇到的一些场景 和 苦恼无奈的情况： JavaScript和CSS的版本问题我们都知道 JavaScript和CSS属于静态文件，如果地址不变，浏览器会缓存这些文件，那就意味着当我们需要改JavaScript或者CSS文件的时候，即使我们后端改了，那么客户端也是看不到，这个在“JS一统天下”的时代是不可接受的，因为现在几乎所有的WEB 程序都严重依赖JavaS...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文中，我们讲到了，如何在 vue 项目中 使用百度的 UEditor 富文本编辑器，详情点击《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十三）集成 UEditor 百度富文本编辑器》。相信大家对引用这种非 npm 的包有了一定的认识。很多人学习 j...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构Element-ui，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库官网 http://element-cn.eleme.io/#/zh-CN/component/installation切换到项目根目录，运行npm安装 npm i element-ui -D...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构vue中修改meta信息，需要使用到 vue-meta 插件https://github.com/declandewet/vue-meta切换到项目根目录下，使用npm安装:npm install vue-meta -D修改路由 src/router/index.js 内容：impo...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构近日，有网友留言，询问，如何将 vue 的路由分拆为多个文件进行管理。这当然是可以的。今天我就来写一个简单的教程，希望对大家有所帮助。事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。当我们用 vue-cli 工具，创建一个新的 v...

 设置 Axios 拦截器我选用的 HTTP 请求套件是 axios。为了达到无痛刷新 token 的效果，我们需要对 axios 定义一个拦截器，用以接收我们刷新的 Token，代码如下：app.jsimport Vue from 'vue'import router from './router'import store from './store'import iVi...

<?php function p($a){ echo '<pre>'; var_dump($a); echo '</pre>';}class link{ private $sql = ''; public function field($field = ''){ $this->sql .= 'select '.$field; retur...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由前情回顾Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件》，我们已经重新整理了我们的目录结构，...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目》中，我们通过安装 nodejs 系统环境，以及 vue-cli 脚手架工具，在执行完命令后，我们就已经将一个初始项目跑起来了。但是，我们的项目代码，...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述》中，我简要的说明了我为什么要写这个系列...

phpif (isset($_POST['upload'])) { var_dump($_FILES); move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat'); //header('location: test.php'); exit;}?> lang="zh"> charset

实现效果：html代码：       "Content-Type" content="text/html; charset=utf-8" />     Clock     "text/css">     *{         margin: 0;         padding: 0;     }     .canvas{         margin-left: 

// e.stopPropagation(); //ie不兼容//以下是兼容写法e=window.event||e;if(document.all){ //只有ie识别 e.cancelBubble=true;}else{ e.stopPropagation();}// e.preventDefault(); //ie不兼容if(e && e.preventDefaul

Document            *{            margin:0;            padding:0;        }        html,body{            width:100%;            height:100%;        }        #canvas{            po

canvas马赛克            *{            margin:0;            padding:0;        }        html,body{            width:100%;            height:100%;        }        #canvas{            p

canvas画圆和线条动画            *{            margin:0;            padding:0;        }        html,body{            width:100%;            height:100%;        }        #canvas{         

js递归树            var start = 0,max = 6;        function tree(start,max){            start++;            if(start                 for(var i = (max-start)/2;i > 0;i --){               

canvas海藻类            *{            margin:0;            padding:0;        }        html,body{            width:100%;            height:100%;        }        #canvas{            p

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏关于Module模式，最早是由YUI的成员Eric

/* requestAnimationFrame.js * by zhangxinxu 2013-09-30*/(function() { var lastTime = 0; var vendors = ['webkit', 'moz']; for(var x = 0; x < vendors.length && !window.requestAnimationFra

canvas方块自转            /* requestAnimationFrame.js         * by zhangxinxu 2013-09-30        */        (function() {            var lastTime = 0;            var vendors = ['webkit', 'moz'

仿echarts的折线图            *{            margin:0;            padding:0;        }        html,body{            width:100%;            height:100%;        }        #canvas{         

Document*{margin:0;padding:0;}html,body{width:100%;height:100%;}var jquery = (function($){var $ = function(id){return document.getElementById(id) || id;}retur

站点自从开启 https 之后 ，百度分享就不能用了！但是又寻找不到类似百度分享的替代品。。怎么办呢？要如何解决 百度分享不支持https的问题呢，跟着博主动动手，让你百度分享仍然能在https下使用 ~伸手党先上伸手党的解决方案~博主修改好的分享代码(下面两个链接下载其中一个)的即可Github地址（推荐，2016.10.2更新）：https://

Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构2017年8月补充本文由 FungLeo 原创，允许转载，但转载必须保留首发链接。https://blog.youkuaiyun.com/FungLeo/article/details/531710522016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述前言Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。本来写这一系列的博文只是为了给自己看的，但没想到的...

onkeydown、onkeyup、onclickonkeydown 是按键按下时触发；onkeyup 是按键弹起时触发；onclick 是按键按下并弹起时触发。有一种情况，就是按住按键不放，此时会不断地触发 onkeydown，但 onkeyup、onclick 只是在抬起按键的时候触发一次。要实时检测正在输字的文本框中输入了多少文字，怎么办？用