- 博客(37)
- 收藏
- 关注
RSS订阅转载 css实现正方形div的3种方式
效果图：方法一：使用vw单位<div class="demo">viewport</div><style>.demo{ width: 20%; height: 20vw; background: #ccc; }</style>...
2017-12-12 23:56:00
268
转载 promise
目的：使用正常的程序流程（同步），来处理异步操作基本思想：异步任务返回一个promise对象该对象有3中状态：1.未完成 （pending）2.已完成 （resolved fulfilled）3.失败 （rejected）变化途径：未完成 -》已完成未完成-》失敗最終狀態只有2种：resolved rejectedthen 接受2个参数：1.操...
2017-12-05 19:15:00
64
转载 面向对象
1.构造函数特点：1.函数体内部使用了this关键字，代表了所要生成的对象2.生成对象的时候，必须用new命令，调用vehicle函数3构造函数通常首字母大写构造函数内部，this指的是一个新生成的空对象，所有针对this的操作，都会发生在这个空对象上2.new.target函数内部可以使用new.target属性，如果当前函数是new命令调用，new.tar...
2017-12-03 23:33:00
80
转载 回文数字
今天偶然间看到了一篇文章讲的回文数字，就学习了一下，顺便分享给大家首先，什么是回文数字：“回文”是指正读反读都能读通的句子，它是古今中外都有的一种修辞方式和文字游戏，如“我为人人，人人为我”等。在数学中也有这样一类数字有这样的特征,成为回文数判断一个数字是不是回文数，只需要将它反转过来，然后再比较两个数是否相等即可判断该数是不是回文数下面是一个判断一个整数是不是回文数的实...
2017-12-02 18:03:00
150
转载 正则url匹配
今天来说一下正则的url匹配示例：url ="https://v5.lairen.com/activity?id=862&code=ab9a61823398273b7b036fd9ed1a885e"首先要解析的是协议和域名目前来说协议普遍有三种： http|ftp|https而域名一般都是非空字符串var reg = /(http|ftp|https):\/...
2017-12-01 20:02:00
297
转载 Array 方法总结
会改变自身的方法：返回新数组的长度，改变原数组1.push2.pop3.shift4.unshif返回新数组，改变原数组5.reverse6.sort 按字符串在字典中的顺序排序 自定义函数返回被删除的元素，改变原数组7.splice 删除原数组的一部分并添加新的成员不会改变自身的方法：1.join2.concat3.sli...
2017-11-30 20:08:00
85
转载 js 原生数据类型判断
之前一直使用的jquery的数据类型判断,比如：isArray()等，今天看到了一个判断数据类型的简单的原生方法，分享给大家Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值的类型var val = Object.prototype.toString.call(param); Object.prototype.toStri...
2017-11-29 18:14:00
91
转载 使用js实现一个简单的数据双向绑定
实现代码：<input type="text" id="foo"><button id="btn">提交</button><button id="btn1">设置</button><div>输入框的内容：<input type="text" id="xianshi"></div&...
2017-11-28 20:44:00
127
转载 js 原生模板引擎的简单实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><ul id="list"></ul...
2017-11-26 19:17:00
115
转载 apply和call
方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，...
2017-10-16 23:30:00
66
转载 函数
一.函数声明有3种方法：1.function命令 函数的声明function getName(name){ console.log(name); return name;}2.函数表达式var getName = function(name){ console.log(name); ...
2017-10-12 23:51:00
56
转载 对象
一.3种生成方法1.大括号：var o={p:'hello'}2.用new 命令生成一个object对象的实例var student = new Object();3.使用object.create(object.prototype)生成一个var obj =Object.create(Object.prototype);...
2017-10-11 22:14:00
75
转载 字符串
1.概述定义时需要注意的内容 1.在单引号字符串内部，使用单引号，或在双引号内部引用双引号，都需要转义 2.如果长字符必须分成多行，可以在每一行的尾部添加反斜杠，或者使用（+）字符来连接 3.使用单引号或双引号定义字符时，最好坚持使用同一种风格转义 1.反斜杠（\）在字符串内有特殊含义，用来表示一些特殊字符，所以又称为转义符。需要用反斜杠转...
2017-10-11 21:50:00
67
转载 数值
1.整数和浮点数JavaScript 内部，所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。这就是说，JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）》第1位：符号位，0表示正数，1表示负数》第2位到第12位：指数部分》第13位到第64位：小数部分（即有效数字）由于浮点数不是精确的值...
2017-10-10 22:00:00
75
转载 数据类型
1.数据类型js的数据类型共有6种分别是：数值,字符串,布尔值,undefind,null,对象最基本的数据类型有3种：数值，字符串，和布尔值对象可以分为3个子类型：狭义的对象，数组，函数狭义的数组和对象是两种不同的数据组合方式。而函数其实是处理数据的方法。js把函数当成了一种数据类型，可以像其他类型的数据一样进行赋值和传递如图：2.数据类型判...
2017-10-09 22:27:00
68
转载 常见js 代码总结
后退：history.go(-1)；前进：history.go(1)；查看源代碼：'view-source:'+window.location.href转载于:https://www.cnblogs.com/zjy1017/p/7125738.html
2017-07-06 13:07:00
67
转载 js 语句中那些你不了解的
for语句：for语句的变量不会随着循环的结束而被销毁for(var i=0;i<5;i++){console.log("正常输出");}console.log(i);// 2 正常输出// 5with 语句：作用是将代码的作用域设置到一个特定的对象中。with(location){var qs =...
2017-07-06 13:04:00
54
转载 js 修改css文件
在做自動换肤设置时，无意中看到了js修改css的方法，感觉挺有用的，特来学习分享一下。好了，下面开始学习：js的 document.styleSheets 获取到的是引入的css的对象数组。如：其中 CSSStyleSheet展开如下：document.styleSheets[0] 即可得到你所应用的第一个cssrules 和 cssRules 的计数方法是...
2017-07-06 13:00:00
121
转载 数组的length属性不是只读的，你知道吗？
数组的length属性不是只读的var color=['red','blue','green'];color.length=2;console.log(color);// ["red", "blue"]转载于:https://www.cnblogs.com/zjy1017/p/7125703.html
2017-07-06 12:57:00
240
转载 javascript 操作符
操作符包括算数操作符（如加号和减号），位操作符,关系操作符和相等操作符在ecmaScript 中，在操作符应用于对象时，相应的操作符通常都会调用对象的valueOf()或者toString（）方法1.递增递减操作符：应用时会先将待操作的变量转换为数字值，否则设置为NaN,在执行操作2.一元加和减操作符在对非数值应用一元加操作符时，该操作符会像Number()转型函数一...
2017-07-01 12:02:00
68
转载 前端url 相关设置获取总结
1. 设置或获取整个 URL 为字符串 var url=window.location.href 返回结果：url https://www.baidu.com/2. 设置或获取 URL 的协议部分var protocol= window.location.protocol;返回结果： http:3.设置或获取主机var host =wind...
2017-06-27 13:06:00
205
转载 前端导出数据到excl表格
首先，导出的数据来源可能有两种：1. 页面的HTML table表格2. json纯数据第一种页面的HTML内容导出<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=...
2017-06-27 13:03:00
72
转载 Echart 使用图表简单示例
简单应用方式：<div id="main"></div>引用Echart<script src="js/echarts.common.min.js"></script>var myChart = echarts.init(document.getElementById('main')); option={...
2017-06-25 22:55:00
126
转载 mustache模板简单应用
一。简单的对象数据：data={name:"张三",money:29}模板: Hello {{name}}You have just won {{money}} dollars!二。list 循环data = { list: [ ...
2017-06-25 22:51:00
69
转载 适配器模式-学习笔记
适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。适配器模式的3个角色1.目标角色：该角色定义把其他类转换为何种接口，也就是我们的期望接口2.源角色 你想把谁转换成目标角色，这个‘谁就是源角色3.适配器角色 ...
2017-06-13 15:05:00
63
转载 策略模式
定义一组算法，将每个算法都封装起来，并且使它们之间可以互换。策略模式的三个角色封装角色： 屏蔽高层模块对策略，算法的直接访问，封装可能存在的变化抽象策略角色： 策略，算法家族的抽象，通常为借口。定义每个策略或算法必须具有的方法和属性具体策略角色 实现抽象策略中的操作，该类含有具体的算法优点：1.算法可以自由切换2.避免使用多重条件判断3.扩展性良好缺点...
2017-06-13 12:54:00
59
转载 状态机学习---处理连续性问题的利器
原理 有限状态机 把复杂的控制逻辑分解成有限个稳定状态，在每个状态上判断事件，变连续处理为离散数字处理。状态机编程思想特点 与传统的上下文编程不同，状态机将程序的行为划分为若干个状态，对于每一个状态规定其行为和可能的状态转换关系。状态机的状态即可以由其内部定义的状态转换关系改变，也可由外部操作改变，从而影响状态机的行为问题情景...
2017-04-23 06:23:00
111
转载 svg 学习心得二 时钟的画法
一。设计思路1.首先画一个时钟的底盘显示最外层的圆然后是内层的圆环再是分钟刻度的点 这个点的实现是通过svg的stroke-dasharray属性实现的2.接下来是时针，分针，秒针 1.这时候你可以用直线，也可以用折线，他们都需要一个起点，一个终点，你可以把整个圆的圆心作为这些针的起点或终点，不过最好要统一。在这里我将圆心作为了终点 2.时针...
2017-04-15 18:52:00
177
转载 做动画时 圆形相关的计算
圆点坐标：(x0,y0)半径：r角度：a0圆的周长 : 2 * Math.PI * r则圆上任一点为：（x1,y1）x1 = x0 + r * cos(a0 * Math.PI /180);y1 = y0 + r * sin(a0 * Math.PI /180 );转载于:https://www.cnblogs.com/zjy1017/p/...
2017-04-02 10:43:00
61
转载 swiper的一些常用方法整理
var mySwiper = new Swiper('.swiper-container)1.锁定mySwiper.lockSwipes();2.解锁mySwiper.unlockSwipes();3.切换到第一个slide，速度为1秒mySwiper.slideTo(0, 1000, false);4.设定初始化时slide的索引initialSlide...
2017-04-02 10:36:00
166
转载 svg学习心得一
之前一直看别人写的各种svg动画，画的svg图画，感觉好炫酷，也感觉好难，总有一种无法入手的感觉。但最近由于工作需要，要做一些小动画，要模仿app的原生的，就做了一些尝试及学习。下面是我的一些学习心得：要做svg动画，就要首先了解一下svg动画的过程以圆形缓冲加载动画为例：首先要确定画布的位置：画一个底边圆画一个加载的圆<svg...
2017-04-02 10:21:00
211
转载 Web Workers 是运行在后台的 JavaScript，不会影响页面的性能
什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。浏览器支持所有主流浏览器均支持 web worker，除了 Internet ...
2017-02-22 12:58:00
249
转载 js封装设置默认参数
function zjy_Carousel(settings){ var defaultSettings = { target: '.slider', btn_ul: ".bannar_button", btn_w: 28, animate_time: 1000, targetobj:'.slider li' , btn_...
2017-02-20 13:12:00
178
转载 css3 border分析总结学习
border-width定义和用法border-width 简写属性为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。只有当边框样式不是 none 时才起作用。如果边框样式是 none，边框宽度实际上会重置为 0。不允许指定负长度值。例子 1border-width:thin medium thick 10px;上边框是细边框右边框是中等边框...
2017-02-18 13:01:00
64
转载 字符串自动截取省略...
自适应宽度，当文本超过宽度的90%时，...省略<divstyle="width:90%;padding-left:10px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;position:relative;top:63px;white-space:nowrap;"&g...
2017-02-16 13:22:00
100
转载 table表单的合并 解决订单分类问题
<!DOCTYPEhtml><html><metacharset="utf-8"><body><style> /*.zjy-flex-box{display:-webkit-flex;display:flex;display:-webkit-box;}*/ .zjy-flex-box{display:...
2017-02-16 13:16:00
114
转载 木疙瘩常用菜单栏
包含基本菜单例如文件,编辑，修改，视图，动画，帮助等等1.1 文件1.1.1 作品版本鼠标悬停在作品版本可以看到你所有的修改版本，点击不同的版本修改时间即可切换版本1.1.2 文档信息渲染模式：标准：单个网页引用，嵌入：可以嵌入iframe元素中，内联：通过js方式加载动画，弹出：弹出对话框显示动画。发布模式：这个是三种不同的工具发布模式，前两种模式比较老，兼容性较...
2016-10-28 14:17:00
1827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人