一段js 左右悬浮广告代码，只要修改广告图片地址与连接地址，相应参数根据页面调整下就可以使用这段左右悬浮广告代码了代码：var delta=0.15var collection;function floaters() {this.items = ;this.addItem = function(id,x,y,content){document.write(''+content+'');var newItem = {};newItem.object = document.getElementById(id);newItem.x = x;newItem.y = y;this.items[this.items.length] = newItem;}this.play = fu...
在HTML文档中的任何地方可包括JavaScript代码。但也有以下的最佳方法来包含JavaScript在HTML文件。在 ... 部分. 在 ... 部分. 在... 和... 部分. 脚本和外部文件，然后包括在... </ head>部分。在下面的章节中，我们将看到如何可以包含JavaScript方式的不同： 在JavaScript的... </ head>部分： 如果你想在一些事件上运行一个脚本，当用户点击某个地方，如，那么应该脚本的头部，如下所示：这将产生以下结果：JavaScript在...
瀑布流布局已成为当今非常普遍的图片展示方式，无论是PC还是手机等移动设备上。最近使用到了“懒加载”，现在更新一般，因为平时主要使移动端的开发所以库文件使用的是zepto.js 。当然也可以和jQuery 通用。 代码如下：function loadImgLazy(node) {var lazyNode = $('[node-type=imglazy]', node),mobileHeight, lazyOffSetHeight, tempHeight, currentNodeTop, imgObject,imgDataSrc, localUrl;localUrl = location.href;// 获取...
能力检测 在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前，可能要先检测该函数首付存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来，让他们把注意力集中到相应的能力是否存在上。能力检测无法精确地检测特定的浏览器和版本。 怪癖检测 怪癖实际上是浏览器实现中存在的bug,例如早期的webkit中就存在一个怪癖，即它会再for-in循环中返回被隐藏的属性。怪癖检测通常涉及到运行一段代码，然...
交错过渡效果花里胡哨，华而不...真香基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 transitionvue的文档对 transtion 组件已经有了很详细的 分析 了。 这里说一下我的理解： transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 这个合适的时机是： beforeEnter dom 从 js 生成，并刚插入页面的 那一帧(对应下图的动画开始)enter dom 插入页面之后的 下一帧(对应下图的...
最近一直写React，慢慢就对里面的一些实现很好奇。最好奇的就是自定义标签的实现和this.setState的实现。这里不分析JSX是如何解析的，所有组件都用ES5方式编写。 组件渲染 渲染时候，我们会调用render方法。类似下面这样： var SayHi = React.createClass({getInitialState: function() {return {verb: say:};},componentWillMount: function() {console.log(I will mount);},componentDidMount: function() {console.log(I have m...
需求分析 在实际项目中，表单里面的日期选择是常用的组件。Vant有提供日期组件，但是居然没有提供下拉形式的日期组件，不过该有的元件都有，就自己封装一个。 封装组件过程中我们要解决： 和表单的样式能兼容错误提示参数问题事件机制格式化解决问题 就给新的组件取名为 VantFieldDate。 期望使用的时候是这样的 <vant-field-datelabel="发布时间"v-model="formData.publishDate"type="datetime":max-date="new Date()" />具体实现...
前言 分页接口的实现，在偏业务的服务端开发中应该很常见，PC时代的各种表格，移动时代的各种feed流、timeline。 出于对流量的控制，或者用户的体验，大批量的数据都不会直接返回给客户端，而是通过分页接口，多次请求返回数据。 而最常用的分页接口定义大概是这样的： router.get(/list, async ctx => {const { page, size } = this.query// ...ctx.body = {data: []} })// > curl /list?page=1&size=10接口传入请求的页码、以及每...
react native 的上拉加载一直困扰着自己，一直用的第三方组件，但是可维护性不高，而且也不太好用，最近工作没那么忙，就研究下了官方的FlatList，做出来的成果，比第三方组件流畅度高好多，而且也很好用官方介绍：https://reactnative.cn/docs/flatlist/ 下面是效果图：ios效果图android效果图 总体思路就是：就是计算屏幕高度，然后减去导航的头部，根据列表高度计算出每页的个数,然后向上取整。这样做的目的是：防止不满屏状态下...
背景 楼主最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果， 在这里简单分享下： 一些探索 也说不上是探索吧，就Google了一波， 去gayHub 上找了一个比较成熟的库 react-i18next， 写了一些代码，现将过程分享一下， 附带详细代码，手把手教你实现国际化。 先睹为快 先看一下最后的成果：// ... import i18n from @src/i18n;// xxx componentconsole.log(哈哈哈哈哈i18n来一发:, i18n.t...
本文介绍了小程序点赞收藏功能的实现代码示例，分享给大家，具体如下： /收藏/ focusFavoriteTab: function (e) {var that = this;var isFocus = that.data.isFocus;console.log("isFocus", isFocus)var itemId = that.data.itemId;if (isFocus) {favoriteService.cancel(that, itemId).then((res) => {wx.showToast({title: "取消收藏",icon: success,duration: 1000});this.setData({isFocus: false,});})} else {favoriteServic...
背景前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是，每个控制重复提交的地方都需要加上这个逻辑，重复性太强，且控制逻辑不统一。目前前端使用的是http协议，所以提交方式为两种 异步提交，使用jQuery.ajax()form 表单同步提交下面这篇文章将给大家详细介绍关于这两种方法实现的方法示例，下面话不多...
Axios拦截器配置main.js //定义一个请求拦截器 Axios.interceptors.request.use(function(config){store.state.isShow=true; //在请求发出之前进行一些操作return config }) //定义一个响应拦截器 Axios.interceptors.response.use(function(config){store.state.isShow=false;//在这里对返回的数据进行处理return config }) 分别定义一个请求拦截器（请求开始时执行某些操作）、响应拦截器（接受到数据后执行某些操作），之间分别...
自己动手实现一个react-redux之前试过自己动手实现一个redux，这篇blog主要记录动手实现一个react-redux的过程。 这个react-redux还有一点点小瑕疵，我以一个计数器作为例子来实现的。 这是目录结构:这里的connect.js文件就是react-redux。 ├─component │ connect.js │ counter.js │ └─storeindex.jsindex.js： import React from "react"; import ReactDom,{render} from "react-dom"; import Couter from "./componen...
哈喽，大家好，快半个月没写了，现在提笔都有点生硬了，一直没更新的原因，一个是代码君也要上班，加上最近工作比较忙，还有就是写文章一直未被认可，所以没什么动力再创作了，那时真的坚持不下去，打算放弃了，感谢读者曹明，一个韩国的研究生读者，支持我，并给我鼓励，期待我更新下一篇，我非常感动，瞬间战斗力恢复，其实你们简单的点赞，评论，都是给我最大的支持，好了，煽情完毕，该讲今天的重点了，购物车，购物车的界面实...