JS基础(一)dom小实例
DOM的新增示例 <script language="JavaScript">
window.onload = function(){
//createDocumentFragment()方法，它的作用是创建一个文档碎片，
//把要插入的新节点先附加在它上面，然后再一次性添加到document中
var body = document.bod
ubuntu18.04无法安装libesd0-dev【学习笔记】
执行如下命令安装： 1 sudo apt-get install libesd0-dev 却报了这个错误: 解决办法: 1 sudo vim /etc/apt/sources.list //在行尾添加如下两行的内容
2 deb http://us.archive.ubuntu.com/ubuntu/ xenial main universe
3 deb-src http://us.archive.ubuntu.com/ubuntu/ xenial main universe 更新软件源并
Linux性能优化 第四章 性能工具：特定进程CPU
4.1进程性能统计信息 4.1.1. 内核时间VS用户时间 一个应用程序所耗时间最基本的划分是内核时间与用户时间。内核时间是消耗在Linux内核上的时间，而用户时间则是消耗在应用程序或库代码上的时间。Linux有工具，如time和ps，可以（大致）表明应用程序将其时间花费在应用程序代码上还是话费在内核代码上。 4.1.2 库时间VS应用程序时间 任何应用程序，即便其复杂性非常低，也需要依赖系统库才能执行复杂的操作。这些库可能导致性能问题，因此，能够查看应用程序在某个库中花费了多少时间很重要了。
Linux性能优化 第三章 性能工具：系统内存
3.1内存性能统计信息 3.1.1 内存子系统和性能 和CPU相比，内存的读写速度都大大落后于CPU。为了弥补这个差距，通常CPU会采用高速缓存的机制（高cache）。 3.1.2 内存子系统（虚拟存储器） 在物理内存寻址时，Linux将其分成块或者内存“页”。内存页面过小，会造成管理内存时产生大的花销；内存页面大时，则容易造成内存的浪费。 l 交换（物理内存不足） 内存的大小是固定的，当内存不够用时，内核会使用硬盘作为临时存储器，这个硬盘空间称为交换分区（swap space）。 交换分区确
Linux性能优化 第二章 性能工具：系统CPU
2.1 CPU性能统计信息 2.1.1运行队列统计 在Linux中，一个进程要么是可运行的，要么是阻塞的（正在等待一个事件的完成）。阻塞进程可能在等待从I/O设备来的数据，或者是系统调用的结果如果一个进程是可运行的，那就意味着它要和其他可运行的进程竞争CPU时间。一个进程不一定会使用CPU，但是当Linux调度器决定从下一要运行的进程时，它会从可运行进程队列中挑选。如果进程是可运行的，同时又在等待使用处理器，这些进程就构成了运行队列。运行队列越长，处于等待的进程就越多。 性能工具通常会给出可运
关于flink的时间处理不正确的现象复现&原因分析
跟朋友聊天，说输出的时间不对，之前测试没关注到这个，然后就在processing模式下看了下，发现时间确实不正确 然后就debug,看问题在哪，最终分析出了原因，记录如下： 最下面给出了复现方案及原因分析 let me show how to generate the wrong result background: processing time in tumbling window flink:1.5.0 the invoke stac
Linux性能优化 第六章 性能工具：磁盘I/O
6.1 磁盘I/O介绍 一般来说，Linux磁盘的每个分区要么包含一个文件系统，要么包含一个交换分区。这些分区被挂载到Linux根文件系统，该系统由/etc/fstab指定。这些被挂载的文件系统包含了应用程序要读写的文件。 当一个应用程序进行读写时，Linux内核可以在其高速缓存或者缓冲区中保存文件的副本，并且可以在不访问磁盘的情况下返回被请求的信息。但是，如果Linux内核没有在内存中保存数据副本，那它就向磁盘I/O队列添加一个请求。若Linux内核注意到多个请求都指向磁盘内相邻的区域，它会
vue导入echarts
1.首先安装echarts npm install echarts --save 2.在mian.js中使用echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.
<template>
<div>
<div id="main" style="width: 600px;height: 400px;"></div> //饼状图
<div id="
阿里云双十二活动入口 怎么参加阿里云双十二活动
阿里云双十二活动入口怎么参加阿里云双十二活动阿里云双十一战火已过，双十二的硝烟已经升起，现在很多站长都在关注阿里云双十二活动，怎么进入活动会场，又如何参加双十二活动呢？随着云服务器需求市场越来越大，国内出现很多云服务提供商，截止目前以阿里云为首，为国内最大、最专业、口碑最好的云服务提供商，受到众多企业及个人用户信赖。而目前阿里云为了扩充市场份额，现如今不断推出优惠活动来回馈新老用户，而您刚好有购买
vue 常用ui组件库
vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cn demo:http://elemefe.github.io/mint-ui/#/ github地址:https://github.com/ElemeFE/mint-ui 中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流:h
前端将两张图片合为一张
原理是使用canvas画布。 在页面加载前 mounted方法里：
setTimeout(() => {
this.changeimg();
}, 1000); changeimg( )方法：
changeimg(){
var self = this;
var imgsrcArray = [
require('../../assets/image/income/background.png'
用filter方法筛选数组中的无效对象
要求：获取数组中包含a字段的对象，不包含的去掉。 let arr = [{a:1,b:3},{c:4,d:4},{b:3,a:3}]; let res = arr.filter(function(item,index,arr){ return item.a }); console.log(res) let arr = [{a:1,b:3},{c:4,d:4},{b:3,a:3}]; let res = arr.filter(item=>item.a); console.log(res) 熟悉箭
小程序TabBar栏的显示和隐藏
有的时候我们可能需要将底部的TabBar隐藏起来，比如弹出分享弹出框得时候就可设置隐藏。 十分简单，参考以下： // 显示 wx.showTabBar({}) // 隐藏 wx.hideTabBar({}) 每个API都有动画animation属性,运行动画时会留出黑块，非常丑,选择性使用 以下是小程序对应的文档： https://developers.weixin.qq.com/miniprogram/dev/api/ui-tabbar.html#wxsettabbaritemobject
微信小程序中的事件冒泡问题
冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。 小程序中事件绑定对事件冒泡问题的处理： bindtap 事件绑定不会阻止冒泡事件向上冒泡 catchtap 事件绑定可以阻止冒泡事件向上冒泡 wxml: js: 父元素：touch:function(){ console.log(‘touch’); } 子元素1：first:function(){ console.log(111111); } 子元素2：second:function(){ console.log(22222); }
文字超出宽度显示省略号...
一行文字超出长度的部分显示… .word { width: 250rpx; //设置宽度
word-break: break-all; //允许在单词内换行
text-overflow: ellipsis; // 以省略号显示超出的文本
display: -webkit-box;
-webkit-box-orient: vertical; //从上向下垂直排列子元素
-webkit-line-clamp: 1; //显示文本的行数
overf
页面跳转携带参数的获取方法
页面跳转携带参数的获取包括以下两种方法： （1）标签跳转携带参数 //a.wxml 页面传递 //b.js 页面接收参数 onLoad: function (options) { //options用于接收上个页面传递过来的参数 var that = this; that.setData({ //this.setData的方法用于把传递过来的id转化成小程序模板语言 id: options.id, //id是a页面传递过来的名称，id是保存在本页面的全局变量,在页面上{{id}}使用 name
微信小程序组件携带参数
通过组件来传递参数tiggerEvent,注意组件事件命名要与引用处的命名一致（加粗部分） 组件test.wxml： 组件js： methods: { onTap: function(e){ var myEventDetail = { id:e.target.dataset.id } // detail对象，提供给事件监听函数，携带的数据 var myEventOption = { } // 触发事件的选项，bubbles:是否冒泡，composed:是否可以穿越组件边界，capturePha
微信小程序工具的使用
每个编辑器都会有一些特定的测试工具，微信小程序的开发工具也提供了很多工具： console控制台，可以在此打印和调试代码，页面的数据可以以console.log()的形式在控制台打印输出，方便查看数据是否正确，小程序的错误输出会显示在此处，这和我们平时用的控制台的作用是一样的，我们也可以在控制台进行简单代码的验证 network前端调用的接口会在这里显示，查看接口请求的具体信息以及接口返回的数据，接口返回的状态码以及json数据都可以显示。 sources用于显示当前项目的脚本文件，Ctrl+
今日推荐
周排行