- 博客(74)
- 收藏
- 关注
RSS订阅原创 Vue2.0 $set()的正确使用方式
vue2.0 给data对象新增属性，并触发视图更新如下代码，给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}1 2 3 4 5 6 7 8众所周知，直接给student赋值操...
2018-09-13 15:03:20
802
转载 vue按需加载组件-webpack require.ensure
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '@/components/Hello'imp...
2018-09-13 14:03:20
360
转载 echo图片懒加载
最近不是在学习设计模式吗，然后就看到了代理模式加载图片的样例，然后自己实现了一下，就发现，自己写的这货每次就只能加载一张图片，而且图片要放在哪也是个很严重的问题然后就去了 gayhub 找了找了找流行的图片懒加载库，这一找，就找到了一个echo.j是，打开一看，源码只有100多行吧，震惊。。，看完源码，哎，木有上代理模式呀仔细学习了下源码：觉得这种做法比较适合图片位置确定场景的吧，比如文章...
2018-09-11 23:24:03
634
转载 js面试题Foo.getName()的故事
首先声明下：此题是本人面试时笔试题中的一道，回来一搜居然雷同，纯属偶然，特写此篇来整理一下思绪。。。原题： function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this; ...
2018-09-03 22:32:48
533
转载 vue-router中的router-link的active-class
在vue-router中要使用选中样式的方法有两种：1、直接在路由js文件中配置linkActiveClass 2、在router-link中写入active-class 问题：如果就这样，那么会出现一个问题，不管跳转到哪里，跳转到根目录的那个连接（to="/"） 始终都会有选中样式 为什么会这样呢？查阅文档：https://router....
2018-08-26 17:13:24
17880
转载 懒加载的原理及实现
懒加载的原理原理：先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比如data-src）。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。 这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题。代码实现既然懒加载的原理是基于判断元素是否出现在窗口可视范...
2018-08-24 15:17:05
732
转载 Vue.js生命周期函数（钩子函数）及常用指令
Vue.js的生命周期函数 beforeCreate、create 、beforeMount 、mounted 、beforeUpdate 、update 、beforeDestroy、destroy,及常用指令v-model 、v-if 、v-show 、v-else 、v-bind 、v-on 、v-for 、v-once等 一、生命周期函数 1.beforeCreate 创...
2018-08-24 10:26:12
540
转载 vue---生命周期函数
vue中所有的钩子函数：beforeCreate（创建前） created（创建后） beforeMount（载入前） mounted（载入后） beforeUpdate（更新前） updated（更新后） beforeDestroy（销毁前） destroyed（销毁后）生命周期函数<!DOCTYPE html><html lang="en">...
2018-08-24 10:20:22
323
转载 关于vue项目的seo问题
不可否定的是，vue现在火。但是在实际项目中，特别是像一下交互网站，我们不可避免会考虑到的是seo问题，这直接关系到我们网站的排名，很多人说用vue搭建的网站不能做优化，那我们真的要放弃vue，放弃前后端分离开发么？ 首先，可以肯定的是前后端分离不利于SEO，为什么呢？ 1.搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。 而你...
2018-08-22 15:38:05
6059
转载 vue全面介绍--全家桶、项目实例
简介“简单却不失优雅，小巧而不乏大匠”。 2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。 Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的...
2018-08-22 15:19:11
623
转载 vue全家桶(Vue+Vue-router+Vuex+axios)（Vue+webpack项目实战系列之二）
Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了，直奔主题。一、Vue 系列一已经用vue-cli搭建了Vue项目，此处就不赘述了。二、Vue-router Vue的路由，先献上文档（https://router.vuejs.org/zh-cn/）。 路由在全家桶里面定位是什么呢，创建单页应用！简单！我们知道Vuejs是一系列的组件组成应用，既然是组件那么就需要组合起...
2018-08-13 17:26:41
368
转载 vue-loader学习笔记
1：vue-loader简介vue-loader是一个webpack的loader；可以将vue文件转换为JS模块；2：vue-loader特性（1）ES2015默认支持 （2）允许对VUE组件的组成部分使用其他webpack loader;比如对< style >使用SASS（编译CSS语言），对< template >使用JADE（jade是一个高性能的模...
2018-08-13 11:58:02
235
转载 vscode写vue模板--代码片段
Ctrl+Shift+P打开命令输入 snippet （打开用户代码片段） 在输入vue(选择代码片段的语言) 如果搜索不到，安装一个插件 vueHelper 如果搜索到复制粘贴以下代码{ "Print to console": { "prefix": "vue", "body": [ "<template>&quo
2018-08-13 11:30:46
460
转载 H5页面app应用程序跳转探索
很多做 web 开发的一定遇到过这种需求：点一个链接或按钮时，如果装了应用，就用该应用打开；没装的时候，iOS 跳 App Store 下载，Android 直接下载 apk 包。在做读读日报的时候，就被这玩意花费了好长时间；然而 iOS 9 发布后，方案又失效了，于是又折腾了我几个小时。首先做个科普，浏览器是无法知道应用有没有安装的。应用可以设置一个（或多个）自己能打开自定义 URL sc...
2018-08-13 09:24:05
438
转载 微信公众号之:JSSDK接入以及invalid signature等常见错误问题
最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是博主结合自身遇到的问题所写，整个流程跟问题都很详细，虽然排版可能有点不好。但是绝对对遇到类似问题的朋友有所帮助。请认真看下去一、绑定JS接口安全域名生产号绑定方法：登录微信公众平台进入“公众号设置”的“功能设...
2018-08-07 17:25:28
2717
转载 微信分享非安全域名链接导致分享失败
最近微信开发遇到个问题，有个需要授权的页面分享失败了，之前一直都是好好的，完整链接类似这种： https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c...
2018-08-07 17:24:52
3280
原创 [webkit移动开发笔记]之兼容iPhone4和iPhone5的方法
摘要：[iPhone 4带来的革新，retina display绝对是最吸引眼球的一项。正是依赖这视网膜显示屏，iPhone 4的分辨率达到了640×960 pixels，不过为了保持向下兼容性，它采用的仍然是320×480 points。也就是说，在不进行缩放的情况下，显示普通图片时，它会用4个像素来显示图片中的1个像素;而在显示retina图片时，每个像素都对应图片中的1个像素。如此一...
2018-08-02 13:51:54
230
转载 微信js-sdk界面操作接口用法示例
本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考，具体如下：前提已经在wx.config()中获取到接口的权限，以官方文档为准说明：1.目前提供的界面操作接口和使用都比较简单2.有些好像还有点重复3.“调整字体”、“投诉”这两个测试的时候无法隐藏，属于基础类一、关闭微信浏览器窗口? 1 wx.closeWindow()...
2018-07-27 13:16:14
757
原创 jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTML...
2018-07-22 17:30:50
947
转载 vuex的简单使用
什么是vuex？vuex官网的解释是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。下面介绍在vue脚手架中简单应用vuex来实现组件之间传递数据，当然组件之间传递可以使用emit，但页面组件越来越多涉及到数据传递就越来越麻烦，vuex的便利性就体现出来。效果演示先上图看看...
2018-07-20 17:06:33
196
转载 H5项目常见问题汇总及解决方案
H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />// ...
2018-07-19 14:51:03
517
原创 axios
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的I...
2018-07-16 17:18:51
417
转载 端口映射工具：ngrok的使用(可用于本地测试微信)
端口映射工具：ngrok的使用我们在没有服务器或者上传服务器测试比较麻烦的情况下可以使用ngrok工具，映射本地机器让外网访问，可以用来测试微信哦。首先下载ngrok 工具:下载地址是：<a target=_blank href="https://ngrok.com/download">https://ngrok.com/download</a>然后在ngrok网站注册帐号...
2018-07-16 14:00:21
797
转载 如何使用nodejs快速搭建本地服务器
1.首先要安装好node,js 2.以下有安装包下载的链接：这里的安装包是.msi,如果要其他的，可以到菜鸟教程上去找32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi；64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi；3.安装好了，我们...
2018-07-14 12:15:28
437
转载 微信公众号网页分享功能开发
现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题，和分享链接的描述及分享出去的图像，例如下面的分享出去的链接： 上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的视觉效果。 微信JS-SDK Demo :这个是微信网页分享出去的标题。 微信JS-SDK,帮助第三方为用户提供更优质的移动web服务：这个...
2018-07-13 10:51:12
13380
2
转载 快速理解RequireJs中的config
在html中引入requirejs在HTML中，添加这样的 <script> 标签：<script src="/path/to/require.js" data-main="/path/to/app/config.js"></script>通常使用requirejs的话，我们只需要导入requirejs即可，不需要显式导入其它的js库，因为这个工作会交给req...
2018-07-11 15:42:22
6789
原创 微信公众平台开发网页开发
以前写过一篇《微信公众平台开发的一点收获》，这一篇说说微信公众平台网页开发的知识。微信公众平台应该是国内最大的开放平台，对于技术开发人员来说，不管有没有自己的公众号，应该也要有一定的了解，其实只要有一个域名和虚拟主机，就基本上能够尝试着去开发。回顾上篇文章的知识点（1）上篇文章的内容可以理解为公众号消息开发，这里的消息可以是公众号文章或者是消息会话，用户为了有权使用公众号的功能，必须关注对应的公众...
2018-07-11 14:28:43
21655
转载 ngrok使用教程
ngrok 是一个反向代理，通过在公共端点和本地运行的 Web 服务器之间建立一个安全的通道，实现内网主机的服务可以暴露给外网。ngrok 可捕获和分析所有通道上的流量，便于后期分析和重放，所以ngrok可以很方便地协助服务端程序测试。ngrok的使用并不复杂，主要步骤如下： 1. 进入ngrok官网（https://ngrok.com/），注册ngrok账号并下载ngrok； 2. 根据官网给定...
2018-07-11 13:39:57
539
转载 如果不想让浏览器缓存input的值
方法一： 在不想使用缓存的input中添加 autocomplete="off"eg: <input type="text" autocomplete="off" name="test" />方法二： 在 input 所在的form标签中添加 autocomplete="off"; eg:<form action="#" autocomplete=
2018-07-11 10:38:03
2250
转载 浅谈Normalize.css
Normalize.css只是一个很小的css文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的css reset，Normalize.css是一种现代的，为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap，HTML5 Boilerplate，GOV.UK，Rdio，CSS Tricks以及许许多多其他的框架，工具和...
2018-07-10 16:05:16
129
转载 HighCharts的使用，（jQuery调用发请求部分）
一、jQuery 中 Ajax 相关的函数在 jQuery 中，有三种 Ajax 相关的方法，分别是：ajax、get、post。1、jQuery.ajax统一的发送 Ajax 请求函数，简单的使用示例如下：$.ajax({ url: '请求地址', type: 'GET', // 请求类型，常用的有 GET 和 POST data: { ...
2018-07-08 13:37:24
741
原创 页面常用跳转
1.定时跳转或者原地刷新HTML5页面跳转的几种方法优点：简单缺点：Struts Tiles中无法使用对于刷新当前页面js控制为：window.location.reload(); //刷新当前页面，重新向服务器请求数据2.js手动跳转HTML5页面跳转的几种方法优点：灵活，可以结合更多的其他功能缺点：受到不同浏览器的影响上面的方法跳转会保留历史页面记录，通过返回键可以返回上一个界面，如果不像返回...
2018-06-30 18:03:45
584
原创 RequireJS 构造方法以及封装成jQuery插件
scrollto.js// 定义模块define(['jquery'], function($){ // 构造函数(方法名跟文件名相同，首字母要大些) function ScrollTo(opts){ // 将用户传递的参数覆盖原来的ScrollTo.DEFAULTS，以"{}"形式返回 this.opts = $.extend({}, Scro...
2018-06-30 17:32:01
466
原创 jQuery 对AMD的支持（Require.js中如何使用jQuery）
AMD 模块AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多...
2018-06-30 17:24:32
232
原创 requireJS 基本使用
在requireJs 中，.js的后缀是可以省略不写的 <script data-main="main" src="require.js"></script> 在require.js 加载完之后，会查找页面上script标签的data-main属性的值，然后加载，data-main指定的js文件找到名为main的js文件通过requireJs同时加载了js1、js2、js3...
2018-06-28 17:39:57
447
原创 jQuery与Zepto的异同
一. 同 Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分都能和j...
2018-06-28 13:48:11
146
转载 Android原生与H5交互的实现
随着移动互联网的高速发展，常规的开发速度已经渐渐不能满足市场需求。原生H5混合开发应运而生，目前，市场上许多主流应用都有用到混合开发，例如支付宝、美团等。下面，结合我本人的开发经验，简单谈一下对混合开发的认识以及实现方式。混合开发的优点优点显而易见，由前端工程师写一个页面，多个平台都可以运行，省了android和ios工程师不少事，无形中提高了开发效率，节约了开发成本。缺点凡是使用过的人都知道，H...
2018-06-28 13:24:59
4214
原创 让zepto和jquery可以同时使用
在jQuery引用完了后，调用下$.noConflict()，比如：<script type="text/javascript" src="js/jquery.min.js"></script><script>$.noConflict();</script><script type="text/javascript" s
2018-06-28 09:41:23
2343
原创 token的两种使用方法
token的作用以及ajax中传递token的几种方法 目录1、ajax中传递token的作用2、ajax中传递token的几种方法内容1、ajax中传递token的作用作用一：防止表单重复提交 主要原理是：用户提交表单后，会携带token到服务器，服务器将session中的token和用户请求带过来的token进行比较，如果相同，会将session中的token进行更新。若用户重复提交，则用户...
2018-06-27 21:11:55
21499
转载 freemarker常见语法大全，适合新手查询！
由于公司前端使用的技术是freemarker，于是没事就在网上看看别人写的关于freemarker的文章，感觉freemarker灰常简单，比jsp好用，jsp太乱太臃肿了，另外推荐大家看看freemarker手册写的很好。为了处理缺失变量,FreeMarker提供了两个运算符: 用于防止对象不存在而导致的异常 !:指定缺失变量的默认值 ??:判断某个变量是否存在,返回boolean值${item...
2018-06-27 21:01:08
677
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人