puppeteers

[置顶] vue自己封装圆环进度条

摘要：先看效果图，其实很简单，实现圆环的方式有多种，1，svg实现， 2，css3.0实现， 3，canvas实现， 1，svg实现进度条：效果如下：代码：SvgProgress.vue 父组件引用： <svgProgress :pvalue="value6" :psymbol="'天'" :progr 阅读全文

posted @ 2018-06-28 14:12 puppeteers 阅读(1516) 评论(0) 推荐(0) 编辑

[置顶] vue自己封装日历控件

摘要：废话不多说先上效果图：点击头部年月部分可以选择日期。左右按钮可以切换月份。（蓝色标记为特定需要处理的日期）DateTools.vue 代码部分：引用方式为： <dateTools :dateToolsKey="2" （每个日历控件特定的key值，如果key值一样，易发生css的样式冲突） :tr 阅读全文

posted @ 2018-06-28 13:59 puppeteers 阅读(5524) 评论(3) 推荐(1) 编辑

[置顶] fetch()函数使用的一些技巧

摘要：最近项目用到了一些es6的知识，其中大篇幅在vue框架中使用了fetch（）函数，总结了一些使用的技巧：一， 1，POST带参数）fetch提交json格式的数据到服务器： 3，POST带参数）提交正常表单formData格式的数据到服务器：提交格式为： 1 <form action="。。。u 阅读全文

posted @ 2018-02-07 11:21 puppeteers 阅读(18530) 评论(0) 推荐(2) 编辑

[置顶] JavaScript(第三十三天)【总结：封装基础前端框架】

摘要：源码地址：https://github.com/whisper540/Base 阅读全文

posted @ 2018-01-23 15:32 puppeteers 阅读(221) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第三十二天)【Ajax】

摘要： 2005年Jesse James Garrett发表了一篇文章，标题为：“Ajax：A new Approach to Web Applications”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是Asynchronous JavaScript + XML的简写。这种技术能够想服务阅读全文

posted @ 2018-01-23 15:17 puppeteers 阅读(191) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第三十一天)【JSON】

摘要：前两章我们探讨了XML的结构化数据，但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题，JSON的结构化数据出现了。JSON是JavaScript的一个严格的子集，利用JavaScript中的一些模式来表示结构化数据。一．JSON语法 JSON和XML类型，都是一种结构化的数阅读全文

posted @ 2018-01-23 15:16 puppeteers 阅读(163) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第三十天)【XPath】

摘要： XPath是一种节点查找手段，对比之前使用标准DOM去查找XML中的节点方式，大大降低了查找难度，方便开发者使用。但是，DOM3级以前的标准并没有就XPath做出规范；直到DOM3在首次推荐到标准规范行列。大部分浏览器实现了这个标准，IE则以自己的方式实现了XPath。一．IE中的XPath 在I 阅读全文

posted @ 2018-01-23 15:14 puppeteers 阅读(450) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十九天)【js处理XML】

摘要：随着互联网的发展，Web应用程序的丰富，开发人员越来越希望能够使用客户端来操作XML技术。而XML技术一度成为存储和传输结构化数据的标准。所以，本章就详细探讨一下JavaScript中使用XML的技术。对于什么是XML，干什么用的，这里就不在赘述了，在以往的XHTML或PHP课程都有涉及到，可以理阅读全文

posted @ 2018-01-23 15:13 puppeteers 阅读(558) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十八天)【Cookie与存储】

摘要：随着Web越来越复杂，开发者急切的需要能够本地化存储的脚本功能。这个时候，第一个出现的方案：cookie诞生了。cookie的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。一．Cookie cookie也叫HTTP Cookie，最初是客户端与服务器端进行会话使用的。比如，会员登录，下次阅读全文

posted @ 2018-01-23 15:11 puppeteers 阅读(279) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十七天)【错误处理与调试】

摘要： JavaScript在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型，让开发人员更加适时的处理错误。一．浏览器错误报告随着浏览器的不断升级，JavaScript代码阅读全文

posted @ 2018-01-23 15:09 puppeteers 阅读(219) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十六天)【表单处理】

摘要：为了分担服务器处理表单的压力，JavaScript提供了一些解决方案，从而大大打破了处处依赖服务器的局面。一．表单介绍在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElem 阅读全文

posted @ 2018-01-23 15:07 puppeteers 阅读(394) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十五天)【事件绑定及深入】

摘要：事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一．传统事件绑定的问题传统事件绑定有内联模型和脚本模型，内联模型我们不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理阅读全文

posted @ 2018-01-23 15:05 puppeteers 阅读(204) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十四天)【事件对象】

摘要： JavaScript事件的一个重要方面是它们拥有一些相对一致的特点，可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象，他们可以帮你处理鼠标事件和键盘敲击方面的情况，此外还可以修改一般事件的捕获/冒泡流的函数。一．事件对象事件处理函数的一个标准特性是，以某些方式访问的事件对象包含有关于阅读全文

