as-搜索列表,幸凡学习网

文章搜索列表

文章搜索 >> as

发布时间：2022/7/9 9:28:18 阅读(4259)条评论(0)条

chrome测试环境：102.0.5005.63方法有多种，这里就做了两种方案：1. 检测扩展的可访问资源【推荐】原理：使用扩展可以访问的资源，确定扩展是否安装或启用。存在问题：需要知道extension id以下 HTML 标签支持 onload :<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>加载图片资源【推荐】manifest.json{..."web_accessible_resources": ["img/logo.png"]}html调用function detectExtens...未完，继续阅读→
关键字：chrome 插件检测

小程序之保存canvas生成商品图片附加小程序二维码分享到朋友圈

发布时间：2018/6/8 14:25:30 阅读(12686)条评论(0)条

一、概述：看了很多小程序的canvas，很多人在骂街，跟浏览器的操作实在相差太多，API极少。所以有些功能基本上没办法实现。但是基本的还是可以的。比如我要实现生成商品图片（包含产品的：标题，价格，图片，小程序商品详情的二维码等）点击生成后的canvas保存到手机。虽然效果实现了，但是走了不少弯路。所以有必要在此纪念一下。需要用到的生成二维码组件（可自行下载添加到小程序根目录utils里）：https://github.com/demi520/wxapp-qrcode/blob/master/utils/qrcode.js以上二维码组件默认是有空白边的的，如果不需要空白区域，也可以修改...未完，继续阅读→
关键字：小程序 canvas

canvas跨域绘制图片报错解决方案

发布时间：2018/4/4 16:37:42 阅读(9041)条评论(0)条

概述：canvas绘制图片，由于浏览器的安全考虑，如果在使用canvas绘图的过程中，使用到了外域的图片资源，那么在toDataURL()时会抛出安全异常：Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.解决方案第一步：访问的服务器允许，资源跨域使用，也就是说设置了CORS跨域配置，Access-Control-Allow-Origin打开IIS，找到“HTTP响应标头”点进去，在右侧可以看到添加，然后添加如下标头即可Access-Control-Allow-Origin：* 第二...未完，继续阅读→
关键字：canvas 跨域绘制

JavaScript对Json的增删改属性

发布时间：2018/3/19 11:06:32 阅读(6629)条评论(0)条

