大青虫的博客

因为最终需要拿去打印 ，那么生成的图长宽px就为 104*coefficient（1mm = 当前设备像素） ,且dpi为300px ，格式统一为png。场景 ： 网店照片打印 、海报打印 、卡片打印 等多规格 多图片 客户自定义图片裁剪、 上传，以及后台上传下载。以100mm矩形贴图为例子 ，最终出图需要为 104mm*104mm ，预览图中需要以虚线标明出血。图片剪切板 和微信裁剪差不多 ， 可放大移动图片 ， 截图预览实时同步更新。二 、 规格选择页 、 自定义图片、卡片、贴纸 尺寸。

异步循环 循环可以是 普通 for 、 for of 、 for in 不能使用forEach（不能停止 不能用做异步循环） ,这里推荐 for of 每次迭代都会创建一个新的作用域， 可以保证异步操作的独立性和安全性。业务 ： 批量处理照片 ， 批量拆建 ， 裁剪一张照片需要异步执行等待 ， 并且是批量 所以需要用到异步循环。

vue配置代理 无效 不起作用 proxy 排前的代理有优先级 如图案例调换顺序 ，则优先http://192.168.0.111:5588/ ，https://openapi.jushuitan.com/则被屏蔽/* */

业务：目标界面的是用原生js写的 ， 被镶嵌到vue平台上 ， 现在要求vue点击跳转的时候 ，要附带上值 ，让原生界面获取到值 ， 完成页面设置查询。想法 ： vue跳转，使用this.$route.query 传值取值 ， 取值后给原生html（iframe），传值 。 也就是“父（vue）传子（原生html） ” ， 子页面取值使用千度大法 ：1.子传父 ：一 ：//根据iframe的id获取对象 ：vari1=window.frames['iframeId'...

网上搜答案的误导 ： 安装wampserver 是把安装的数据库路劲指向改变了 。真正解决问题 是因为 安装wampserver 就又安装了一个数据库 ， 这个数据库的port=3306 和原来的mysql数据库端口冲突 ，找原来的mysql 麻烦 ，左键打开wampserver 找到mysql 数据库的 my.ini 文件 ，修改里面的所有port 3306 改为 8806（任意 ，不冲突就行） 即可 ...

项目 vue+vue-resource +webpack1.弄清楚 是前端跨域访问第三方接口，还是前端访问后台的跨域 (此时要解决的是后台允许前端跨域访问)我们要解决的问题很明显是前者小白最大的问题---------搜索什么才能找到答案解决问题webpack 配置代理 （我的文件是webpcak.config.js）请求路径：这是我们已经访问成功 的请求对接免签支付的最大问题 技术居然是跨域 ，这是我没想到的 ，愿各位代码 ，无bug...

'//路由跳转时动态添加样式 :linkactiveclass

node（express）获取参数的所有方式 ， 望各位用轮子用的舒服

报错 1.0Property or method "handleClose" is not defined on the instance but referenced during2.0 Invalid handler for event "close": got undefinedfound in仔细看报错 ，其实就是handleClose 方法没定义 只要定义了就行 ，定义打印一行字就行具体我设置的有这些 ：1.在main.js入口文件中2.在组...

跨域报错 ：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3022' is therefore not allowed access.按照网上方法 ：在入口文件中添加了以下代码// 解决跨域问题// app.all('*', function(req, response, next) {// //设置允...

1.emem是一个相对长度单位，参照父元素的宽度，比如，一个父元素的font-size：10px ，那么1em = 10px，2.rem同样是一个相对长度单位，但参照的是是根元素 ， 能更好的完成屏幕的适配 ，使用更多。列如，充分理解 rem ，依赖根元素 ，根据比例 去调整界面1）一个屏幕的大小为640 ，分成20份（看需求），将body设置 font-size设置为32px；，那么一份就是32px（1rem） ，2）使用媒体查询设置不同界面（比如屏幕宽度为...

less中文网传送门：Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。less是动态样式表语言，通过简洁明了的语法定义，使编写css的工作变得非常简单，本质上，less包含一套自定义的语法及一个解析器安装：1，安装node环境 cmd窗口测试是否安装成功 （node -v npm - v）2，打开控制台（cmd），执行npm install -g...

目录1.首页轮播图1.首页轮播图ps：注意细节1.巧用width:100%（牢记参照父元素）比如 ，下图中，li 的宽度 等于 盒子（jd_banner）的宽度 ，作用都懂，很容易搞混淆2.overflow:hidden(父元素，裁剪 ，子元素)visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。...

wamp集成环境windows 操作系统Apache 提供静态资源服务（html页面 ，js文件，css文件，图片。。。）mysql 数据库php编程语言，可以用来开发网站目录一，安装wamp二，wamp配置访问权限与服务器环境配置 二1（环境配置） 二（2）.改变访问根目录（默认根目录：...G\wamp\www）： 二（3），配置虚...

一。兼容处理在不支持html5新标签的浏览器里，会将这些新的标签解析成行内元素（inline）对待，所以我们只需要将其转化为块级元素（block），即可使用，（i9以上可用）：header, section, footer, aside, nav, main, article, figure { display: block;}但i9以下不能正常解析这些新标签，但是却可以...

一，fullPag简介：如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面，QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站...

模板引擎的使用模板+数据 =》 静态页面片段有哪些模板引擎？性能卓越的模板引擎——artTemplat（https://github.com/aui/art-template 官方下载地址）基础语法：...

事件的三个阶段：第一个阶段: 捕获阶段第二个阶段：执行当前点击的元素第三个阶段：冒泡阶段e.eventPhase 获取事件阶段：（取值 1，2，3）但能看到的就只有 第一阶段 和 第三阶段事件冒泡，也叫事件委托 ，冒泡的作用就是事件委托下面看一段代码：、从代码中可以看到我们给‘li’，‘办了一个换背景颜色的事情’ ，但事情委托给了它的父节点‘...

1.document.write（）会把之前的整个页面覆盖掉（几乎不用），不能在触发事件时使用在网站接入在线客服的场景（第三方）被用到：2.element.innerHTML; 每使用一次innerHTML ，页面都需要重新绘制 ，使用时考虑效率问题优化一，提前拼接字符串，一次使用inner HTML问题来了：因为字符串的“不可变”，每次拼接都需要重新开辟内存空间，...

场景代入：判断返回字符串是否为空，如果为空，则将为该变量赋值为“这个字符串为空”；通常对于来说，第一想到的就是...：var text ；if(text){ console.log("这个字符串不为空"); }else{ text = "这个字符串为空"; console.log(text); ...

仅代表个人理解 ，可参考不同浏览器对相同一段代码有不同的解析。例如：InnerText,的兼容性问题：从MND中我们可以查到“InnerText”在，各种浏览器，不同版本，中从哪个版本开始支持InnerTextcsdn-大青虫那么，对于不同版本的浏览器兼容问题怎么解决？先看一段代码<a id="text">这是一段可修改的文字<a/>...