- 博客(24)
- 收藏
- 关注
RSS订阅转载 JavaScript 中 call()、apply()、bind() 的用法
先看明白下面：obj.objAge; // 17obj.myFun() // 小张年龄 undefinedshows() // 盲僧比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；1，call()、apply()、bind() 都是用来重定义 this 这个对象的！obj.myFun.call(db)； // 德玛年龄 99obj.myFun..
2021-05-25 09:22:11
203
原创 Es6类的继承
Es6之前，写一个继承的实现方法是创建一个构造函数，如下：function Person(name,age){ this.name=name; this.age=age;}let person = new Person("nike","18")ES6实现继承的方法：class Person(){//表示类的构造方法constructor(name,age){ this.name=name; this.age=age}//类的一般方法showName(){ consol
2021-05-17 22:39:03
235
原创 babel-plugin-transform-runtime
本文章向大家介绍babel-plugin-transform-runtime，主要包括babel-plugin-transform-runtime使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。引言babel默认只转换新的 JavaScript 语法，比如箭头函数、spread。不转换新的 API，例如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的.
2021-05-17 12:16:35
5908
原创 webpack 报错 ReferenceError: regeneratorRuntime is not defined
初学webpack,打包时遇到，遇到下面的错误信息：ReferenceError: regeneratorRuntime is not defined这个报错是由于 async function 语法被 babel 转译之后的代码使用了 regeneratorRuntime 这个变量，但是这个变量在最终的代码里未定义造成的报错。解决办法：安装babel的插件：@babel/plugin-transform-runtime补充这个插件的安装使用方法：1、首先写一个 babel 配置文件：..
2021-05-17 12:05:33
1142
原创 webpack报Unknown plugin “babel-plugin-transform-runtime“ specified in...错误
在配置好babel-plugin-transform-runtime后 执行npm run dev 时报如下错误**解决办法：**执行npm install babel-plugin-component -D即可解决
2021-05-17 11:41:59
1884
转载 JS鼠标事件（非常详细）
一、 常用到的鼠标事件在 JavaScript 中，鼠标事件是 Web 开发中最常用的事件类型，鼠标事件类型详细说明如下表所示：鼠标事件类型项目Valueclick单击鼠标左键时发生，如果右键也按下则不会发生。当用户的焦点在按钮上并按了 Enter 键时，同样会触发这个事件dblclick双击鼠标左键时发生，如果右键也按下则不会发生mousedown单击任意一个鼠标按钮时发生mouseout鼠标指针位于某个元素上且将要移出元素的边界时发生mouseo
2020-12-15 09:14:01
43215
2
原创 js笔记3
文章目录DOM基本操作一、增二、插入操作(两个方法都常用)删除操作替换操作节点的一些属性Element节点的一些方法DOM基本操作一、增增加或创建一个元素节点document.createElement();var div = document.createElement('');创建文本节点document.createTextNode();var text = document.createTextNode('邓宝宝')3.创建注释节点document.createComm
2020-12-07 22:01:25
288
转载 vue-cli到底是什么
vue-cli到底是什么脚手架顾名思义就是搭建工程的一个工具，脚手架有很多，vue-cli是其中的一种。用来帮助快速的搭建vue的开发环境。我们可以想象自己不是在搭建开发环境，而是在做ppt。做ppt之前从头开始设定动画交互背景颜色字体大小排版等东西太烦了，因此我们可以选一个现成的模，直接在现成的模板上进行修改。假设我们选择了一个包含了 webpack动画的模板（这里假设webpack是模板里的一个动画）点击确定然后我们就做的ppt就自动应用了这个模板。我们可以在这个模板上进行制作了，而不用从头开始。
2020-08-06 19:12:08
6870
转载 解决低版本IE浏览器渲染模式和html5兼容
开发网站时，因为要兼容360浏览器和IE，这就涉及到双核浏览器和渲染模式问题。需要开发者手动去设定浏览器的渲染模式。360浏览器拥有webkit内核（Chrome）和IE内核，在360浏览器上运行网站时以webkit内核渲染可以省却很多麻烦。必须以IE内核渲染时可以让浏览器以最高版本渲染，尽可能兼容。1. 添加meta标签使浏览器以webkit内核渲染页面<metaname="re...
2019-03-27 15:04:35
461
转载 微信小程序 textarea 组件详解及简单实例
微信小程序textarea相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小程序 textarea微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 input 微信小程序 form 微信小程序 checkbox 多行输入...
2019-03-19 11:43:00
4198
转载 微信小程序自定义底部导航栏，切换不同页面显示不同tabbar
在一个微信小程序中想要用到两种不同的tabbar样式，需要在app.js中自定义，在页面加载时进行调用。比如一个小程序需要两个版本（用户版、商家版），并且能通过一个按钮在两个版本间进行切换，可能会用到这种方式。 此处以两个页面（index，logs）显示两种tabbar样式为例，通过切换按钮...
2019-03-19 11:23:53
16776
1
转载 jQuery join 与 split的区别 以及 地图用法
jQuery join 与 split的区别 以及 map用法1.join 与 split 的区别 join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔符方法join(“#”);其中#可以是任意 与之相反的是split()方法：用于把一个字符串分割成字符串数组.stringObject.split(a,b)这是它的语法2.map(callback)
2017-01-04 21:47:22
585
原创 html5移动开发总结
1、清除html5的默认样式aritcle,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font
2016-12-31 13:52:11
580
原创 jquery Dom操作方法简单归纳
1、在html 中创建元素使用$()$(document).ready(function() { $('<a href="#top">back to top</a>'); $('<a id="top"></a>');});2、在每个匹配的元素中插入新元素的方法 1. prependTo() 2. prepend() 3. appendTo() 4. append()3、在每个
2016-12-30 15:11:14
432
转载 海报设计创意套路大解析
天天看代码也是挺头痛的，今天跟大家一起来个转折，学习一下电影海报的设计。相信一定会有脑洞大开的赶脚。首先先简单阐述一下电影海报的分类：概念海报（又称预告海报）、人物海报和正式海报 概念海报，顾名思义就是出一个电影相关概念的大致海报，一部电影杀青之前为在市场关注度占有一席之地而出的先导海报，这时候海报执行方只知道大概剧情，连演员是谁通常都没定，所以海报的画面通常都是紧跟剧情，而且要非常有创意，才能吸
2016-12-29 09:45:15
19095
原创 你真的了解background-position
今天看了大漠老师一篇关于background-position 的文章，让我对这个属性有了一个更好的认识。在这里跟大家讲讲我的一些理解 background-position是用来控制元素背景图片的位置。它接受三种值： 关键词，比如top、right、bottom、left和center 长度值，比如px、em、rem等 百分值%这里重点来说一下百分值%你真的了解backgr
2016-12-28 09:32:05
724
转载 jQuery join 与 split的区别 以及 地图用法
jQuery join 与 split的区别 以及 map用法1.join 与 split 的区别 join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔符方法join(“#”);其中#可以是任意 与之相反的是split()方法：用于把一个字符串分割成字符串数组.stringObject.split(a,b)这是它的语法2.map(c
2016-12-28 07:42:05
665
原创 使用jquery的wrapAll()和wrap()方法包装元素
wrapAll() 把所有元素包装在一个容器中 wrap() 把每个元素分别包装在各自的容器中 before() insertBefore()的反向方法，功能与insertBefore()类似，但操作的内容和目标与insertBefore（）相比刚好是相反的 例如： $('<p>Hello</p>').appendTo('#container'); 与
2016-12-27 11:31:58
1358
原创 jquery移动元素
通过jquery可以取得页面中的某个位置上的元素，并将它们插入到另外一个位置上。不过这里有一点需要注意。即使是在jquery的隐式迭代情况下，插入的顺序也是预定义的。即从DOM树的上方开始向下依次插入。 如图： 这里有两个层，<div class="chapter">和<div class="footer">现在将另个span标签依次的按顺序插入到另个层之间。就需要使用 insertBefore
2016-12-27 07:11:23
1362
原创 jquery插入元素的几种方法 insertBefore() insertAfter() prependTo() appendTo()
insertBefore() insertAfter() appendTo() prependTo() 的使用方法以及区别
2016-12-26 22:21:48
2152
1
转载 如何在限宽的容器中实现全屏效果
在Web布局中，特别是在PC端中，常常可以看到这样的设计风格：内容居中，然后Banner区全屏。这也就是标题所说的效果，限宽的容器中实现全屏效果。那么问题来了，在实际中如何实现在限宽的容器中实现全屏效果。比如下面的设计风格： 作为一名前端开发人员，上图的效果并不陌生。假设我们内容区域是960px，然后水平居中。而其中Banner区域是全屏效果。如下所示： 那么实际开发中以什么方式来做更为
2016-12-23 11:16:58
636
转载 JQuery插件：ScrollTo平滑滚动到页面指定位置
1、准备jQuery库和scrollTo.js插件。<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.scrollTo.js"></script> 2、HTML<ul class="nav"> <li><a href="#" clas
2016-12-23 10:02:29
9775
原创 一个小例子理解事件委托
首先简单介绍一下这个小案例的要求：这是一个点赞的功能。用户单击点赞，该点赞按钮由彩色变成灰色，并且被单击的点赞按钮被替换成已采纳的标识。且其他地方的点赞按钮变成灰色，并禁止被点击。分析一下这个案例：回答列表会很多。点赞按钮肯定也会有很多个。虽然可以通过jquery的隐士迭代来给被点击的对象加上点击事件，来达到这个效果。但是如果数据了特别大，就会影响到代码的性能。因为jquery会在后面不停的循环这些
2016-12-15 14:49:49
726
原创 通过获取鼠标的点击位置来动态定位元素
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-12-15 13:58:17
3387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人