07 2020 档案
摘要：以下演示collection是集合名 以key为基准去重查看db.collection.distinct("keyname") 查询命令 等于db.collection.find({"name": "jack"}) 小于查询小于10的数据db.collection.find({"count":{$l
阅读全文
摘要：key 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。我们在使用的使用经常会使用index(即数组的下标
阅读全文
摘要：一、常用命令1、进入某个盘 //进入d盘D://进入F盘F:这里我经常弄混，老是用cd命令，结果回回进不去。。Linux和windows果然不一样。 2、查看目录文件 //查看当前目录下的文件，类似于linux下的lsdir如果是需要查看隐藏文件的或者更多操作的话，可以使用dir /?来查看其它用法
阅读全文
摘要：一、 什么是HTTP协议？ 1、 HTTP超文本传输协议： 通过浏览器和服务器进行数据交互，进行超文本（文字，图片，视频等）传输的规定，它规定了超文本传输要遵守的规则 1 2、 HTTP协议的特点： 1、 HTTP协议是无状态的： 每次HTTP请求都是独立的，任何两个请求之间没有必然的联系，实际应用
阅读全文
摘要：一、前言： 先来观察这两张图，第一张访问域名http://www.12306.cn，谷歌浏览器提示不安全链接，第二张是https://kyfw.12306.cn/otn/regist/init，浏览器显示安全，为什么会这样子呢？2017年1月发布的Chrome 56浏览器开始把收集密码或信用卡数据的
阅读全文
摘要：1、当我们进入官网后会出现登陆的界面，这里我一一来解释大概的意思根据图中顺序来解释（1）是输入用户、邮箱、密码的地方。（2）是当你注册好了之后或者已注册之后点击这里跳转到登陆的界面。（3）是当你第一次使用还没有账号的情况，点击这里进行注册。（4）是登陆GitHub。如果你已经有账号了则直接点击sig
阅读全文
摘要：首先需要了解一下 new Date() 这个方法var d = new Date();d .getFullYear(); //获取完整的年份(4位)d .getMonth(); //获取当前月份(0-11,0代表1月)d .getDate(); //获取当前日(1-31)d .getDay(); /
阅读全文
摘要：入门级需要掌握1、生命周期beforeCreate、created（*）、beforeUpdate、updated、beforeMount、mounted（*）、beforeDestory（*）、destoryed八个常用以及actived、deactived、errorCaptured三个不常用
阅读全文
摘要：2018年8月25日更新，目前 webpack 已经更新值 4.17.1 ，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过 webpack 的主体思想没变，所以还是希望本文对新学 webpack 的你，有所帮助。此外用基于 webpack 4.17.1 写了一个简单的d
阅读全文
摘要：webpack 是一个模块打包器，主要目的是在浏览器上打包 JavaScript 文件。 原理 特性 打包 CommonJs 和 AMD 模块（以及绑定） 可创建单个或多个按需加载的块，以减少初始加载时间 在编译期间会解决依赖关系，减少了运行时的大小 加载器可以在编译时预处理文件，如 coffee-
阅读全文
摘要：各种安装包打包发布工具（安装制作工具）评测 作为程序员，经常遇到需要打包自己劳动成果的时候，这也算是广大码工辛苦奔波之后的杀青之作，收尾之笔。因此，安装包制作的好坏也直接关系到整个工程项目的质量。这里HAWARK STUDIO对几种常见的程序打包封装工具进行一次大串联，让大家少走点弯路。1.小兵安装
阅读全文
摘要：事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 为了解决这个问题，
阅读全文
摘要：相邻的border会平分所占的区域，出现一个斜线， .my_triangle{ width: 10px; height: 10px; background-color: blue; border-width: 100px ; border-style: solid; border-left-colo
阅读全文
摘要：1 2 event.stopPropagation();//阻止事件冒泡 ，可阻止父类事件的发生 event.preventDefault();//阻止默认行为 如A标签
阅读全文
摘要：通过Object.defineProperty()来进行数据劫持demo.html <body> <div id="app"> {{message}} </div> <script> var vm = new NanLan({ el: "#app", data: { message: 'hello
阅读全文
摘要：来一张原理图： 实现思路： （1）绑定data 种的数据，为每个数据添加指令。通过Object,defineProperty() 来通知属性是否更改 （2） 找到每个DOM节点的指令。绑定事件。并绑定watcher （3） 实现DOM事件改变之后， 响应data数据，实现视图更新 <!DocType
阅读全文
摘要：函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。 防抖使用场景： 表单输入框校验 提交按钮避免重复提交 节流使用场景： scroll,mousemove,resize等 函数防抖（debounce） 表单输入框校验在用户不停的打字输入时并不需要向后台校
阅读全文
摘要：动画是将静止的画面变为动态的艺术．实现由静止到动态，主要是靠人眼的视觉残留效应。视觉残留也叫视觉暂留现象，物体在快速运动时, 当人眼所看到的影像消失后，人眼仍能继续保留其影像0.1~0.4秒左右的图像，这种现象被称为视觉暂留现象。利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。 电
阅读全文
摘要：学习资料 慕课网 - vue2.5入门 基础语法 示例代码1 <div id="root"> <h1>hello {{msg}}</h1> </div> <script> new Vue({ el: "#root", template: '<h1>hello {{msg}}</h1>', data:
阅读全文
摘要：从零到有写一个小程序系列专题，很早以前就想写来分享，但由于项目一直在进展，没有过多的时间研究技术，现在可以继续分享了。1：注册用没有注册过微信公众平台的邮箱注册一个微信公众号， 申请帐号 ,网址： https://mp.weixin.qq.com/ 根据指引填写信息和提交相应的资料，就可以拥有自己的
阅读全文
摘要：一、前言二、SFTP安装三、SFTP原理四、SFTP配置4.1 常用配置4.2 示例配置五、SFTP使用六、结语一、前言前端开发少不了ftp修改文件的情况，通常我们都会用 FlashFXP 等软件来上传或下载网站文件，但如果我需要进行网站编码开发的时候，那么使用编辑器软件来上传文件就方便多了。 这次
阅读全文
摘要：1、关于获取用户信息的方式总结2、关于微信的X5内核的接口超时重发解决方案3、关于微信分享的经验总结 1、关于获取用户信息的方式总结获取用户信息的步骤： 第一步：发起网页授权，获取code。这一步发生在前端 第二步：通过code，获取access_token。appId + secret + cod
阅读全文
摘要：开发准备 注册微信公众号(服务号) 开通微信支付功能 注册开发者账号(微信开放平台) 在开发者账号内绑定自己的微信公众号 申请测试公众号 在微信公众号平台获取基本参数 token test_token appid appsecret mch_id test_appid test_appsecret
阅读全文
摘要：1. 快捷访问 1.1 测试公众号注册： http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 1.2 微信公众号开发指南： https://mp.weixin.qq.com/wiki?t=resource/res_main&id
阅读全文
摘要：我们可以直接把以下代码加入到页面中，即可限制住各类分享。 <script> function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") {
阅读全文
摘要：由于项目需要，需要在不调用后台接口的情况下，将json数据导出到excel表格，参考了好多资料以及很多大佬写的博客终于实现，兼容chrome没问题，其他还没有测试过，这边介绍两种实现方式，并附上代码和gif动图，博主不才还望轻喷方法一将table标签，包括tr、td等对json数据进行拼接，将tab
阅读全文
摘要：<script> // sort()方法会按照字符串的先后顺序对数组的每一个数组项目的字符顺序来进行排序的 // 如果数组的某个项目不是字符串, 那么会先把数组项目转换为字符串,再来按照字符串的比较方式来排序 // 该方法会改变原始的数组 // let array = [10,5,8,6,9]; /
阅读全文
摘要：0.前言 在越来越多的可视化需求中，对空间信息的展示，逐渐的由静转为动，通过还原一些真实的时空信息，如历史行车轨迹，渔船打捞作业，特种车辆运行轨迹回放等可以直观的查看时空分布规律，它是一种越来越重要的展示形式并且辅助我们做大数据分析验证，如mobike 通过展示一天用户的骑行轨迹，向我们直观表述出了
阅读全文
摘要：转自 https://blog.csdn.net/daimomo000/article/details/62887152 转自https://github.com/jikeytang/front-end-collect 张鑫的博客 http://www.zhangxinxu.com/life/abo
阅读全文
摘要：1. Promise A+ 规范 官方英文地址：https://promisesaplus.com/ 中文翻译可参考 http://malcolmyu.github.io/malnote/2015/06/12/Promises-A-Plus/ 2. 代码实现 github地址：https://git
阅读全文
摘要：class Promise{ constructor(excutor){ this.value = ''; this.reason = ''; this.status = 'padding' this.onFulfilledCallback = [] this.onRejectedCallback
阅读全文
摘要：{ "name": "Hello World", // 包名. "version": "0.0.1", //包的版本号 "author": "张三", //包的作者 "description": "第一个node.js程序", //包的描述 "keywords": [ //关键字。方便使用者在 np
阅读全文
摘要：默认的package.json文件直接使用命令：npm init --yes生成 { "name": "pingdingshan", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "ec
阅读全文
摘要：写在前面 在前端开发中，npm已经是必不可少的工具了。使用npm，不可避免的就要和package.json打交道。平时package.json用得挺多，但是没有认真看过官方文档。本文结合npm官方文档以及自己平时使用过程中的感悟，谈一谈package.json。官方文档在这里。 初始化 使用npm
阅读全文
摘要：Sass的控制命令1.@if与@else if和@else可一起用 2.@for循环语法：@for $i from <start> through <end>@for $i from <start> to <end>$i 表示变量start 表示起始值end 表示结束值注：这两个的区别是关键字 th
阅读全文
摘要：一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境
阅读全文
摘要：1.config index.js下面的跨域代理设置： proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' } }, },
阅读全文
摘要：以前的惯用做法都是直接在需要的页面写请求数据的接口。但是因为项目中会频繁的请求后台，所以将所有的请求封装起来，方便管理。 一、配置url（可以放在一个js中） 引入axios：import axios from “axios” 配置url const service=axios.create({ b
阅读全文
摘要：安装准备Node.js 8.15.0+通过npm安装全局安装：npm install -g jsdoc 若出现权限问题，如 EACCES报错，最佳实践为用node版本管理器（nvm等）重装npm本地安装：npm --save-dev jsdoc命令行工具目录：./node_modules/.bin/
阅读全文
摘要：课程介绍 近些年，浏览器的功能越来越强大，渐渐得成为了复杂应用和图形的平台。同时，现有大多数浏览器实现了对 WebGL 的支持，但要直接使用 WebGL 相关接口进行开发，则需要学习复杂的着色器语言，且开发周期长，不利于项目的快速开发。 面对这种情况，Three.js 应运而生，它不但对 WebGL
阅读全文
摘要：1：首先先定义自定义的json数据 var msg = [{'tell':'110','ContentMessage':"我今天去吃大餐"},{'tell':'111','ContentMessage':"我今天去吃大餐"},{'tell':'112','ContentMessage':"我今天去吃
阅读全文
摘要：实现效果 知识点 图例垂直，位置饼图位置设置多种颜色Tooltip格式化 代码实现 option = { title: { text: '管线管龄分类统计', top:10, left:10 }, tooltip : { trigger: 'item', formatter: "{a} <br/>{
阅读全文
摘要：option = { textStyle: { fontSize: 20, // 调节字体大小 }, title : { text: '', // 主标题名称 subtext: '', // 副标题名称 x:'center' // 标题的位置 }, tooltip : { trigger: 'ite
阅读全文
摘要：var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71a4f", "#bc1540", "#c71b1b", "#d93824", "#ce4018", "#d151
阅读全文
摘要：今天做项目，用echarts展示数据 ，自己测试 先测试 了下。写的代码html： <div ref="myChart" style="height:300px;width:100%"></div> JS methods: { drawLine() { // 基于准备好的dom，初始化echarts
阅读全文
摘要：function randomValue() { return Math.round(Math.random()*2000); } option = { backgroundColor:'block', tooltip: {}, visualMap: { min: 0, max: 2000, tex
阅读全文
摘要：恢复内容开始 echart.js的使用与API 1.echart.js的使用： 第一步：在head标签或body下创建一个script标签去引用echart.js,(该文件可以在echart的官方首页下载最新最全面的js文件，官网：http://echart.baidu.com)； <script
阅读全文
摘要：前言 最近接了一个外包的项目，其中有个需求是这样的，需要展示一个中国的统计地图，要求每个省市区都是不一样的颜色，必须特别区分开。以及隐藏南海部分。看了Echats相关文档，发现有类似的demo，但不是特别符合要求。于是自己仔细读文档研究。找到解决问题于是分享一下。 正文 废话不多少，直接上代码 方法
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>echarts中国地图</title> <style> .centerItem { width: 856px; height: 640px; background-color: #f
阅读全文
摘要：HTML部分 <div class="Msg-curve" id="curveEcharts"></div> JS部分 // main.js中全局引入echarts然后调用 this.$echarts let myChart = this.$echarts.init(document.getElem
阅读全文
摘要：<div id="myChartChina" :style="{width: '100%', height: '500px'}"></div> mounted() { this.drawLine(); }, drawLine(){ // 基于准备好的dom，初始化echarts实例 var myCh
阅读全文
摘要：所谓跨域 1.就是跨域名，跨端口，跨协议 例如：如果有两个服务器，服务器A和服务器B,服务器A上存储了php数据，script,甚至是css这些文件，而你在服务器B上只写了html，然后你所在的服务器B上动态创建script，css，php数据(使用ajax请求),向服务器A上请求你想要的scrip
阅读全文
摘要：return其实就是return undefined; 1.语法及返回方式 ①返回控制与函数结果 语法为:return 表达式; 语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去 ②返回控制无函数结果 语法为:return; 在大多数情况下,为事件处理函数如果让其返回false
阅读全文
摘要：Filezilla使用教程 本文转载自http://www.360doc.com/content/14/0404/11/10454742_366320479.shtml FileZilla是一款免费开源的FTP客户端软件，虽然它是免费软件，可性能却一点也不含糊，比起那些共享软件来有过之而无不及，具备
阅读全文
摘要：http://www.jq22.com/jquery-info6960 jquery手机端下拉刷新插件dropload.js http://www.bootstrapmb.com/item/4905/preview
阅读全文
摘要：//保存到相册 function savePic(){ debugger // var picurl= $("#picurl").attr("src"); let picurl= window.sessionStorage.getItem('imgUrl'); alert( window.sessi
阅读全文
摘要：很可惜，这个鬼东西微信内置浏览器不适用 页面： <!doctype html> <html> <head> <meta charset="UTF-8"> <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,use
阅读全文
摘要：toast弱提示是应用里很常见的提示方式，它的特点是：动画出现、屏幕居中、停留一段时间自动消失。网页原生的alert弹框不是很受大家喜欢，于是自己动手写一个，封装成方法，放在公共库里，以后用作提示信息很方便。 一：用JS动态创建一个div元素，并为元素加上逐渐显示的动画，将这个元素添加到body里，
阅读全文
摘要：首先是css样式，比如这样的： 1 <style> 2 *{ 3 margin:0; 4 padding: 0; 5 list-style: none; 6 font-size: 12px; 7 } 8 .notice{ 9 width: 298px; 10 height: 98px; 11 mar
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstr
阅读全文
