zengdejie123-CSDN博客

转载 Vue前端开发规范

一、强制1. 组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。正例：export default { name: 'TodoItem', // ...}反例：export default { name: 'Todo', // ...}2. 组件数据组件的 data 必须是一个函数。当在组件中使用 data 属性的时...

2018-08-09 15:34:45 636

转载前端面试汇总

本文旨在加深对前端知识点的理解，资料来源于网络。一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？ position的值， relative和absolute分别是相对于谁进行定位的？ absol...

2018-07-26 15:29:09 234

转载 Vue UI组件开发框架服务端辅助工具应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的移动UI元素vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用

2018-01-16 10:15:15 1959

转载详解Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分： J

2017-10-19 11:13:02 1356

转载 vue2.0 transition -- demo实践填坑

前言vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小demo案例来感受下vue2.0 tr

2017-09-05 10:50:07 288

转载 vue2封装swiper轮播组件

学习vue的第二篇文章，完成了以下功能。1、父组件传递给子组件数据；2、子组件通过props接收数据；3、v:bind以及v-for的使用；4、实现了轮播组件。前一篇我们搭建了一个vue2+webpack2的框架，实现了一个全局导航组件。今天说说在vue中使用轮播组件的选择（会造轮子的自己写轮播特效）。运行效果：vue-酷我demo

2017-08-10 10:19:32 1264

公众号支付就是在微信里面的H5页面唤起微信支付，不用扫码即可付款的功能。做这个功能首先要明确的就是，只有和商户号mch_id匹配的appid才能成功支付。商户号在注册成功的时候就会将相关信息发送到邮箱里面。而唤起支付的一个关键是靠openid拿到统一下单。而openid是和appid一一对应的。也就是说如果你登录使用的appid不是公众号的appid，得到的openid就无法唤起公众号内的支付(会

2017-06-30 17:21:49 545

转载基于Vue2.0+Vue-router构建一个简单的单页应用

爱编程爱分享，原创文章，转载请注明出处，谢谢！http://www.cnblogs.com/fozero/p/6185492.html一、介绍vue.js 是目前最火的前端框架，vue.js 兼具 angular.js 和 react.js 的优点，并剔除它们的缺点并且提供了很多的周边配套工具如vue-router 、vue-resource 、vuex等等通过他

2017-06-24 16:11:28 452

转载数据传输加密——非对称加密算法RSA+对称算法AES(适用于java,android和Web)

转载请注明出处：http://blog.csdn.net/chay_chan/article/details/58605605数据传输加密在开发应用过程中，客户端与服务端经常需要进行数据传输，涉及到重要隐私信息时，开发者自然会想到对其进行加密，即使传输过程中被“有心人”截取，也不会将信息泄露。对于加密算法，相信不少开发者也有所耳闻，比如MD5加密，Base64加密，DES加密，

2017-06-23 15:07:54 959

转载 sass、less和stylus的安装使用和入门实践

刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦那也是需要花费非常多的时间来协调合作上的。对于预处理器的态度，目前是本着学习新技术和推动css向前进的思想来学习新玩意。下面这篇文章来自w3cplus，这是一篇

2017-06-02 15:01:35 495

转载 vue-router 2.0 改变的内容总结一下

最近在学习个过程中遇到了不少坑点，整理一下摆出来让大家注意一下吧：2.x 版本的 vue-router 相比之前的0.7.x版本，有很多破坏性改变：一、通用 API 的修改1、The old router.go() is now router.push() 2、新的 router.go 类似 window.history.go() : 接受一个数值作为参数在

2017-05-26 16:13:55 1186

转载 H5移动端常见问题及注意事项

H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面[javascript] view plain copy print?//一、HTML页面结构 "viewport" content="width=device-width,initial-scale=1.0,minimum-scale

2017-05-08 11:13:25 1649

转载 H5项目常见问题汇总及解决方案

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// mini

2017-04-26 09:56:18 554

转载 React 还是 Vue: 你应该选择哪一个Web前端框架？

学还是要学的，用的多了，也就有更多的认识了，开发中遇到选择的时候也就简单起来了。本文作者也做了总结：如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue 如果你喜欢简单和“能用就行”的东西，请使用Vue 如果你的应用需要尽可能的小和快，请使用Vue 如果你计划构建一个大型应用程序，请使用React 如果你想要一个同时适用于Web端和原生Ap

2017-04-18 16:16:17 1491

转载基于vue-cli快速构建

Vue是近两年来比较火的一个前端框架（渐进式框架吧），与reactjs和angularjs三国鼎立，我不是职业前端，做过Vue，了解了一下React，听说过Angluar。我只能这么说，我来晚了，没经历所有。闲话少说进入正题。 Vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆

2017-04-12 12:16:19 2623

转载关于使用JS前台加密、JAVA后台解密的RSA实现，RSA加密和签名

需求环境：西安项目中，客户要求保护用户的密码信息，不允许在http中传递明文的密码信息。实现：用RSA非对称加密方式实现。后台生成rsa密钥对，然后在登陆页面设置rsa公钥，提交时用公钥加密密码，生成的密文传到后台，用私钥解密，获取密码明文。这样客户端只需要知道rsa加密方式和公钥，前台不知道私钥是无法解密的，此解决方案还是相对比较安全的。附件是参

2017-04-07 16:39:01 16641

转载 RSA实现JS前端加密，PHP后端解密

web前端，用户注册与登录，不能直接以明文形式提交用户密码，容易被截获，这时就引入RSA。前端加密需引入4个JS扩展文件，jsbn.js、prng4.js、rng.js和rsa.js。 html>head> title>RSA Login Testtitle> meta charset="utf-8"> script

2017-04-06 16:23:06 5474 3

转载加密–RSA前端与后台的加密&解密

1. 前言本问是根据网上很多文章的总结得到的。 2. 介绍 RSA加密算法是一种非对称加密算法。对极大整数做因数分解的难度决定了RSA算法的可靠性。换言之，对一极大整数做因数分解愈困难，RSA算法愈可靠。假如有人找到一种快速因数分解的算法的话，那么用RSA加密的信息的可靠性就肯定会极度下降。但找到这样的算法的可能性是非常小的。今天只有短的RSA钥匙才可

2017-03-18 11:38:49 7089

转载 ajax跨域请求接口介绍及解决方案

在前端开发过程中，将常出现前端代码和后台服务不在一个服务器的情况，这时候前端js代码调用后台接口，会出现跨域问题。：1、这里的域是通过URL的头部来识别的。浏览器并不会去尝试判断相同的ip地址对应着两个域或者两个域是否在同一个ip上。URL的头部指window.location.protocol +window.location.host，也可以理解为“Domains, protocols

2017-03-14 13:12:49 586

转载 jQuery鼠标事件汇总

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。1、click事件：点击鼠标左键时触发　　$('p').click(function(){});示例：?123$('p').click(function(){ alert('click function is

2017-03-14 09:53:03 354

原创 Android真机测试安装时报错Installation error: INSTALL_FAILED_DEXOPT

以前的一个项目，放了一段时间后今天拿起来继续做，修改了一些代码后真机运行调试，但是安装时报上面的错误。网上查询都是说是因为生成的dex文件的方法数超过65K也就是65535个，但是我这个项目还是一个比较小的项目，方法数不可能超过65535个。尝试了很多方法都无效就在我快要放弃的时候，终于找到了问题的所在。原来是手机内存不够了，删除一些软件后就可以正常安装运行。

2016-09-01 14:45:13 654

转载如何将apk大小减少6M的

如何做到将apk大小减少6M我们的apk去年业务需求增长迅速，伴随而来的是apk大小由年初的20M以下，增长到年底的30M。包大小增长的坏处有：过大的下载包会降低新用户的下载兴趣增加下载安装中失败的风险提高各个渠道下载发布的成本（渠道是会根据你的包大小设置收费规则的）因此，减少包大小的工作看上去不痛不痒，其实还挺重要的。接下来，我将分享下我在包大小瘦身方面的

2016-08-04 21:16:57 3475

转载 Android屏幕适配全攻略(最权威的官方适配指导)

Android的屏幕适配一直以来都在折磨着我们这些开发者，本篇文章以Google的官方文档为基础，全面而深入的讲解了Android屏幕适配的原因、重要概念、解决方案及最佳实践，我相信如果你能认真的学习本文，对于Android的屏幕适配，你将有所收获！Android屏幕适配出现的原因重要概念屏幕尺寸屏幕分辨率屏幕像素密度dpdipdpisppxmdpihdpixdpi

2016-06-24 03:15:48 345

转载 Android ADB server didn't ACK * failed to start daemon * 简单有效的解决方案

转载请注明出处：http://blog.csdn.net/xiaanming/article/details/9401981ADB server didn't ACK 这个问题会困恼很多的新手朋友，我以前刚开始做Android的时候也遇到过这个问题，不过自己百度，google啥的，也不知道怎么就给解决了，看到群里很多新手朋友都会问这个问题，说实话我也没有一个解决这个问题的终极方法（百试百灵

2016-06-05 01:57:26 551

转载使用百度地图api实现定位及选择位置功能

之前使用过一些第三方的地图api，最后还是觉得百度的比较好用，刚好最近做一个项目，需要用到地图的功能，也比较简单，就是获取当前位置，然后可以自己手动在地图上选择位置，把经纬度丢给服务端。我用的就是百度地图下面就开始做了，注册开发者账号、申请key、下载SDK什么的，就不说了，官网上说的很清楚。就直接贴代码了：我先建了一个类，继承Application，里面就一行代码，初始化地图。

2016-05-19 22:06:56 25618 2

转载百度地图SDK-BaseMapDemo

5-19 01:51:01.350: E/AndroidRuntime(8864): Java.lang.RuntimeException: Unable to start activity ComponentInfo{pyp.navigation.main/pyp.navigation.map.BaiduMapActivity}: java.lang.IllegalStateExceptio

2016-05-19 01:57:33 521

转载从相册选相片并裁剪

我想实现一个功能，就是用户从摄像头拍个照然后裁剪后把图片显示到屏幕，或者从相册选一张裁剪后显示到屏幕。以下是代码，但是在从相册选了图片后，没有弹出裁剪的界面，直接返回主界面了。。请大神帮看下。这是一本书的代码，没想到不能运行。是4.0.4的安卓系统。package com.example.pstar.photodemo;import android.app.Activity;imp

2016-03-15 16:44:56 353

原创在使用Eclipse开发大小写快捷键使用问题

如果你使用的是360浏览器，在使用Eclipse小写转换大写快捷键Ctrl+shift+X时,会弹出360截图然后发现转换不了。这时不要慌，打开360浏览器点击右上角截图图标(类似剪刀这个符号)，然后点击设置，把开启快捷键的勾去掉就好了。

2016-01-08 21:38:41 1161

转载 unable to connect to the virtual device Genymotion 启动问题

自从360盲目升级Oracle VM VirtualBox版本后，导致Genymotion无法正常启动android模拟器完全卸载，重新安装还是悲剧一段时间过后，随意百度之，终于找到解决的办法-------------------------感谢原作者----------------------------------解决方法：win7以上用户在桌面找到：网络--右

2016-01-03 23:19:34 759

转载 setHomeButtonEnabled

setHomeButtonEnabled这个小于4.0版本的默认值为true的。但是在4.0及其以上是false，该方法的作用：决定左上角的图标是否可以点击。没有向左的小图标。 true 图标可以点击 false 不可以点击。actionBar.setDisplayHomeAsUpEnabled(true) // 给左上角图标的左边加上一个返回的图标。对应Action

2015-12-30 20:27:39 949

转载 Android ActionBar的基本用法

1、ActionBar的简介ActionBar位于Activity的顶部，可用来显示activity的标题、Icon、Actions和一些用于交互的View。它也可被用于应用的导航。ActionBar 是在Android 3.0(API 11）中加入到SK中的，想在低版本中使用ActionBar有两种选择：使用http://actionbarsherlock.com 或使用Support

2015-12-30 02:35:18 505

原创 showAsAction属性详解

showAsAction属性共有五个值：ifRoom、never、always、withText、collapseActionView，可以混合使用。 ifRoom 会显示在Item中，但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个数并不仅仅局限于4个，依据屏幕的宽窄而定 never 永远不会显示。只会在溢出列表中显示，而且只显示标题，所

2015-12-30 02:27:12 13379

转载 Android ActionBarDrawerToggle、DrawerLayout、ActionBar 结合

ActionBarDrawerToggle是一个开关，用于打开/关闭DrawerLayout抽屉ActionBarDrawerToggle 提供了一个方便的方式来配合DrawerLayout和ActionBar，以实现推荐的抽屉功能。即点击ActionBar的home按钮，即可弹出DrawerLayout抽屉。在Activity中的两个回调函数中使用

2015-12-29 03:53:05 392

原创 tomcat与android应用端口交互问题

把tomcat设为服务器的时端口号要与服务器json地址一致，否则图片加载不出来。本人遇到以下问题：之前把tomcat端口号定义为80端口：public static final String SERVER_URL = "http://10.0.2.2/xxxx";而服务器端图片URL是：http://10.0.2.2:8080/xxxx/10007/1452327318UU91.jp

2015-12-16 11:18:34 331

转载 ViewPager的setOnPageChangeListener方法详解

ViewPage使用时，最关键的代码就是setOnPageChangeListener，传入一个ViewPager.SimpleOnPageChangeListener对象。ViewPager.SimpleOnPageChangeListener是个接口，有三个方法，下面做介绍。注：ViewPager有两个操作，一个是用手指滑动翻页，一个是直接setCurrentItem（一般用于点击上面的t

2015-12-16 11:11:12 261

zengdejie123的博客