zhangzixue_的博客

原创 vue2 + dataV 组件问题

在查找官方资料中，提到使用 key 可以解决方案。注意：一定要在 $nextTick 里面执行。

原创 Echars3D 饼图开发

【代码】【无标题】

原创 vue 适配大屏 页面 整体缩放

【代码】vue 适配大屏 页面 整体缩放。

原创 element-ui, transform: scale() 缩放 导致下拉框（el-select）、时间选择框（el-date-picker) 等el-dropdown 定位不对问题

【代码】element-ui, transform: scale() 缩放 导致下拉框（el-select）、时间选择框（el-date-picker) 等el-dropdown 定位不对问题。

原创 vue 原生 分片上传

【代码】vue 原生 分片上传。

原创 uni-app 报错 [plugin:commonjs] Unexpected token

上下看看 少不少 ‘,’ 逗号 或者 ‘{}’ 括号之类的。

原创 css 动画笔记

transition（过渡）​ 用于设置元素的样式过度transition: property duration timing-function delay; - property 规定设置过渡效果的 CSS 属性的名称 - duration 规定完成过渡效果需要多少秒或毫秒，默认0 - timing-function 规定速度效果的速度曲线...

原创 css 弹性盒整理笔记

##Dislay: flex大致了解了之后，主要还是怎么用。flex容器有以下六个属性：1. flex-direction2. flex-wrap3. flex-flow4. justify-content5. align-items6. align-content####1、flex-direction​ 属性决定主轴的方向（即项目的排列方向）。flex-directio...

翻译 各种去重方法

首先:我知道多少种去重方式双层 for 循环function distinct(arr) { for (let i=0, len=arr.length; i<len; i++) { for (let j=i+1; j<len; j++) { if (arr[i] == arr[j]) { arr.spl...

原创 Math 对象

Math 对象Math.PI ：返回 3.141592653589793abs(x)：返回数的绝对值。acos(x)：返回数的反余弦值。asin(x)：返回数的反正弦值。atan(x)：以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。atan2(y,x)：返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。ceil(x)：对数进...

翻译 提升开发幸福感的10条JS技巧

生成随机UIDconst genUid = () => { var length = 20 var soupLength = genUid.soup_.length var id = [] for (var i = 0; i < length; i++) { id[i] = genUid.soup_.charAt(Math.random() * soupLen...

翻译 JavaScript 面试题，看看能错几道？

下面代码输出什么?const box = { x: 10, y: 20 };Object.freeze(box);const shape = box;shape.x = 100;console.log(shape)A: {x:100,y:20}B: {x:10,y:20}C: {x:100}D: ReferenceError答案: BObject.freeze使得无法添...

转载 前端开发 20 年变迁史

添加链接描述

转载 深入理解图片和框架的原生懒加载功能

点击

转载 H5与iOS交互

- (void)webViewDidFinishLoad:(UIWebView *)webView{ //js方法名＋参数 NSString* jsCode = [NSString stringWithFormat:@"report('%@')",self.jsStr]; //调用html页面的js方法 [webView stringByEvaluatingJ...

转载 gulp和webpack究竟有什么区别？

在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(S...

原创 移动端开发IOS和安卓碰到的兼容性问题

这些问题都是我实际开发中碰到的问题，我想把它们都记录下来，供自己和他人学习。1.JavaScript中的Date对象在Safari与IOS中的坑var date =new Date("2018-07-25 19:25");这段代码是获得字符中指定的日期，它Firefox、Chrome中就能运行，但是放在Safari就会报错，错误是NaN解决办法：//将xxxx-xx-xx的时间格式，转...

转载 ajax和axios、fetch的区别

1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原...

原创 HTML5的十大新特性

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等(1)语义标签语义化标签使得页面的内容结构化，见名知义标签 描述<hrader></header> 定义了文档的头部区域<footer&gt...

原创 CSS3的新特性整理

animation IE10animation的六大属性animation-name规定需要绑定选择器的keyframe名称animation-duration规定完成动画所花费的时间 s msobject.style.animationDuration=“3s”animation-timing-function动画的速度曲线默认值easeobject.style.animat...

原创 深入理解ES6之解构

变量赋值的痛对象let o = {a:23,b:34};let a = o.a;let b = o.b;如上文代码，我们经常会遇到在各种场合需要获取对象中的值的场景，舒服一点的是获取单个属性，很多时候，要获取的是接口中的各个对象，在ES5中，我们不得不如上文一样，将同一行代码复制多遍数组let s = [1,2,3,4];let a = s[0];let b = s[2];...

转载 一个合格的中级前端工程师要掌握的 JavaScript 技巧

https://mp.weixin.qq.com/s/X6ks8HrhAXvIjkcnZ9qMLw

转载 17 岁的程序员告诉你关于编程的 7 个重要教训

作为程序员，在日常的 Coding 中，你遇到过哪些坑？又有什么样的心得与体会。以下为译文：大家好，我名叫Alec，今年17岁，我从12岁起就开始学习网络开发了。我远非优秀的开发人员，但我学到了一些普通开发人员应该知晓的经验教训。以下是我学到的一些经验教训，我认为每个开发人员，特别是新手，都应该了解这些经验教训。没有人无所不知没有开发人员知道一切，所以你也不需要知道一切。作为一名开发...

原创 原生JS元素信息的属性

转载 7 个 有用的 Vue 开发技巧

1 状态共享随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子，我们将在组件外创建一个 store，然后在 App.v...

转载 1px线变粗的原因

1px线变粗的原因在做移动端项目时，常常是根据设计图设置元素节点的大小和样式，但是有时候根据设计图写出来的样式还是不如人意，虽然表面上看起来和设计稿是一样的，可是就是没设计稿那种感觉，而且莫名还有一种山寨的气息，UI审查的时候也常常会觉得分割线或则边框线太粗了，要更细一点，但是一看代码，已经是1px了，为什么看着还是那么粗呢？要知道问题的原因首先要了解一下几个概念：(1)物理像素(physi...