web
Cmdmac
技术爱好者
展开
-
Chrome 66 ES6模块测试
最近在学习es6语法,想着chrome应该已经支持,于是想本地写写一测试代码,网上找es6相关的文章都是使用bable来转换的,但我只是本地测试一下,不是在正式环境上使用,不想再安装一堆东西.于是首先就想先试试模块的用法://test.jsclass Point { constructor(x, y) { this.x = x; this.y = y;...原创 2018-06-06 15:33:26 · 1557 阅读 · 0 评论 -
Html网页标签曝光埋点
移动开发过程中经常要用埋点来促进产品的改进,在native端做埋点相对来说简单一点,比如曝光,在view的类中可以使用显示回调来做,但在网页中要如何做埋点呢,比如要知道一个div标签的曝光次数应该怎么做,类比客户端自然是想知道有没有类似显示的回调,很不幸,Html里没有这个事件回调,但onload是有的,要实现曝光埋点,需要自己实现曝光事件的检测.以下是实现思路:曝光,即是标签从浏览器中不可见...原创 2018-06-15 15:35:22 · 3351 阅读 · 0 评论 -
基于VueJs加载更多控件实现
最近在研究vuejs上拉加载更多实现方案,上网找了下这方面的文章和代码貌似不是太多,而且逻辑实现并不太清晰,于是自己结合了前人的经验自己整合了下总结下经验. 上拉加载更多实现思路最关键的就是如何识别手指滑动操作,如果不是用vuejs,可以用html的onscroll函数来监听滑动的位置来实现,如果是基于vuejs,直接在标签里用onscroll事件是没用,这个具体没有研究清楚.下面就讲讲vuej...原创 2018-06-08 18:01:30 · 4207 阅读 · 2 评论 -
Vue.js动态切换组件
在实际项目中,通常会有这样的需求: 在同一个界面区域内,要根据不同的情况展示不同的内容,比如像文件浏览器(windows资源管理器,finder)有列表显示文件夹内的内容和表格显示文件夹的内容,一般通过点击工具栏上的按钮进入切换. 那么像这种需求应该如何实现呢?用过vue.js都知道两个不同的界面显示和相关操作通常会抽象出不同的component来实现,如列表的实现FileView.vue...原创 2018-10-13 22:01:47 · 3307 阅读 · 0 评论 -
使用express4与socket.io搭建服务器
首先安装express4,参考http://www.expressjs.com.cn/starter/generator.htmlnpm install express-generator -g然后创建express项目express -e myapp这样就创建了一个基于ejs模板的express后台服务项目.接下来安装soket.ionpm install socket.io -...原创 2018-10-19 10:41:21 · 1096 阅读 · 0 评论 -
使用express布署vue.js项目
默认情况下,express是通过路由来选择模板文件来渲染前端页面,vue.js是静态的前端项目,要想在express下布署vue.js项目可以试下将vue.js打包的文件放在静态文件目录即可,实现如下:在app.js下做如下修改var app = express();// view engine setupapp.set('views', path.join(__dirname, 'vi...原创 2018-10-19 10:49:31 · 1162 阅读 · 0 评论 -
在vue.js上使用websocket
在vue.js上使用websocket有两种方法:方法一:使用内置websocket实现data() { return { websock: null, }},mounted() { //初始化 this.initWebSocket();},methods() { initWebSocket(){ //初始化weosocket...原创 2018-10-19 11:07:35 · 5059 阅读 · 0 评论 -
Vue.js上传文件踩坑之旅
最近在丰富Enlarge上传文件到手机上,因为项目中ajax是用了axios,所以文件上传也准备用它来做,以下是上传文件示例,网上也有很多代码:// input的onchange事件onFileSelected(e) { var data = new FormData(); for (let i = 0; i < e.target.files.length; i++) {...原创 2018-11-04 22:17:17 · 1861 阅读 · 0 评论 -
mac系统XAMPP安装phpredis扩展
phpredis扩展(关键是php版本和扩展版本要对应,尤其是有两个PHP环境,需要指定哪个php相关命令来执行):• 1.根据php版本到https://pecl.php.net/package/redis下载扩展源码本机是mac系统装的xampp,php版本是7.0.2,扩展页面显示redis5.0.0以上就可以支持php7.0.0~7.9.99,本次下载了最新版本5.0.1• 2.进...原创 2019-09-22 13:29:42 · 494 阅读 · 0 评论