程序员瑶琴

摘要： 前言：最近在做项目的过程中涉及到修改表格的数据，由于表格中的数据是后台返回来的，点击修改，弹出编辑框修改表格中的内容，提交后发现原来加载的表格中的数据也被修改了，尝试之后，发现可以将服务器获取到的json对象转成json字符串，然后再转成json对象；这样再修改数据时，原数据就不会被修改了，最后再将 阅读全文

摘要： 需求：后台聊天列表数据分页显示，前台需要根据页数来实现上拉加载显示更多页的内容 上拉组件使用的是uniapp自带的组件uni-load-more <template> <view> <view v-for="(item, index) in List" :key="index"> <view cla 阅读全文

摘要： 前言：最近公司安排做一个仿微信聊天的小程序，先实现聊天的基本功能，在项目过程中遇到一些小的知识点，在这里做下笔记； 由于之前没有用过VUE，也没有做过小程序，在看了VUE官网和uniapp官网后，开始边学边做。 一，子组件调用父组件的方法 子组件 IMMsg <template> <view> <b 阅读全文

摘要： 写在前面：记录下这两天工作中实现的一个小需求，点击按钮根据链接生成店铺对应的二维码，客户端扫描二维码可以实现关注； 之前并没有写过相关的功能，于是各种百度；基本原理就是通过qrcode库获取DOM元素，再利用H5的canvas来实现二维码的绘制， 步骤如下： // 1.先引入jquery.js和jq 阅读全文

摘要： 当我们需要在网页上下载图片或其他canvas绘制的内容时，需要使用下载功能 原理是我们利用a元素的href属性和download属性来实现下载， <a href="http://www.baidu.com/img/baidu_logo.png" /> a链接上添加href属性，当我们点击a链接时，会 阅读全文

摘要： 写在前面：最近写页面时，后台返回数据，需要在前端进行数据分页展示；看了很多前人写的代码，再自己改了下，最终实现效果；俗话说，前人种树，后人乘凉，就是这个道理吧 数据分页展示 这里是很简单的后台数据展示之后，在前端用js代码实现分页；可以用ajax从后台获取数据，然后再进行分页展示 效果如下： 刚加载 阅读全文

摘要： 一、flex弹性布局 1.什么是flex布局？ flex（flex Box）弹性布局 2.什么是flex容器（flex container） 采用flex布局的元素，成为flex容器 3.什么是flex项目（flex item） flex容器的所有子元素自动成为容器成员，成为flex项目，孙子元素不 阅读全文

摘要： 一、表单验证类型 表单验证通常分为2种： 1.form表单提交后台验证；2.ajax无刷新页面验证 表单验证方法分为：浏览器验证，服务端验证，浏览器和服务器端双重验证及ajax技术验证 二、H5表单基本特性介绍 required:设置表单元素必填；pattern:表单元素使用正则； novalida 阅读全文

摘要： 如下图为鼠标点击时打印出的事件 那么下面的参数中screenX、screenY、offsetX、offsetY、clientX、clientY、pageX、pageY分别代表什么意思呢 看下图： 1.screenX、screenY：指当前被点击元素到电脑屏幕的x，y坐标；也是x、y的坐标 2.off 阅读全文

摘要： 1.下载wampserver http://www.wampserver.com/en/#download-wrapper 下载之后，双击并按步骤安装即可 安装之后，打开，右下角的小图标显示绿色表示安装成功 安装之后，打开浏览器，输入localhost，出现如下界面，即为安装成功 2.安装遇到的问题 阅读全文