随笔分类 - 前端
摘要：会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 这样也不总是符合实际需求，所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 属性即可。见 "详情" <! more 错误代码 报错分析 如果优先显示代码块1，然后改变type值，显
阅读全文
摘要：项目中有这么一个需求，就是按需启动mock功能。考虑到mock只是在特定情况下，所以考虑通过 来处理。 <! more cross env修改生产环境变量 1. 我想要的最终效果是npm run dev:mock 来启动mock，所以先安装 cross env 2. 找到 ，添加MOCK变量 3.
阅读全文
摘要：必然要替换 ，所以是时候尝试 "fetch" 了； 本封装仅针对npm引入； 本封装依赖 "es6 promise" 和 "whatwg fetch" ，分别对 和 进行兼容性处理； 还有一种兼容性处理是依赖 "es6 promise" 和 "isomorphic fetch" ，但是看它的源码就会
阅读全文
摘要：最近在小程序的开发过程中遇到这样的需求，一个搜索联想关键词高亮，另一个是将后台传过来的富文本解析成html展示在页面中，这里我们引入非常牛X的 ，之所以牛，是因为可以解决很多种问题，正因为如此所以它对于小程序来说也非常大，虽然只有100多kb。 地址 "https://github.com/ici
阅读全文
摘要：真正开发过小程序的开发者会发现，小程序里面的单选框和多选框封封装的实在不够友好，一般与UI都会有比较大的出入，所以下面来探讨一下单选框和多选框的封装。 效果 比如我们要做一个这种样式的单选框和多选框组件，我们改怎么去处理呢？ 代码 wxml wxss javascript 分析 其中，单选框比较
阅读全文
摘要：最近在做小程序的时候遇到这么一个有趣的问题，就是从A页面跳转到B页面，如果B页面需要在接口加载之后更改title， 并且如果接口请求过慢，还灭有请求完毕时就点击返回按钮回到A页面，这时B页面的请求会继续执行，并在执行完毕后修改了A页面的title。 原因 个人猜想，小程序本身属于单页面应用，代码的运
阅读全文
摘要：JavaScript声明过的变量提升往往会影响到我们对变量的正常获取，所以特写此文，以便以后翻阅。 什么是变量提升 js中定义变量有两种情况：（注意在方法外不加var是不能定义变量的，出现xx is not defined） 1. 都加var，在方法内则是局部变量，在方法外则是全局变量。 2. 在方
阅读全文
摘要：在使用vue cli进行项目构建时,有时是需要引用外部cdn资源的,生产环境中可以直接在index.html的头部引用,但是编译时会报错,因为脚手架无法识别这个外部资源.下面以引用腾讯地图api为例,介绍如何正确引用外部cdn资源. 1. 在index.html头部引用 2. 修改webpack.b
阅读全文
摘要：在开发阶段，前端调用后端接口可能会出现跨域问题，在vue cli中已经为我们集成了 " http proxy middleware " ，我们只需要在 中的proxyTable 配置即可。 如果接口是 ，那么有两种配置方案： 方法一 proxyTable: { '/api': { target: '
阅读全文
摘要：效果： 代码： 个人博客：[**午后南杂**](http://recoluan.gitlab.io)
阅读全文
摘要：首先要明白浏览器在加载页面的时候是按顺序来加载的，这样以来就很清楚了，js动态添加dom以后，这些dom并没有绑定事件，这个时候最简单的一个办法就是：将绑定事件的方法封装到一个函数A中，在动态添加完dom以后立即执行一次函数A即可。 需要注意的是，在你可能同时需要添加许多的dom，不要添加一个就执行
阅读全文
摘要：个人博客：[**午后南杂**](http://recoluan.gitlab.io)
阅读全文
摘要：jquery的处理办法 jquery的处理办法 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="jquery.min.js"
阅读全文
摘要：html: js: /* * 全国三级城市联动 js版 */ function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray; } Dsy.prototype.Ex
阅读全文
摘要：在做web页面时，无论PC端还是移动端，我们会遇到滑块这样的效果，可能我们往往会想着去网上找插件，其实这个效果非常的简单，插件代码的的代码往往过于臃肿，不如自己动手，自给自足。首先看一下效果图： 分析效果： 1、按钮的右侧有一个小动画，深黄色的小头是一圈圈循环流动的。 2、只在按钮上滑动可以启动按钮
阅读全文
摘要：近期的一个项目，是用angular来写的，本来框架就是第一次接触，使用相关插件的时候就感觉更加没有头绪了，其中一个插件就是时间选择器。比较好用时间选择器就是bootstrap里面的datetimepicker和daterangepicker（详情见bootstrap里面的时间选择器笔记）。 项目需要
阅读全文
摘要：在bootstrap中的时间选择器有两种：dateTimePicker和dateRangePicker 1、dateTimePicker好像是官方嫡插件： 需要的文件： 1 <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.c
阅读全文
摘要：HTML： 1 <div class="form-group"> 2 <label class="col-sm-2 control-label">商户名称</label> 3 <div class="col-sm-4"> 4 <input type="text" class="form-contro
阅读全文
摘要：该处用到了XML的【XML】document.createEvent的使用方法
阅读全文