- 博客(16)
- 收藏
- 关注
RSS订阅转载 前端小功能: canvas网格线
前端小功能: canvas网格线前面用了canvas画了不规则四边形，并验证了碰边处理，本来四边形区域已经是有背景的，可是pm说要有网格线背景好看。canvas画线就是起点和终点，跟以前画直线一下，两点一条直线，关键就是每个点的位置，都再条边上面，而四边形不是规则四边形。思路： 1. 获取不规则四边形的四个最大很最小的minX，minY，maxX，maxY。 2....
2019-09-03 14:38:00
477
转载 前端小功能: 绘制多边形，并判断某个点是否在区域内
canvas绘制不规则多边形，包涵里面的元素不能超出多边形。canvas绘制多边形，并且判断某个点是否在区域内。涉及canvas画点，画线，成面。x,y坐标系，斜率，js拖拽等。斜率:k=(y2-y1)/(x2-x1);canvas画点，画线，成面： // 绘制连接的折线 this.cxt.beginPath(); this.cxt.stro...
2019-08-29 09:33:00
1101
转载 前端小功能：canvas验证码
前端小功能：canvas验证码代码来源网络，简单修改如下：function getGVerify(id){ function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id...
2019-08-14 15:57:00
158
转载 前端小功能：canvas签名版
canvas签名版。canvas生成图片保存。<!doctype html><html><head><meta charset="UTF"><title>签名版</title><style>*{margin:0;padding:0;}&l...
2019-08-14 14:17:00
373
转载 JavaScript中数组的应用方式
数组的增加方法1. push() 方法向数组中末尾添加一个元素,原数组改变2. unshit() 方法向数组中开始元素添加一个元素,原数组改变3.splice()方法ary.splice(n,m,x)从索引n开始删除m个元素，把新增的元素X放在索引n的前面，把删除的元素当成一个新数组返回，原有数组改变4.concat：是将参数添加到原数组中构成 新的数组，原有数组...
2018-12-27 08:47:00
103
转载 ES6--Promise
ES6--Promise在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现function callback() { console.log('Done');}console.log('before setTimeout()');...
2018-07-05 10:53:00
77
转载 wepy 语法高亮
WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。同时WePY也是一款成长中的框架，大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果WePY有不足地方，或者你有更好的想法，欢迎提交ISSUE或者PR。...
2018-06-11 10:33:00
284
转载 Javascript和JQuery获取浏览器窗口各种尺寸
JQuery 窗口尺寸：console.log($(window).height()); //浏览器时下窗口可视区域高度console.log($(document).height()); //浏览器时下窗口文档的高度console.log($(document.body).height());//浏览器时下窗口文档body的高度console.log($...
2018-05-17 14:06:00
171
转载 图片预加载
<script> function loading() { function Load() {} Load.prototype.loadImgs = function(urls, callback) { this.urls = ...
2018-05-16 17:57:00
73
转载 回到顶部，锚链接缓慢滑动
1、移动端商品比较多的时候回在固定位置有一个回到顶部或者底部的东西，实现原理是 <script type="text/javascript"> $( function () { var speed = 1000;//自定义滚动速度 //回到顶部 $( "#toTop"...
2018-05-16 11:51:00
347
转载 javascript面向对象系列——创建对象的5种模式
如何创建对象，或者说如何更优雅的创建对象，一直是一个津津乐道的话题。本文将从最简单的创建对象的方式入手，逐步介绍5种创建对象的模式对象字面量 一般地，我们创建一个对象会使用对象字面量的形式 [注意]有三种方式来创建对象，包括new构造函数、对象直接量和Object.create()函数var person1 = { name: "bai", ...
2018-05-10 12:56:00
88
转载 javascript面向对象系列———构造函数
构造函数一般地，javascript使用构造函数和原型对象来进行面向对象编程，它们的表现与其他面向对象编程语言中的类相似又不同，本文将详细介绍如何用构造函数。构造函数是用new创建对象时调用的函数，与普通唯一的区别是构造函数名应该首字母大写function Person(){ this.age = 30;}var person1 = new Person...
2018-05-09 16:46:00
122
转载 Node-anywhere 搭建了一个本地服务器环境
不管你是后台开发人员还是前端，有些时候测试某个模块的时候或者需要用手机或其他手持设备访问，这时就有必要搭建一个本地服务器！传统的服务器操作繁杂，在此给他大家搭建另外一种小巧的本地服务器:Node-anywhere搭建了一个本地服务器环境，随时随地预览本地静态资源文件。如果电脑没有安装nodejs的同学,首先去nodeJs官网下载最新版nodeJs https://n...
2018-05-08 10:37:00
137
转载 css加载会造成阻塞吗？
js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个...
2018-05-04 16:59:00
72
转载 html+css巧妙应用
一、select 用遮盖层去默认倒三角的时候，可以改改select的size，让select显示选择下拉框。//select $(".info-sel").click(function(){ $("#select").attr('size',2); $("option").click(function(){ ...
2018-03-19 15:04:00
106
转载 js常用通用函数
1.写一个function，清除字符串前后的空格； function trim(s){ return s.replace(/(^\s*)|(\s*$)/g, ""); }2.已经知道字符串“get-element-by-id",写一个function将其转化成驼峰的表示法”getElementById";var s="get-element-by-...
2018-03-19 14:32:00
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人