摘要：
vue提供了.sync修饰符，说白了就是一种简写的方式，我们可以将其当作是一种语法糖，比如v-on: click可以简写为@click。 sync修饰符，与我们平常使用$emit实现父子组件通信没有区别，只不过是写法上方便一些。 日常开发时，我们总会遇到需要父子组件双向绑定的问题，但是考虑到组件的可 阅读全文
摘要：
要用js实现字符串首字母大写，需要自定义capitalize函数。将字符串解构为[first,...rest]即可。 function capitalize([first,...rest]){ return first.toUpperCase() + rest.join('') } 阅读全文
摘要：
事件委托即是把点击事件委托给父节点，从而解决监听器过多的问题。 Vue中使用示例如下： <center class="range" @click="selectTimeRange"> <span data-value="0" class="selected">全部</span> <span data 阅读全文
摘要：
第1章 用户体验 1.用户体验（UE/UX）的阶梯图包括产品的可用性、易用性、好用性和品牌价值。 2.页面的一秒钟延迟会造成页面浏览量PV下降。等待8s后，用户将失去耐心。 3.FE是前端的简写。 第2章 前端性能瓶颈 1.传统的DOM操作方式对性能的影响很大，其原因是频繁对DOM结构操作会引起页面 阅读全文
摘要：
在Vue中我们有时需要提取公共函数，如将阿拉伯数字转换为大写汉字，可以新建common.js，内容如下： export default { numberToChinese(num) { var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七" 阅读全文
摘要：
1.引用了Element组件后，报以下错误： 解决方式： 安装async-validator "dependencies": { "async-validator": "1.11.5", "element-ui": "^2.15.6" } 2.部署到服务器后页面变成下图所示 解决方式： 把confi 阅读全文
摘要：
第1章 Webpack简介 1.模块化通过导入导出解决依赖关系问题、加载合并后的资源文件减少网络开销、隔离模块作用域解决js的缺点。 2.js社区对模块化进行不断的尝试，依次出现了AMD、CommonJS、CMD等解决方案，直到2015年ES6的出现，才使得js拥有了模块这一概念。 3.模块打包工具 阅读全文
摘要：
第一章 了解Web及网络基础 1.Web的出现是为了实现知识共享规划的。最初的设想是，借助多文档之间相互关联形成的超文本，连成万维网（WWW)。 2.WWW构建技术是SGML、HTTP和URL，现在WWW简称为Web。 3.TCP/IP协议族分为四层：应用层、传输层、网络层和数据链路层。传输层对请求 阅读全文
摘要：
我在程序开发中定义了删除数组元素的代码： Array.prototype.remove = function(val){ var index = this.indexOf(val) if(index > -1){ //胶接，直接改变原数组 this.splice(index,1) } } 其中用到了 阅读全文
摘要：
H5页面多次点击元素，有时会变成蓝色选中状态。 解决方法： body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ user-selec 阅读全文
摘要：
ES6实现数组快速去重的方法如下： 方法一：以数组为参数，新建一个集合，再展开集合，直接用数组符号包括。 arr=[...new Set(arr)] 方法二：自定义dedupe（去重）函数，使用Array.from()方法转换集合为数组。 function dedupe(array) { retur 阅读全文
摘要：
使用base64加解密代码如下： //BASE64加解密 function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // 阅读全文
摘要：
在使用https://www.cnblogs.com/luoyihao/p/11457558.html上传图片时，若图片过大，则无法上传成功。 我们需要通过压缩图片大小再上传来解决这个问题。 代码示例如下： HTML： <ul class="ul-upload"> <li></li> <li></l 阅读全文
摘要：
我们常用的Ajax请求，是HTTP请求，请求过程是建立连接、客户端发送请求给服务器、服务端返回结果给客户端、关闭连接，这称为短连接。 若想要实现长连接，即一直保持连接，而且服务器甚至可以直接发消息通知客户端，则需要使用socket技术。 代码实现如下： mounted() { this.initWe 阅读全文
摘要：
Element内置了表单校验功能，代码示例如下： 1.在form上定义rules字段，指向变量formRules。 <el-form ref="editForm" :model="record" :rules="formRules"> <el-form-item label="报警原因" prop= 阅读全文
摘要：
在Element的table组件中，具有formatter这一功能，对于表格字段的转换非常的方便。 示例如下： <el-table-column key="beginTime" :formatter="dateFormat" show-overflow-tooltip prop="beginTime 阅读全文
摘要：
在这里记录一下js获取多选框选择的值并拼接成字符串的方法，代码示例如下： let str = ''; var obj = document.getElementsByName('identify') for (var i = 0; i < obj.length; i++) { if (obj[i]. 阅读全文
摘要：
在我们push数据进数组里面或者赋值一些动态数据到数组以后，数组打印如下： 我们会获取不到该数组里面的值，它是不可枚举的。 这时候我们需要用JSON.parse(JSON.stringify(arr))重新生成一个可枚举数组。 就可以成功打印输出正常的数组了。 阅读全文
摘要：
根据博文H5调用相机和相册更换头像我们可以做到更换头像的功能，接下来补充对接图片上传接口的参考代码。 代码示例如下： $('input[type=file]').on('change', function () { var reader = new FileReader(); reader.onlo 阅读全文
摘要：
1.拼接字符串使用&运算符。 2.把时间值（如所在单元格为B1）变成文本字符串的函数为： =TEXT(B1,"yyyy-mm-dd") 3.列函数计算值时，若公式中某个单元格的值恒不变，则A33可写为$A$33。 4.我们可以对正确答案字段：A/B/C/D进行筛选，从而复制答案文字A/B/C/D列形 阅读全文
摘要：
网站在服务器上部署后，如果报以下错误，是因为缺少favicon。 解决方法： 1.制作favicon.ico文件，如使用favicon在线工具制作，然后把favicon.ico放在项目根目录下。 2.修改dev环境下webpack配置文件 我们可以在build/webpack.dev.conf.js 阅读全文
摘要：
无论你是做网站工作，还是运行一个家庭FTP服务器，或者你只是喜欢高速下载，一个稳定且功能齐全的FTP客户端工具都可以节省你大量时间和生命。 现在有大量的免费或者收费的FTP客户端软件供大家选择，这里总结了三个流行的FTP客户端软件。 1.FileZilla FileZilla是一个免费开源的适合Wi 阅读全文
摘要：
1.在pubspec.yaml引入插件 sensors: ^0.4.0+1 2.编写shake.dart，代码如下： import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'pa 阅读全文
摘要：
1.在pubspec.yaml引入插件 barcode_scan: ^3.0.0 2.在main/AndroidManifest.xml中添加相机权限，即红字部分内容。 <manifest xmlns:android="http://schemas.android.com/apk/res/andro 阅读全文
摘要：
我在编辑以下代码时，发现单选按钮（即.radio）在设置checked属性后，会出现开发者工具中Elements中有checked值，但是单选按钮却没有选中的问题。 $('.allSelectRadio').click(()=>{ if($('.allSelectRadio').attr('chec 阅读全文
摘要：
1.用rz命令上传apk。 若上传被乱码中断，可以增加文件后缀.1，上传apk成功后再修改回来。 重命名回apk的命令示例如下： mv app-armeabi-v7a-release.apk.1 app-armeabi-v7a-release.apk 2.配置/etc/nginx/nginx.con 阅读全文
摘要：
例如，Manage页面传参给EditQuiz页面， Manage页面写法： onPressed: (){ Navigator.of(context).push(MaterialPageRoute(builder: (_) => EditQuiz(id:id)))); } EditQuiz页面写法： 阅读全文
摘要：
1.在pubspec.yaml中加入依赖 fluttertoast: ^3.0.3 2.更新依赖 3.导入依赖 import 'package:fluttertoast/fluttertoast.dart'; 4.在common.dart中实现显示Toast的函数，然后调用即可。 showError 阅读全文
摘要：
1.在pubspec.yaml中引入crucpto。 crypto: ^2.0.6 2.更新依赖 3.在需要进行加密的地方文件中引入 import 'package:crypto/crypto.dart'; import 'dart:convert'; 第一个为工具类，第二个用来进行字符串的转化。 阅读全文
摘要：
当我把使用Flutter进行开发的APP运行到真机上时，毛玻璃效果消失了，而且对接好网络接口的页面打不开。 解决方法为： 在android/app/src/main/AndroidManifest.xml文件中加上一句 <uses-permission android:name="android.p 阅读全文
摘要：
Fluter对接接口并显示的整个过程还是比较复杂的，我花了比较长的时间进行研究，以对接查询接口为例，整理如下： 若接口的返回数据为： [{"id":1,"question":"世界上最大的海洋是？","type":"radio","options":"北冰洋,太平洋,印度洋","rightAnswe 阅读全文
摘要：
1. 查看所有镜像 docker images 2. 删除镜像 docker rmi -f 51d076d9a11b 3. 查看正在运行的镜像 docker ps 4. 制作镜像 docker build -t kapok-admin . 5. 运行镜像 docker run -d -p 8004: 阅读全文
摘要：
我们在使用Vue开发时，有时会遇到跨域问题。 我们可以将请求去掉前缀，如以下代码所示 this.$axios.get("/nav/getAllNav") 这样，请求的前缀就默认是前端启动的dev的地址和接口。 再在config/index.js中的dev对象下加上 proxyTable: { '/n 阅读全文
摘要：
1.安装axios和qs依赖 npm install axios --save npm install qs --save 2.在main.js引用 import qs from 'qs'; import axios from "axios"; //下面是将$axios和$qs挂在原型上，以便在实例 阅读全文
摘要：
1.编写Dockerfile # Docker image for springboot file run # VERSION 0.0.1 # Author: eangulee # 基础镜像使用java FROM java:8 # 作者 MAINTAINER luoyihao <xx@qq.com> 阅读全文
摘要：
对于代码段 let name = "无名狗" if(dog && dog.info && dog.info.name){ name = dog.info.name } 我们可以使用可选链操作符（?.）进行优化，它允许读取对象深处的属性值，而不必明确验证链中的每个引用是否有效； 在引用为空的情况下不会 阅读全文
摘要：
5月14日，我们组召开了组内的前端分享会。前端开发人员都对自己学到的和在工作中用到的技术进行了分享。我分享的内容是Vuex。 图1 Vuex架构图 Vuex是Vue的一个状态管理的插件，它管理应用程序所有组件的状态，可以监听页面组件内状态值的变化，然后在其他组件能监听到该状态值的变化，从而使其他组件 阅读全文
摘要：
一、环境搭建（只说明关键步骤） 1.创建新项目 2.使用Spring的初始化器 3.点击两次Next，选择如下依赖 4.点击Next和Finish，进入项目，点击reimport，下载依赖 二、编写简单的后端代码 我有一个MySQL数据库，里面有一个user表，以查询此表为例。 1.在项目中依次创建 阅读全文
摘要：
1.安装插件：compression-webpack-plugin npm i -D compression-webpack-plugin 我用的插件在package.json中的版本如下： "devDependencies": { "compression-webpack-plugin": "^3 阅读全文
摘要：
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 在vue中，我们要修改data中的值，一般会这么做。 this.count = 2 如果我们要修改vuex的store中的状态值，我们就不能简单的通过赋值的方式来做了，如果你这样做，控制台便会报错。 this.$store 阅读全文