- 博客(39)
- 收藏
- 关注
RSS订阅原创 使用transform scale 属性之后 角度与位置无法还原
描述：在使用scal之后 我们根据两个元素位置进行连线 通过三角函数计算长度得到的结果显示 有肉眼可见的角度偏移，不再是原先设置好的值，产生偏移原因： 当scale 改变元素大小之后 宽度和高度 缩小了举个例子：scale(0.5) 表示宽高个缩小百分之五十 那么长宽比 50 ：20 变成了25 ：10 好像没啥问题；但是面积缩水百分之七十五 长宽比没变 但是平方比变化极大 这导致了角度无法恢复原来的比例。处理方法: 在绘制之前先透明化元素 等元素角度调整完成在修改缩放比例，在将元素还原透明
2021-03-29 23:44:44
2162
原创 taro引入echart 怎么处理详细过程
taro 环境引入echart 并不能直接用echart.js官方给出了标准的 ec-canvas天才第一步 引入 组件 ec-canvas个人建议：看完再下载 一定要看 里面省的来来回回 找问题 一次性解决是最快的gayhub上下载组件天才第二步 定制图表天才第二步，定制自己需要的图表但这个组件因为一些特别限制导致了无法直接使用 //真不知道 官方组件自己咋跑起来 的 单个js文件不能超过500k 压缩过的echart 依然超过 所以（备注千万千万别选亚索 压缩之后根本不能
2020-07-27 23:42:48
4228
5
原创 nuxt初次跑 报错 Cannot find module 'xxx\build\main.js'
步骤：1vue init nuxt-community/koa-template nuxt-learn先使用vue加载初始模板2yarn install or npm install加载依赖3.npm run dev or yarn run dev就会报错了 很难想象一个成熟的框架 竟然会出现 初始化就会有的模板错误 必须调整三个插件的版本 才能继续跑通backpack-...
2019-04-09 23:15:37
6555
原创 create-react-app+mobx（+装饰器）+antd 一步一步搭建过程
全局安装npm install -g create-react-app yarn//yarn 这是一个类npm 的管理工具 挺好用的 安装包可以离线安装 安装过一次 不需要重复请求外网create-react-app 你的项目名字//创建项目 然后开始安装配置 和工具 下面是antd官方网站引入的解释 和步骤 详情自己看下就好了很简单的//安装antd ui库y...
2018-09-13 14:47:49
3399
原创 记录一个坑爹的东西 js中 delete 删除某个数组的值
delete 删除用过的都不会陌生 而且很好用 在一般情况下 比如某些对象 里面 删除多余的属性 使用也非常简单 delete object[name]众所周知js中 数组也是对象 比较特殊的对象而已于是 昨天接到个任务删除数组中的某个值 当时个人觉得自己非常聪明 直接上delete arr[number]结果成功删除 后面就没管...
2018-08-05 16:31:34
889
原创 css 样式 问题汇总
放大缩小span{ -webkit-transform-origin: right top; transform-origin: right center; font-size: 1rem; -webkit-transform: scale(0.5); transform: scale(0.5); }有意思的是 这玩意儿 并不会起作用 ...
2018-03-15 14:21:05
169
原创 流布局 和样式省略号的一个 不兼容
一个挺有意思的样式问题内容溢出后 样式显示省略号，总所周知 我们前端 可以用最简单的样式就可以实现 ，但是 走多夜路 终究遇到‘鬼’ 下面 就无法实现 内容溢出显示省略号 不服的看一看 `.wish-box #list dl dt, .wish-box #list dl dd { width: 25%; display: -webkit-box; displa...
2018-03-03 10:38:31
207
原创 回型遍历（螺旋遍历）（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
1190
2
原创 关于iframe的一些小问题（一些信息）
概念和使用方式 先聊下我遇到的问题： 所有html都会引入一个公共的html模块 里面有js和css 的工具引用 一般情况没啥问题，但是有一个会显示并且可以动的的logo的时候，这就有点问题了。 案发原因：logo在同一个位置多次显示 ，和重影一样，移动一个还有一个在原地。 思路：找到这个logo的位置，实在iframe里面还是在iframe外面。判断位置，
2017-11-15 13:19:48
506
原创 js 处理浮点数问题
浮点数参数原因： （进制的换算导致了精度不准） 网上有个人举了个例子：你用十进制去想，0.7 是一个能准确表示的小数，而二进制却是循环小数。反过来想，就好像在十进制中 0.2 是一个很准确的数字，但在二进制中却是循环小数0.10110。除非用有理数表示，这些数字不能精确地用有限位的二进制表示，产生误差，0.7+0.1计算的结果也是有误差。把有误差的结果显示时，转换成十进位显示的算法发现该值与 0
2017-11-13 10:14:47
1651
原创 分页（示例 有待改进 有好建议，欢迎提出）
<!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
226
原创 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
300
原创 jq封装ajax的一些方法（仅供自己参考）
写一个系列的前端页面，我们会有一种需求，风格统一，代码高效率的复用，那下面简单的说下 这时候jq的请求ajax请求会有五个过程：发送请求之前，发送请求，请求成功和出错，请求完成，整个ajax全部完成，（我个人的分析不喜勿喷）。为啥会有这五个状态！主要是体现在用户体验上，当然都用过请求成功和发送请求。但是剩下的几种状态也能很好地体现出你对用户的体验的提升。function test_ajax(){
2017-09-18 16:41:51
1320
转载 react常见坑
更多组件：https://react.parts/native，调用系统的，注意查看：支持iOS or 安卓 组件和相关使用样式用这种方式定义，可以单独提出来成一个文件。 1.引入外部样式： var Style = require(‘./Styles’); 就可引入相对自己目录下的Styles.js，注：React Native 没有所谓的CSS。
2017-08-01 13:32:37
646
原创 rem，px，em三种单位各有各的好处
px相对另外两种非常死板 简而言之就是写上去多少就多少以后改不了（要改就一起改了）rem 择相对非常灵活 虽然有些坑（12px和小数点）但是能解决很大一部分问题了 这个做移动 响应 都非常好但是并不是万能的 如果 你用rem写插件 给别人用 你敢么，谁都不知道 使用者用什么单位的，当写到插件的时候 比较推荐 使用em 毕竟px太次了不太好（适应性方面），而且em这单
2017-08-01 11:50:41
2935
原创 数字转中文和中文单位 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
642
原创 浏览器兼容问题
//多行文本超出省略overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;//超过行数 目前只在测试过chrome-webkit-box-orient: vertical;详情可以看//火狐浏览器 select 和scroll 有兼容问题 （如果是自定义样式的话 ）
2017-07-07 10:44:30
306
原创 scroll事件频繁触发
写这个标题的时候 我知道我写了一句废话 scroll在用鼠标滚动的时候 触发速度 远超于想象 但是 我们还是要绑定一些事件上去 ，结果频繁触发的时候 给人一种很绝望的感觉 对不对 特别是 懒加载（lazeload）对于懒加载 不清楚的可以去看看 什么是懒加载 onscroll=function（）{ }频繁触发 我们应该控制：
2017-06-28 20:39:49
5551
2
原创 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
192
原创 使用rem的几个注意事项
第一个是小数点问题：计算机并不是百分之百精确的 特别适当遇到这种小数点很多的时候 他们有可能会积少成多 溢出 这个时候 你就要考虑一些处理方式了第二点是html的fontsize 定多少合适 太大全是小数点 太小 呵呵 （今天早上遇到个坑 名为最小fontsize 谷歌浏览器默认最小字体大小为12 当你小于12像素的时候 默认为12像素，所以定一个合适的fontsize很重要
2017-06-20 18:48:54
2803
转载 省市区 三级联动 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
908
原创 手机号码验证 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
8321
3
原创 form 表单上传文件 jq实现
以后添加 解释 图片 $.ajax({ type: 'post', data: new FormData($('#file')[0]), processData: false, contentType: false, url: upload_file, success: functio
2017-06-16 10:46:36
1706
转载 JavaScript实现复制，粘贴，撤销，保存打开文件等操做
找了移动端的点击按钮复制，，需要的直接去最后document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数])其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），动态参数一般为一可
2017-06-16 09:25:53
2041
转载 http状态码想 详细手册
完整版 1**(信息类)：表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功)：表示动作被成功接收、理解和接受 200——表明该请求被成功地完成，所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 2
2017-06-06 09:23:19
187
转载 闭包的作用
两个月 没怎么敲代码 今天面试 突然问起一些很基础的东西 忘得差不多了闭包有啥用：大概分了三点 第一闭包可以缓存 一些你需要的值 （既然可以缓存当然也会造成内存泄漏） 第二 闭包带来的额很大程度上都是匿名函数， 匿名函数有啥用 ，防止命名污染， 既然是函数 那么函数封装可以带来函数内部的变量作用域也会局限于函数内部第三 闭包函数执行 的特点 使用
2017-06-05 23:02:42
322
转载 npm ERR! Windows_NT 6.1.7601
文章为转载内容 很好用 烦了一下午 一下搞定1、关闭npm的https npm config set strict-ssl false2、设置npm的获取地址 npm config set registry "http://registry.npmjs.org/"一般这样运气的好的话，速度就
2017-03-31 17:49:33
9075
1
原创 css阻塞，js阻塞
虽然感觉，这东西完全没啥用！写了这么久我也没遇到过 ！但是万一那天遇到了，回来看看相比也是极好的！网上找了点资料描绘的极为详细：css阻塞：css默认为阻塞渲染资源（阻塞渲染资源与非阻塞渲染资源的不同之处在于下载的优先级别问题，阻塞资源高，优先下载），无论是否为css阻塞资源 都是会下载的，时间先后而已；媒介类型和媒体查询，可以让我们标记一些css为非阻塞资源。js阻塞：js下载的时候浏览器会终止其他文件的下载，但是新式浏览器都开始做 js 的并行下载 也就是说js阻塞 可以在未来的某个时间忽略了，
2017-03-20 10:32:15
575
原创 优雅降级 js配合css 渐进增强
找了一上午 ，终于找到了，什么优雅降级，什么渐进增强，就一个意思么，为了实现css3的特效和js之间的配合实现设计效果。不过话是这么说的 但是这个东西思路还是有些不一样优雅降级：在网站设计时，术语优雅降级指的是新的或者是复杂特点的明智实施，目的是确保大部分的因特网使用者可以有效的和站点上的页面交互。过去几年站点设计和因特网使用的重要的里程碑包括图片，帧，在线游戏，Java,
2017-03-17 11:35:49
826
原创 js放大缩小 引发的问题
scale() 方法为画布的当前变换矩阵添加一个缩放变换。缩放通过独立的水平和垂直缩放因子来完成。例如，传递一个值 2.0 和 0.5 将会导致绘图路径宽度变为原来的两倍，而高度变为原来的 1/2。指定一个负的 sx 值，会导致 X 坐标沿 Y 轴对折，而指定一个负的sy 会导致 Y 坐标沿着 X 轴对折。具体使用例子 可以找到很多 （http://www.w3school.com.
2017-03-16 12:30:56
1029
原创 canvas动态获取视频第一帧 作为介绍
一直说也不知道说啥 偏偏有时候会遇上 刚接到这个问题的时候一脸懵逼 但是一想总要解决； 给后端搞吧！后台说前端上传 ，自己搞 又一脸懵逼！哎都是程序员 何苦 啊！网上找了一大堆 发现下面这个代码很好 原因很简答 只要还没傻到一定程度 就能做；capture screen(function(){var video, ou
2017-02-23 15:07:28
12015
10
转载 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
5589
原创 微信开发者工具无法使用 error：unable to verify the first certificate
error：unable to verify the first certificate
2017-02-21 09:44:34
15362
4
原创 餐厅座位表 canvas实现
一听就是很牛逼的样子 没错就是很牛逼 把的样子去了！！刚刚接手的时候 ，老大说 来这有个功能 你来实现以下 简述一下：双手指中心为原点缩放整张图，要求放大 缩小有极限 不能一直缩放 ，要求移动但有范围 ，点击画出的座位，获取当前点击的座位编号， 改变颜色！当时我一想 ，简单啊！还能更简单一点吗！ 放大缩小 不就是改变图形大小么；移动就是改变坐标而已 ，点击 更简单了 获取当前点
2016-12-27 21:00:04
2328
4
原创 rem 小数点问题
rem 用法根据html的fontsize的改变来改变你使用rem的位置大小！一般情况下这个东西真的好好用啊 ！什么问题好像都能解决，当你遇到 适配问题的时候！特别是一些需要在不同大小的屏幕时候 ，但是真正用到这个东西的时候我们会发现你会有个很尴尬的地方！那就是只能在一部屏幕中使用 就是当这个比例达到 你说设定的宽高比例的时候 但是其他时候 也许是宽度不够 也可能是高度不够 ！更尴尬
2016-12-20 21:01:29
2999
原创 $(window).scroll()无法触发
很奇怪对不对，为什么官网 ，w3c复制下来的全部没用，原因是什么！字母漏打，字符中英文打错吗？ 作为一个菜鸟，我也不知道为啥，我也是第一次遇见！但是我比一般的菜鸟好一点，因为我有大牛带路。其实，当你发现没有其他问题可以找的时候，就应该想想为什么执行不了，为什么不能执行原因一般是 写函数的过程遇到1. 少字符 2. 错中英文符号3. 运用方式有问题（js jq运用方式有问题）一种
2016-12-15 23:57:50
22258
11
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人