JavaScript-篇
文章平均质量分 57
王大强~
一个程序员的自我修养
展开
-
canvas圆形倒计时 清除圆内数值
function clearArcFun(x,y,r,cxt){ //(x,y)为要清除的圆的圆心,r为半径,cxt为context var stepClear=1;//别忘记这一步 clearArc(x,y,r); function clearArc(x,y,radius){ var calcWidth=radiu...转载 2019-04-11 09:35:18 · 267 阅读 · 0 评论 -
跨域请求
html <a href="#" class="btn">下载</a> js var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '10132/posms/p/queryDownloa...原创 2018-08-13 14:20:59 · 229 阅读 · 0 评论 -
开启 debugger--菜鸟教程案例
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p id="demo"&am转载 2018-07-06 10:09:32 · 1126 阅读 · 0 评论 -
选项卡js代码段
js示例代码$(function () { var oFocus = $('#focus'), oRight = oFocus.find('.right'), oLeft = oFocus.find('.left'), aRLi = oRight.find('li'), ...原创 2018-06-05 10:05:57 · 764 阅读 · 0 评论 -
关于后台返回的"数组"的类型是一个字符串的时候
// 情况一; var aaa="[{"proId":"1210","proName":null,"tasteId":null,"tasteName":"[辛辣]"}]" console.log(eval(aaa));这样是可以的// 情况二 var aaa="[辛辣,甜甜的]" console.l原创 2018-04-25 17:31:15 · 1762 阅读 · 0 评论 -
收集一下字符串的操作方法
<script type="text/javascript"> var str = "0123456789";// alert(str.substring(0));//------------"0123456789" alert(str.substring(5));//------------"56789" alert(str.substring(10));//-----------"...转载 2018-04-02 16:07:17 · 196 阅读 · 0 评论 -
一个对象的属性名是一个变量
// 对象访问属性的方法// 1、obj.paramName,使用.访问// 2、obj[parameName],使用中括号属性名访问 var username={name:"名字"} var names="name"; console.log(username.names)//结果为undefined console.log(username原创 2017-10-16 10:37:48 · 2419 阅读 · 0 评论 -
一个简单的图片上传预览demo
html>head> meta content="text/html" /> title>图片预览title> script language=javascript> function previewFile() { var preview = document.querySelector('img'); v原创 2017-10-16 15:51:09 · 2218 阅读 · 0 评论 -
拖拽插件使用说明
使用初始化draggabilly为一个jQuery插件var $draggable = $('.draggable').draggabilly({ // 选项(配置)...})123使用原生js初始化var elem = document.querySelector('.draggable');var draggie = new Draggabilly( elem,转载 2017-10-20 14:42:30 · 1133 阅读 · 0 评论 -
Canvas实现图片的预览
Canvas实现图片的预览和裁剪原创 2017-10-19 10:55:12 · 2443 阅读 · 0 评论 -
js兼容问题
一:常遇到的关于浏览器的宽高问题://以下均可console.log()实验 varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 varwinH=document.body.clientHeight||document.docuemntElement.cl转载 2017-04-09 19:19:35 · 240 阅读 · 0 评论 -
我也不知道要写点啥---收集一下技术名字
一 移动app开发 1 Flutter 是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。2 Taro 是一套遵循 React...原创 2018-10-31 09:48:30 · 346 阅读 · 0 评论 -
关于 top 给全局增加方法
top 和Window 一样 是一个全局的顶级对象 应该是jq里面设置的下面是打印的console.log(top)VM602:1 Window{postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window,…}$: ƒ ( selector, context )alert: ƒ alert()applica...原创 2019-08-01 17:10:09 · 495 阅读 · 0 评论 -
仅适用于现在项目的请求异常判断和处理
/* * 描 述:ajax操作方法 * jq扩展类 精简版 * 根据现有接口判断方法判断异常-后台管理系统的弹窗 * ss-ajax * 依赖公共js layer弹窗 和 公共css */;(function ($) { "use strict"; var httpCode = { success: 200, fail: 400,...原创 2019-07-30 18:01:59 · 350 阅读 · 0 评论 -
js 常用代码
// 创建过去七天的数组 var a= [...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days)); // 创建未来七天的数组 var b= [...Array(7).keys()].map(days => new Date(Date.now() + 864000...转载 2019-05-13 15:51:44 · 325 阅读 · 0 评论 -
sessionStorage 本地缓存 小案例
想用sessionStorage存储一个数组,数组里是多个对象[{},{}]但是sessionStorage 会把他搞成字符串解决方案:1,首先用 JOSN.parse() JSON.stringfy()两个api //把对象放进数组里 var arr = []; let id =""; let value = ""; let obj = {id:id,...原创 2019-05-10 13:39:32 · 508 阅读 · 0 评论 -
canvas-环形倒计时(解决毛刺)
问题一canvas 有锯齿毛刺的情况1,循环路径 如进度条增长的过程 没清除前一步路径 会 有毛刺2,本身没有毛刺 ,或者线条 在像素点中间位置解决方案 :手动开启HTML5 Canvas的抗锯齿可以用canvas.getContext('2d').imageSmoothingEnabled = true;或者直接把整个画布偏移0.5像素:canvas.get...原创 2019-04-28 13:22:58 · 1309 阅读 · 0 评论 -
js 控制浏览器全屏案例
body>div onclick="launchFullscreen(document.documentElement);">div>div onclick="exitFullscreen()(document.documentElement);">div> body>html>script> // 判断各种浏览器,找到正确的方法 function launchFu原创 2017-10-08 16:07:50 · 611 阅读 · 0 评论 -
360浏览器(极速和兼容模式)
if((window.navigator.mimeTypes[40] || !window.navigator.mimeTypes.length)){ $(".apply").css("width","851px"); } if (window.navigator.userAgent.indexOf('compatible') != -1)原创 2017-09-12 15:29:05 · 1066 阅读 · 0 评论 -
时间累加(简)
script> var title ="24个月"; var reg=/[\u4E00-\u9FA5]/; var result=title.replace(reg,''); console.log(result); var d = new Date("2017/09/25 12:12:12");//括号里是到期时间 console.log(d+"到原创 2017-09-25 16:46:42 · 496 阅读 · 0 评论 -
网页调试工具
前端开发必备工具-网页调试工具在前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具: 一、firefox网页调试插件1.firefox插件Firebug主要用于html、css的调试和js调试;推荐指数:从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模转载 2017-03-15 11:40:10 · 1691 阅读 · 0 评论 -
DOM操作和样式操作库的封装
一、DOM常用方法和属性复习以下粗略的罗列一下DOM的常用方法和属性,由于不是介绍DOM的基础内容,所以就不一一详细说明各个方法和属性了(学习DOM的封装的,一般都对基础DOM比较熟悉了)。1.1、获取页面中元素的方法document.getElementById()context.getElementsByTagName():把指定容器中子孙容器中所有标签名为TAGN转载 2017-03-14 23:07:25 · 452 阅读 · 0 评论 -
cookie
cookie什么是cookie 官方定义:Netscape官方文档中的定义为,Cookie是指在HTTP协议下,服务器或脚本可以维护客户端计算机上信息的一种方式 。通俗地说,Cookie是一种能够让网站Web服务器把少量数据储存到客户端的硬盘或内存里,或是从客户端的硬盘里读取数据的一种技术。 Cookie文件则是指在浏览某个网站时,由Web服务器的CGI脚本创建的存储转载 2017-03-14 22:48:50 · 349 阅读 · 0 评论 -
js的兼容问题
一:常遇到的关于浏览器的宽高问题://以下均可console.log()实验 varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 varwinH=document.body.clientHeight||document.docuemntElement.cl转载 2017-04-09 19:39:23 · 283 阅读 · 0 评论 -
JS获取当前使用的浏览器名字以及版本号
JS获取当前使用的浏览器名字以及版本号 打印window.navigator.userAgent出现一个对象 工作中需要通过JS去获取当前使用的浏览器的名字以及版本号,网上大堆资料都有一个关键词是 navigator.appName,但是这个方法获取的浏览器的名字只有两种要么是转载 2017-03-14 11:41:16 · 427 阅读 · 0 评论 -
JavaScript的内存泄漏
意外的全局变量js中如果不用var声明变量,该变量将被视为window对象(全局对象)的属性,也就是全局变量.function foo(arg) { bar = "this is a hidden global variable";}// 上面的函数等价于function foo(arg) { window.bar = "this is an explicit gl转载 2017-03-14 11:39:24 · 254 阅读 · 0 评论 -
创建和存储 cookie
我们要创建一个存储访问者名字的 cookie。当访问者首次访问网站时,他们会被要求填写姓名。名字会存储于 cookie 中。当访问者再次访问网站时,他们就会收到欢迎词。首先,我们会创建一个可在 cookie 变量中存储访问者姓名的函数:function setCookie(c_name,value,expiredays){var exdate=new Date()exdate.set转载 2017-03-21 12:57:05 · 480 阅读 · 0 评论 -
面向对象--第五篇(函数的调用模式)
JavaScript闭包练习setTimeout的执行时机 所有的主任务的代码执行完毕之后,去检查所有的setTimeout回调函数,如果到时间了就执行用闭包来解决回调函数在调用的时候访问的是全局的变量在闭包中创建一个变量,来单独存储当前的回调函数需要的数据,在调用的时候就会去使用这个单独的数据,而不是去访问全局变量注册点击事件的时候点击事件在触发的时候访问的是全局的变量在闭包中创建原创 2017-03-09 11:35:36 · 441 阅读 · 0 评论 -
面向对象--第四篇(变量提升&闭包)
JavaScriptinstansof判断一个构造函数的原型是不是存在于该对象的原型链上javascript中所有的对象 都会有 Object.prototype所以 所有的对象 instanceof Object 都是true歌曲列表管理案例递归自己调用自己化归思想化繁为简,化未知为已知递归的两个要素1.自己调用自己2.有递归结束条件使用递归获取后代元素作用域什么是作用域变量起作用的原创 2017-03-09 11:33:25 · 424 阅读 · 0 评论 -
面向对象--第三篇(原型链)
JavaScript继承混入式继承for in使用for in遍历对象1的属性,将所有的属性添加到另外一个对象2上这时候就可以称 对象2 继承自 对象1原型继承* 利用对象的动态特性,为原型对象添加成员* 直接替换原型对象 1.替换前的对象,在替换之后,所有的成员都丢失 2.替换原型对象的时候,需要手动去指定原型对象的construtor属性* 利用混入给原型对象添加成员原创 2017-03-09 11:30:27 · 367 阅读 · 0 评论 -
面向对象--第二篇(基础)
JavaScript面向对象的三大特性* 封装* 继承 自己没有的,拿别人过来用,就是继承* 多态 父类引用指向子类的对象(JavaScript中用不到)创建对象的四种方式* 使用字面量创建对象 ```js var o = {key:value, key:value...} ``` 用一个创建一个,不能复用,造成代码冗余,资源浪费* 使用内置构造函数创建对象原创 2017-03-09 11:28:45 · 265 阅读 · 0 评论 -
JQ源码解析篇
/** * Created by lihongwei on 2017/3/15. */ //利用自执行函数封装jq代码,避免暴露太多的全局变量(function (window) { //为了以后能方便借用数组的各种方法,提前存到变量中,全局都是用这一个数组,节约空间 var arr = []; var push = arr.push;原创 2017-03-16 00:48:14 · 748 阅读 · 0 评论 -
js入门(第一篇)
第一篇目录第1章JS概述51.1JS作用51.2浏览器工作原理61.3弱类型脚本语言(解释型语言,解析执行与编译执行)61.3.1解析执行与编译执行61.3.2弱类型脚本语言61.4组成(前端标准和JS组成)71.4.1前端标准(HTML/CSS/JS)71.4.2JS组成原创 2017-04-02 10:39:20 · 634 阅读 · 0 评论 -
javascript 第二篇(入门篇)
javascript 第二篇(入门篇) 目录2第1章流程控制41.1顺序结构(略)41.2选择结构(略)41.3循环结构(今天开始)41.3.1for循环41.3.2while循环51.4do...while循环(一定会执行一次do中的程序)61.5案例:6第2章数组6原创 2017-04-02 10:44:24 · 330 阅读 · 0 评论 -
本地缓存localstorage
cookie,localStorage,sessionStorage都可以实现客户端存储,三者的区别有哪些了?cookie作为最早期的被设计web浏览器存储少量数据,从底层看,它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期:cookie默认有效期非常短暂,存在于web浏览器会话期间,当浏览器关闭,cookie也就消失了转载 2017-08-04 13:49:28 · 291 阅读 · 0 评论 -
关闭微信页面/判断设备/判断浏览器
//判断是否微信登陆function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return fals原创 2017-08-10 08:51:37 · 732 阅读 · 0 评论 -
模板引擎小案例//正则
JavaScript exec() Method定义和用法exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值,否则返回 null。语法RegExpObject.exec(string)参数描述stringRequired. The string to b原创 2017-08-17 10:48:03 · 316 阅读 · 0 评论 -
浏览器地址历史管理-增加锚点方法
(! 未写完 回头再写)在一个ID的页面里有两个子页面,为了点击返回键返回上一个小页面 而不是主页面 为其增加一条历史布局如下 点击积分记录 div title="integrateBal" id="integrateBal" class="panel" selected="true" scrolling="no" style="background: #fff;"> div原创 2017-07-08 16:28:29 · 304 阅读 · 0 评论 -
获取input被选中的元素的val
1:表单问题男性:input id="m" type="radio" name="Sex" value="1" />女性:input id="wm" type="radio" name="Sex" value="0" />var gender = $('#forms input[name="Sex"]:checked ').val();//性别获取name为Sex被选中的值原创 2017-05-12 17:46:46 · 1629 阅读 · 0 评论 -
localStorage
首先在使用localStorage的时候,我们需要判断浏览器是否支持localStorage这个属性if(!window.localStorage){ alert("浏览器支持localstorage"); return false; }else{ //主逻辑业务 }转载 2017-04-26 17:43:31 · 362 阅读 · 0 评论