js
苍狼笑月
前端工程师
展开
-
使用transform scale 属性之后 角度与位置无法还原
描述:在使用scal之后 我们根据两个元素位置进行连线 通过三角函数计算长度得到的结果显示 有肉眼可见的角度偏移,不再是原先设置好的值,产生偏移原因: 当scale 改变元素大小之后 宽度和高度 缩小了举个例子:scale(0.5) 表示宽高个缩小百分之五十 那么长宽比 50 :20 变成了25 :10 好像没啥问题;但是面积缩水百分之七十五 长宽比没变 但是平方比变化极大 这导致了角度无法恢复原来的比例。处理方法: 在绘制之前先透明化元素 等元素角度调整完成在修改缩放比例,在将元素还原透明原创 2021-03-29 23:44:44 · 2235 阅读 · 0 评论 -
分页(示例 有待改进 有好建议,欢迎提出)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2017-09-22 21:07:53 · 237 阅读 · 0 评论 -
vue的一些认识(未完成)
全局安装 vue-cli npm install vue-cli -g创建vue项目 并选择包管理器 输入项目名称 vue init webpack cd 安装依赖包 npm install启动 热更新和服务器 npm run devvue打包 npm run build 静态资源懒加载 是无法做到的 但是 可以做到路由懒加载(路由加载到了改位置 会请求该页所有的依赖 )原创 2017-09-21 11:20:27 · 310 阅读 · 0 评论 -
js 处理浮点数问题
浮点数参数原因: (进制的换算导致了精度不准) 网上有个人举了个例子:你用十进制去想,0.7 是一个能准确表示的小数,而二进制却是循环小数。反过来想,就好像在十进制中 0.2 是一个很准确的数字,但在二进制中却是循环小数0.10110。除非用有理数表示,这些数字不能精确地用有限位的二进制表示,产生误差,0.7+0.1计算的结果也是有误差。把有误差的结果显示时,转换成十进位显示的算法发现该值与 0原创 2017-11-13 10:14:47 · 1756 阅读 · 0 评论 -
手机号码验证 js input
//验证电话号码function check_phone(phoneNum){return /^1[0-9]{10}$/.test(phoneNum);//true}//// 解决方式一 number长度无效但是可以阻止输入其他东西// <input type="number" oninput="if(value.length>11)value=value.sl...原创 2017-06-16 11:15:22 · 8364 阅读 · 3 评论 -
关于iframe的一些小问题(一些信息)
概念和使用方式 先聊下我遇到的问题: 所有html都会引入一个公共的html模块 里面有js和css 的工具引用 一般情况没啥问题,但是有一个会显示并且可以动的的logo的时候,这就有点问题了。 案发原因:logo在同一个位置多次显示 ,和重影一样,移动一个还有一个在原地。 思路:找到这个logo的位置,实在iframe里面还是在iframe外面。判断位置,原创 2017-11-15 13:19:48 · 542 阅读 · 0 评论 -
回型遍历(螺旋遍历)(js)
//没优化 简单写了下 var arr = [ [1,2,3,4], [12,13,14,5], [11,16,15,6], [10,9,8,7]];var newArr=JSON.parse(JSON.stringify(arr));consoles(newArr,'left')function consoles(newArr,direction){原创 2017-11-15 13:27:07 · 1231 阅读 · 2 评论 -
JavaScript实现复制,粘贴,撤销,保存打开文件等操做
找了移动端的点击按钮复制,,需要的直接去最后document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数])其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动态参数一般为一可转载 2017-06-16 09:25:53 · 2078 阅读 · 0 评论 -
记录一个坑爹的东西 js中 delete 删除某个数组的值
delete 删除用过的都不会陌生 而且很好用 在一般情况下 比如某些对象 里面 删除多余的属性 使用也非常简单 delete object[name]众所周知js中 数组也是对象 比较特殊的对象而已于是 昨天接到个任务删除数组中的某个值 当时个人觉得自己非常聪明 直接上delete arr[number]结果成功删除 后面就没管...原创 2018-08-05 16:31:34 · 923 阅读 · 0 评论 -
数字转中文和中文单位 demo
有些东西没搞完 先放着 有坑记得 在搞 或者 有谁需要了DOCTYPE html>html lang="en">head>meta charset="UTF-8">meta name="viewport" content="width=input, initial-scale=1.0">meta http-equiv="X-UA-Compatible" content=原创 2017-07-16 23:03:11 · 657 阅读 · 0 评论 -
JavaScript 常用数组函数
//数组去重Array.prototype.quchong=function(){ var o={},r=[];//使用对象去重 效率在indexof的一千倍左右 for(var i=0;i<this.length;i++){ if(!n[this[i]]){ n[this[i]]=1; r.push(this[i]原创 2017-06-21 12:40:16 · 220 阅读 · 0 评论 -
rem 小数点问题
rem 用法根据html的fontsize的改变来改变你使用rem的位置大小!一般情况下这个东西真的好好用啊 !什么问题好像都能解决,当你遇到 适配问题的时候!特别是一些需要在不同大小的屏幕时候 ,但是真正用到这个东西的时候我们会发现你会有个很尴尬的地方!那就是只能在一部屏幕中使用 就是当这个比例达到 你说设定的宽高比例的时候 但是其他时候 也许是宽度不够 也可能是高度不够 !更尴尬原创 2016-12-20 21:01:29 · 3071 阅读 · 0 评论 -
$(window).scroll()无法触发
很奇怪对不对,为什么官网 ,w3c复制下来的全部没用,原因是什么!字母漏打,字符中英文打错吗? 作为一个菜鸟,我也不知道为啥,我也是第一次遇见!但是我比一般的菜鸟好一点,因为我有大牛带路。其实,当你发现没有其他问题可以找的时候,就应该想想为什么执行不了,为什么不能执行原因一般是 写函数的过程遇到1. 少字符 2. 错中英文符号3. 运用方式有问题(js jq运用方式有问题)一种原创 2016-12-15 23:57:50 · 22365 阅读 · 11 评论 -
ios webview alert弹窗不显示网址解决办法
最近做hybrid webapp,碰到一个问题,以前的版本,ios和android都可以通过重写webview的alert等弹窗事件来隐藏掉弹窗的标题,但是ios7之后,api被禁用了,导致ios无法重写来实现隐藏标题,后来想过几种方案:1. 通过js调用ios原生代码来实现,即:window.alert = function(str){window.local.href=”xx://转载 2017-02-21 10:30:45 · 5621 阅读 · 0 评论 -
css阻塞,js阻塞
虽然感觉,这东西完全没啥用!写了这么久我也没遇到过 !但是万一那天遇到了,回来看看相比也是极好的!网上找了点资料描绘的极为详细:css阻塞:css默认为阻塞渲染资源(阻塞渲染资源与非阻塞渲染资源的不同之处在于下载的优先级别问题,阻塞资源高,优先下载),无论是否为css阻塞资源 都是会下载的,时间先后而已;媒介类型和媒体查询,可以让我们标记一些css为非阻塞资源。js阻塞:js下载的时候浏览器会终止其他文件的下载,但是新式浏览器都开始做 js 的并行下载 也就是说js阻塞 可以在未来的某个时间忽略了,原创 2017-03-20 10:32:15 · 588 阅读 · 0 评论 -
优雅降级 js配合css 渐进增强
找了一上午 ,终于找到了,什么优雅降级,什么渐进增强,就一个意思么,为了实现css3的特效和js之间的配合实现设计效果。不过话是这么说的 但是这个东西思路还是有些不一样优雅降级:在网站设计时,术语优雅降级指的是新的或者是复杂特点的明智实施,目的是确保大部分的因特网使用者可以有效的和站点上的页面交互。过去几年站点设计和因特网使用的重要的里程碑包括图片,帧,在线游戏,Java,原创 2017-03-17 11:35:49 · 847 阅读 · 0 评论 -
闭包的作用
两个月 没怎么敲代码 今天面试 突然问起一些很基础的东西 忘得差不多了闭包有啥用:大概分了三点 第一闭包可以缓存 一些你需要的值 (既然可以缓存当然也会造成内存泄漏) 第二 闭包带来的额很大程度上都是匿名函数, 匿名函数有啥用 ,防止命名污染, 既然是函数 那么函数封装可以带来函数内部的变量作用域也会局限于函数内部第三 闭包函数执行 的特点 使用转载 2017-06-05 23:02:42 · 334 阅读 · 0 评论 -
省市区 三级联动 js 实现
以后补 使用方法和说明// 纯JS省市区三级联动// 2011-11-30 by http://www.cnblogs.com/zjfreevar addressInit = function(_cmbProvince, _cmbCity, _cmbArea, defaultProvince, defaultCity, defaultArea){var cmbProvi转载 2017-06-17 15:25:39 · 917 阅读 · 0 评论 -
scroll事件频繁触发
写这个标题的时候 我知道我写了一句废话 scroll在用鼠标滚动的时候 触发速度 远超于想象 但是 我们还是要绑定一些事件上去 ,结果频繁触发的时候 给人一种很绝望的感觉 对不对 特别是 懒加载(lazeload)对于懒加载 不清楚的可以去看看 什么是懒加载 onscroll=function(){ }频繁触发 我们应该控制:原创 2017-06-28 20:39:49 · 5621 阅读 · 2 评论 -
餐厅座位表 canvas实现
一听就是很牛逼的样子 没错就是很牛逼 把的样子去了!!刚刚接手的时候 ,老大说 来这有个功能 你来实现以下 简述一下:双手指中心为原点缩放整张图,要求放大 缩小有极限 不能一直缩放 ,要求移动但有范围 ,点击画出的座位,获取当前点击的座位编号, 改变颜色!当时我一想 ,简单啊!还能更简单一点吗! 放大缩小 不就是改变图形大小么;移动就是改变坐标而已 ,点击 更简单了 获取当前点原创 2016-12-27 21:00:04 · 2418 阅读 · 4 评论