- 博客(20)
- 收藏
- 关注
RSS订阅
原创 JS中出现的的兼容问题的总结（持续更新中）
普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本篇内容也会不断更新1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题我们都知道js通过style不可以获取行外样式，当我们需要获取行外样式时...
2019-08-29 22:01:33
992
1
原创 微信小程序1
1、小程序的目录结构pages ---- 路由indexindex.js — 页面的js文件index.json — 页面的配置文件index.wxml — 页面的结构index.wxss — 页面的样式utils ---- 模块app.js ---- 全局的js文件app.json – 全局的配置文件app.wxss – 全局的样式文件projec...
2019-11-25 20:47:41
204
原创 gulp详细配置
1.gulp的由来gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的...
2019-10-19 14:27:39
419
原创 js异步编程的方法
1、前言Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方...
2019-10-14 21:52:19
191
原创 promise
什么是Promise？我们用Promise来解决什么问题？Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。...
2019-10-12 19:35:17
149
原创 闭包和继承
1.什么是闭包？闭包的概念：闭包就是函数嵌套时，让局部变量变成自由变量的环境，是一种让局部变量进化的方式定义在一个函数内部的函数垃圾回收机制：用过一次的东西，先放在一个内存中，不立即删掉，可以随时进行还原或再次使用，直到没有任何作用的时候再清除如家用电器，电脑回收站2.闭包的应用场景一、for循环之中：for循环之中的i变量会因为for的循环次数被覆盖，所以在for循环内部存在函数时...
2019-10-10 08:41:57
142
原创 javascript cookie
1.cookie的概念HTTP Cookie（也叫 Web Cookie或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。Cookie 主要用于以下三个方面：会...
2019-09-22 14:20:28
191
原创 ajax详解
ajax是前后端数据交互的重要手段Ajax 全称为：“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML），它并不是 JavaScript 的一种单一技术，而是利用了一系列交互式网页应用相关的技术所形成的结合体。使用Ajax，我们可以无刷新状态更新页面，并且实现异步提交，提升了用户体验。由于 Ajax 包含众多特性，优势与不足也非常明显。优...
2019-09-22 13:54:10
126
原创 Javascript中的深拷贝和浅拷贝
JavaScript中的变量类型(1)、基本类型JavaScript中的基本类型有五种： null、undefined、boolean、string、number。 变量是按值存放的，存放在栈中的简单数据段，可以直接访问。(2)、引用类型引用类型包括对象和数组，其存储在堆当中，而变量是指针，指向堆。 当我们访问的时候，实际上是访问指针，然后指针去寻找对象或数组。深拷贝与浅拷贝的理解（1...
2019-09-15 22:36:21
173
原创 原生js实现瀑布流之无限加载
瀑布流布局在我们现在的前端页面中经常会用的到，它可以有效的降低页面的复杂度，节省很多的空间，对于整个页面不需要太多的操作，只需要下拉就可以浏览用户需要看到的数据；并且，在当前这个APP至上的时代，瀑布流可以提供很好的用户体验，通过结合下拉刷新，上拉加载进行数据的懒加载等操作，对于用户的体验感来说是接近于满分的！瀑布流的特点其实瀑布流的特点就是参差不齐的排列方式，以及流式布局的扩展性，可以通过...
2019-09-13 22:42:09
531
原创 原生js实现放大镜效果
今天是中秋佳节，在这了我祝大家中秋快乐，心想事成，工作顺利哈！放大镜效果在电商网站上较为常见的 一个效果，主要针对鼠标在图片选取部分放大查看。效果如图所示分析页面可知，页面主要分为三个部分，左侧图片缩略图，鼠标滑动版，右侧原图。HTML两个div搞定。s_box为缩略图，b_box右侧为原图，span为鼠标移动时的放大区域。<div class="s_box"> ...
2019-09-13 22:12:37
142
原创 原生JS实现无缝轮播图
不论是app，还是网站，基本上都会出现轮播图，今天和大家分享使用面向对象实现无缝轮播图的两种方式。轮播图的基本样式和功能就不需要解释了，相信能根据题目选择看文章的话都知道啥是轮播图，如果哪位读者真的让非要我解释一下啥是轮播图，求您饶了在下吧，真心词穷~很多网站上都有轮播图，但却很难找到一个系统讲解的，因此这里做一个简单的介绍，希望大家都能有所收获，如果有哪些不正确的地方，希望大家可以指出。1 ...
2019-09-11 19:09:00
371
原创 面向对象
1 什么是面向对象？面向对象（Object Oriented，OO）是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发，扩展到如数据库系统，交互式界面，应用结构，应用平台，分布式系统，网络管理结构，CAD技术，人工智能等领域。面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后到产物，是一种高级的编程思想。面向对象就是一种新的编程模式。面向过程？把所有的功能...
2019-09-08 23:39:38
333
原创 好的用户界面-界面设计的一些技巧
1 尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。2 放出礼品往往更具诱惑力给用户一份精美小礼品这样的友好举动再好不过了。具体来讲，送出礼品也是之有效的获得客户忠诚度的战术，这是建立在人们互惠准则上的。而这样做所带来的好处...
2019-09-01 14:04:51
1411
原创 JS中的正则
1.正则的概念正则的使用，相信大家工作中常用到的莫过于，表单验证:验证用户输入的内容是否符合我们设定的规则,例如：邮箱、电话、密码…，当然公司业务不同，手写能力强同学也可以用数据采集:在一堆数据中把我们需要的数据获取到，今天顺带总结一下,例如:：URL传参(问号传参) 从列表页到详细页(或者其他的页面),我们点击不同的列表,在详细页面看到的内容也不同,但是详细页是同一个页面,想要展示不同的内容...
2019-08-30 23:19:14
390
1
原创 JS中出现的的兼容问题的总结（持续更新中）
普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。ie.png内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本篇内容也会不断更新1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题我们都知道js通过style不...
2019-08-29 11:52:55
157
原创 事件对象
1 什么是事件对象 用来记录一些事件发生时的相关信息的对象，每次事件发生的时候，会在函数或方法内部产生一个事件对象，这个事件对象就是event 特征： 1.只有当事件发生的时候才会产生，只能在处理函数内部访问 2.处理函数运行结束后自动销毁 ...
2019-08-27 11:37:05
228
原创 javascript内置对象 Math和Date
1 什么是对象 JS中所有的事物都是对象：字符串，数值，数组，函数…… JS中的万物皆对象。 官方的解释： 什么是对象，其实就是一种类型，即引用类型，而对象的值就是引用类型的实例，在ECMAScript中引用类型是一种数据结构，用于将数据...
2019-08-24 16:20:36
125
原创 DOM 选择器
DOM中的选择器 1.getElementById(id) //获取指定元素的ID元素 2.getElementsByTagName() //获取相同元素的节点列表，通过标签名选择元素，返回值是一个数组 3.getElementsBy...
2019-08-23 19:19:48
118
原创 String字符串
1字符串的两种创建方式（常量和构造函数） var str = "hello javascript"; var str = new String ("hellojavascript"); 2字符串的属性： str.length...
2019-08-21 12:29:11
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人