51dev.com IT技术开发者社区

51dev.com 技术开发者社区

Next.js项目实战踩坑指南(笔记)

Next.js项目实战踩坑指南(笔记)

前言github:https://github.com/code-coder/next-mobile-complete-app已经用Next.js快两个月了,项目已经提测了,这里总结一下开发过程中,以及在部署的时候遇到一些棘手的问题。疑难杂症1.移动端overflow:auto,ios滚动卡顿解决方案:主容器增加样式-...

详解@angular/cli 改变默认启动端口两种方式

详解@angular/cli 改变默认启动端口两种方式

因为本地希望开启两个项目,由于@angular/cli生成项目默认是:4200;那么肯定会有端口冲突问题;修改端口的两种方式:1修改schema.jsonnode_modules@angular-devkituild-angularsrcdev-serverschema.json{"title":"DevServer...

js canvas实现二维码和图片合成的海报

js canvas实现二维码和图片合成的海报

本文实例为大家分享了canvas二维码和图片合成海报的具体代码,供大家参考,具体内容如下思路:在微信中登录,后台传来的是一个链接、一个名字、一张图片。把图片当做背景,画满整个画布。之后需要把链接转为二维码,使用jq.qrcode转化,转化完成后是一个canvas,把这个canvas再转成一张图片,画到大的画布上。把名字...

js实现每日签到功能

js实现每日签到功能

本文实例为大家分享了js实现每日签到功能的具体代码,供大家参考,具体内容如下js:varcalUtil={getDaysInmonth:function(iMonth,iYear){//当前年月的总天数vardPrevDate=newDate(iYear,iMonth,0);returndPrevDate.getDat...

Vue.js的复用组件开发流程完整记录

Vue.js的复用组件开发流程完整记录

前言从维护视图到维护数据,Vue.js让我们快速地开发应用。但随着业务代码日益庞大,组件也越来越多,组件逻辑耦合严重,使代码维护变得十分困难。接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程。下面先看看我们的需求列表组件quiList.vue本节我们主要要完成这样一个列表功能,每一行的列表是一个组件,...

vsCode安装使用教程和插件安装方法

vsCode安装使用教程和插件安装方法

vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面vsCode是什么VisualStudioCode(简称VSCode/VSC)是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主...

javascript实现考勤日历功能

javascript实现考勤日历功能

简介用过一些开源的日历,但对于自定义去绑定数据在日历元素中却不是很方便,由于工作需要用到考勤日历,考虑到日历的实现也不是特别麻烦,于是自己弄了一个,样式比较简单,需要的可以自己去扩展。使用的时候绑定获取数据的方法即可,在这个日历中我没有直接添加选择月份。各位有兴趣可以自己扩展,已预留设置日期的方法。自定义去扩展的时候注...

vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单

vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单

今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerightmenu)  安装 npminstallrightmenu--save-dev   开始//mai...

微信小程序下拉刷新PullDownRefresh的使用方法

微信小程序下拉刷新PullDownRefresh的使用方法

前言下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法onPullDownRefresh。虽然微信的官方文档有很多坑,但下拉刷新介绍的还是很全面的。微信小程序--下拉刷新.jpg最近开发一款微信小程序,里面有用到下拉刷新数据的功能。于是,又开始折腾了...一、onPullDownRefre...

简述vue路由打开一个新的窗口的方法

简述vue路由打开一个新的窗口的方法

简单说一下vue路由如何打开一个新的窗口在vue的官方文档中看到这大家应该会想,既然router-link不支持target="_blank"属性,那我们该怎么用router-link打开一个新的窗口呢?别急,继续往下看~文档中还有一处描述router-link添加tag="li"属性后,居然可以变成li标签渲染出来,...

浅析Proxy可以优化vue的数据监听机制问题及实现思路

浅析Proxy可以优化vue的数据监听机制问题及实现思路

我们首先来看vue2.x中的实现,为简单起见,我们这里不考虑多级嵌套,也不考虑数组vue2.x中的实现其本质是newWatcher(data,key,callback)的方式,而在调用之前是先将data中的所有属性转化成可监听的对象,其主要就是利用Object.defineProperty,。classWatcher{...

vue实现双向绑定和依赖收集遇到的坑

vue实现双向绑定和依赖收集遇到的坑

在掘金上买了一个关于解读vue源码的小册,因为是付费的,所以还比较放心在小册里看到了关于vue双向绑定和依赖收集的部分,总感觉有些怪怪的,然后就自己跟着敲了一遍。敲完后,发现完全无法运行, 坑啊, 写书人完全没有测试过。然后自己完善代码,越写越发现坑,问题有些大。。。。。。最后自己重新实现了一遍,代...

js中this的指向问题归纳总结

js中this的指向问题归纳总结

前言js中this指向问题是个老生常谈的问题了,下面这篇文章再来给大家介绍下,大家可以看看,更深入的了解了解,下面话不多说了,来一起看看详细的介绍吧thisthis:上下文,会根据执行环境变化而发生指向的改变.1.单独的this,指向的是window这个对象alert(this);//this->window2....

基于vue实现移动端圆形旋钮插件效果

基于vue实现移动端圆形旋钮插件效果

最近公司有一个项目的需要做出旋钮的效果,旋钮有十个档,根据手指旋转切换,旋转时接近最近的档会有吸附效果,具体效果如下:html部分代码:<divclass="_touch"><divclass="round_box"ref="box"@touchstart="touchStart"@touchmove...

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

在开发中,需要表格控件根据浏览器高度进行调整,固定表头,且然后多余的出滚动条,官方给出的:只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。然后直接上template代码:<template><el-table:data="tableData3"heigh...