使用JS对Json数据的处理，朋友遇到需要对Json数据进行相关操作，然后自己实验了一下，顺便把一些其它操作也一起加了进来。代码如下：var arr=[{"site":"86y.org","type":"study"},{"site":"baidu.com","type":"seach"},{"site":"google.com","type":"seach"}];for(var i=0;i>arr.length;i++){if(arr[i]["site"]=="86y.org"){//修改Json中的site值,因为Json中存在site属...未完，继续阅读→
关键字：js json 修改增加

js生成canvas二维码并实现下载到本地PC端

发布时间：2016/9/21 17:31:57 阅读(14171)条评论(0)条

一、简述：本着做手机端的二维码保存到本地的效果，但是没办法实现。只能在PC端实现，干脆写了下来，以便日后使用。使用了html5的canvas标签，动态创建二维码，可以自己输入url，二维码的尺寸，然后生成自己的二维码。需要使用支持html5的浏览器方可。效果图如下：二、实例代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二维码生成器并下载-幸凡学习网</title> <style type="text/css&...未完，继续阅读→
关键字：二维码下载 js canvas

ASP.NET Ueditor上传图片添加水印教程

发布时间：2016/8/22 15:11:42 阅读(6437)条评论(0)条

首先来一张我们想要的功能界面，如果发觉这种效果不是你想要的，后面的内容就不用看了。准备从官网下载的Ueditor压缩包，我下载的是ueditor1_4_3-utf8-net 这个版本，下面的介绍是对这个版本而言的。修改界面先找到我们要添加"加水印[checkbox]"的地方由此可以知道，我们应该到image.html 这个文件去修改我们的html代码，在 image.html文件的第36行开始添加几行html代码，如下图：刷新界面，单击多图上传>本地上传，界面就变成这样了：寻找可行的办法打开FireBug，选中控制台，我们...未完，继续阅读→
关键字：net 编辑器水印教程

.net自动合并输出css或js的解决方案附实例下载

发布时间：2016/7/19 16:25:42 阅读(6136)条评论(0)条

一、概述这是一个基于 aspnet 的自动合并输出js和css的解决方案。由ashx动态获取所要合并的文件，然后输出成一个文件。目的是为了减少服务器请求。当然在合并的过程中需要注意一些问题下面会讲到。底部附有下载地址,效果如下：二、使用方法：//file参数是ashx接收需要合并的文件，多个以豆号(英文)隔开，文件位置最好也是使用绝对地址，这样不管在哪里都可以调用得到 //t参数是类型，js/css//如果怕有缓存可以加随机参数在此不作演示<link type="text/css" rel="stylesheet" hr...未完，继续阅读→
关键字：ashx css js

js 监听URL的hash变化

发布时间：2016/5/31 16:07:58 阅读(21447)条评论(0)条

通过URL传值，在?后附加以=连接的键值对，各键值对间以&连接；也可以通过URL传递页面参数，在”#”后附加的方式。两者最大的一个区别在于：后者不会发起请求，不会导致页面刷新。常见应用场景在于：不需要请求服务器，由浏览器端脚本直接定位到某个条件下的页面展示。例如：在这个页面中http://www.istartedsomething.com/bingimages/#20101106-us，带hash值打开的是展示某个大图的页面，不带hash值打开(http://www.istartedsomething.com/bingimages/)的只是一个日历的图片集界面，需要再次点击才能展示某个大图。...未完，继续阅读→
关键字：js url 监听

12个JavaScript技巧

发布时间：2016/5/9 16:56:55 阅读(5279)条评论(0)条

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。比如下面的示例：function Account(cash) {this.cash = cash;this.hasMoney = !!cash;}var account ...未完，继续阅读→
关键字：js 技巧

Web前端性能优化——编写高效的JavaScript

发布时间：2016/3/26 14:37:14 阅读(5748)条评论(0)条

前言随着计算机的发展，Web富应用时代的到来，Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始，Web前端开发也开启了新的纪元。用户需求不断提高，各种新的技术层出不穷，前端工程师的地位也越来越重要。然而任何事物都是有两面性的，随着前端技术的发展，前端业务越来越繁重，这大大增加了JS代码量。因此，要提高Web的性能，我们不仅需要关注页面加载的时间，还要注重在页面上操作的响应速度。那么，接下来我们讨论几种能够提高JavaScript效率的方法。一、从JavaScript的作用域谈起当JavaS...未完，继续阅读→
关键字：js 优化前端

在javascript中event的target和currentTarget的区别

发布时间：2015/12/17 11:47:06 阅读(5691)条评论(0)条

avaScript的event对象中event.target指代的是:触发事件的元素event.currentTarget指代的是:事件绑定的元素<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="test"> <span>aaa</span> <span>bbb</span> <span>ccc</span> </div> <...未完，继续阅读→
关键字：js event

jq+ashx图片单点上传支持一个页面多次调用

发布时间：2015/7/2 20:17:14 阅读(7319)条评论(0)条

本人一直在前端做效果切图，趁着晚上有空写点笔记记录下。效果就是AJAX上传图片不错的效果，最大的特点是支持多个同时在页面中调用。（底部附源代码下载）效果如下图：本代码使用说明：1、支持水印，可以启用图片或文字（可以传参数?iswater=1）；2、支持是否生成缩略图，并且要指定高宽大小（可作为参数传递?width=*&height=*）；3、上传文件类型及文件大小限止大小；（需要在ashx文件中设置）。前端代码如下：(uploadimg.html)<%@ Page Language="C#" AutoEventWireup="true" CodeFile="uploadimg.aspx.cs&...未完，继续阅读→
关键字：ajax 图片上传 net

当前第 1 页 / 共 6 页总共71条记录
12 3