posted @ 2018-01-23 15:03 puppeteers 阅读(168) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十三天)【事件入门】

摘要： JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。一．事件介绍事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现，作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支阅读全文

posted @ 2018-01-23 15:01 puppeteers 阅读(172) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十二天)【动态加载js和css】

摘要：学习要点： 1.元素位置 2.动态脚本 3.动态样式本章主要讲解上一章剩余的获取位置的DOM方法、动态加载脚本和样式。一．元素位置上一章已经通过几组属性可以获取元素所需的位置，那么这节课补充一个DOM的方法：getBoundingClientRect()。这个方法返回一个矩形对象，包含四个属性阅读全文

posted @ 2018-01-23 14:54 puppeteers 阅读(202) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十一天)【DOM元素尺寸和位置】

摘要：学习要点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小本章，我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式，以便更好的理解。一．获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById 阅读全文

posted @ 2018-01-23 14:30 puppeteers 阅读(147) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第二十天)【DOM操作表格及样式】

摘要： DOM在操作生成HTML上，还是比较简明的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。一．操作表格 <table>标签是HTML中结构最为复杂的一个，我们可以通过DOM来创建生成它，或者HTML DOM来操作它。(PS：阅读全文

posted @ 2018-01-23 14:27 puppeteers 阅读(437) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第十九天)【DOM进阶】

摘要：学习要点： 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型，在DOM基础课程中大部分都有所接触，比如Element类型：表示的是元素节点，再比如Text类型：表示的是文本节点。DOM也提供了一些扩展功能。一．DOM类型 DOM基础课程中，我们了解了DOM的节点并且了解怎阅读全文

posted @ 2018-01-23 14:21 puppeteers 阅读(189) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第十八天)【DOM基础】

摘要：学习要点： 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netscape及微软阅读全文

posted @ 2018-01-23 14:18 puppeteers 阅读(294) 评论(0) 推荐(0) 编辑

[置顶] JavaScript(第十七天)【浏览器检测】

摘要：由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更是一种行之有效的开发策略。一．na 阅读全文

posted @ 2018-01-23 14:16 puppeteers 阅读(237) 评论(0) 推荐(0) 编辑

2018年10月24日

OAuth2.0（基于django2.1.2实现版本）

摘要：基于python3.7 0),你要先对OAuth2.0有一定的了解，建议先读一下阮一峰的oauth2.0文章，直接看“授权码模式”即可，带着疑问再来读本文效果更好。http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html 1),安装python3.7 阅读全文

posted @ 2018-10-24 10:50 puppeteers 阅读(2220) 评论(0) 推荐(0) 编辑

2018年4月12日

AngularJS5.0 (第五篇)--路由

摘要：新建app-routing.module.ts 在app.module.ts中注入自定义的路由表阅读全文

posted @ 2018-04-12 10:47 puppeteers 阅读(256) 评论(0) 推荐(0) 编辑

AngularJS5.0 (第四篇)--拦截器

摘要：开发过程中，经常有在给后台发请求的时候，设置请求头信息（angular5的拦截器可以很方便实现） 1，新建services/Interceptor.service.ts 在app.module.ts中注入拦截器： import { HTTP_INTERCEPTORS, HttpClientModul 阅读全文

posted @ 2018-04-12 10:41 puppeteers 阅读(217) 评论(0) 推荐(0) 编辑

AngularJS5.0 (第三篇)--设置代理解决跨域问题

摘要：在项目目录下，新建proxy.config.json文件：打开package.json文件，添加如下信息：执行，ng start启动项目（或者直接执行 ng serve --proxy-config proxy.config.json）阅读全文

posted @ 2018-04-12 10:27 puppeteers 阅读(323) 评论(0) 推荐(0) 编辑

AngularJS5.0 (第二篇)--安装bootstrap4

摘要：第一步，新建ng5项目 ng new testAngular cd testAngular npm install @angular-devkit/core (如果报"Cannot find module '@angular-devkit/core' 错误的话"，需要安装这个模块，否则跳过这个步骤) 阅读全文

posted @ 2018-04-12 10:18 puppeteers 阅读(234) 评论(0) 推荐(0) 编辑

2018年4月11日

AngularJS5.0 (第一篇)

摘要： angular 1中提供了作用域，可以存储数据，实现数据绑定，但是出现了性能瓶颈；提供了指令，对DOM拓展，方便开发，占用了更多的资源，没有组件开发，通常是无法复用的。基于ES3.1版本开发的框架，无法使用class，extends，import等关键字，无法使用面向对象方式开发，不利于大型项目维阅读全文

posted @ 2018-04-11 10:32 puppeteers 阅读(272) 评论(0) 推荐(0) 编辑

2018年4月2日

react的基本使用，及常用填坑

摘要：源码地址： https://github.com/whisper540/react-demo.git import React, { Component } from 'react'; import PropTypes from 'prop-types'; import './First.css'; 阅读全文

posted @ 2018-04-02 15:42 puppeteers 阅读(321) 评论(3) 推荐(0) 编辑

公告