Agping
Agping

实用代码 大杂烩

date/****js相关*******************************************************/

//适配代码

btn.onclick=function(event){};

event.target;event.data;event.type;event.clientX;

e.stoppropagation();//阻止冒泡事件

e.preventdefault();//阻止默认事件

console.debug();(无效)

console.info();(无效)

console.warn();

console.error();

这四个方法的使用方法跟 console.log() 一模一样，差别在于输出的颜色与图标不同。

console.table()以表格的形式输出js对象，不好用

console.time("for-test");

要执行的代码

const arr = [];

for(let i = 0; i < 100000; i++) {

    arr.push({"key": i});

}

console.timeEnd("for-test");

输出一段代码的执行时间

function func() {

    console.count("label");

}

for(let i = 0; i < 3; i++) {

    func();

}

输出一段代码的执行次数

console.group("1");

console.log("1-1");

console.log("1-2");

console.log("1-3");

console.groupEnd();

console.groupCollapsed("2");

console.log("2-1");

console.log("2-2");

console.log("2-3");

console.groupEnd();

group默认为展开运行结果

groupCollapsed默认为折叠运行结果

sessionStorage.setItem('pcUserInfo',encodeURIComponent(JSON.stringify(data.data)));//存储PC后台登录用户所有信息

var  user_info_obj = JSON.parse(decodeURIComponent(sessionStorage.getItem('pcUserInfo')));  //读取缓存

变量必须是字母，下划线_或$开头，变量可以包含中文，如var _企鹅 = 'gg';

强制转换成boolean型,如var num = 100;console.log(!!num);

var a = '15.15abc',b='10.15';c='10.0abc';

alert(parseInt(a)+Number(b)+parseFloat(c));15 + 10.15 + 10.0;

parseInt(110, 2);把2进制的110转换为10进制输出

NumberObject.toFixed(num);

如3.14159265358.toFixed(2);//可把Number四舍五入为指定小数位置的数字

str.substr(str.lastIndexOf('.')).toLowerCase();//取文件字符串后缀名转为小写

Math.ceil();向上取整

Math.floor();向上取整

Math.round();向上取整

str.charAt(index);//返回字符串索引处的字符

str.indexOf('a');//返回字符串的索引值

str.lastIndexOf('a');//返回字符串的索引值,从后往前索引

str.slice(index);//返回字符串索引值之后的字符串部分

str.slice(3,6);//返回索引从3开始6结束的字符串部分

var exist = this.classList.contains('active');

this.classList.toggle('active', !exist);

add('active'),remove('active')

this.className.split(' ')

this.dataset('aa');

$(this).data('aa');

this.getAttribute('data-aa');

new Date().toLocaleDateString();//返回2018/5/11这样的日期

new Date().toLocaleTimeString();//返回下午1:43:45这样的时间

'use strict';//启用严格模式

isFinite() 函数用于检查其参数是否是无穷大。

isNaN() 函数用于检查其参数是否是非数字值。

Math.max.apply(null, arr1);//数组最大值

Math.min.apply(null, arr1);//数组最小值

_arr1.push.apply(_arr1, _arr2);//把数组_arr2的元素添加到_arr1中

urlStr.replace(/(http|https):\/\//g, 'https://');

let aa = new Date().getTime();

let bb = Date.now();

//两者效果一致

http://192.168.0.154:8020/lianxi0301/location.html?nn=2#name

location.search:?nn=2  以第一个?开始,至行尾或#结束

location.hash:#name  以#开始,至行尾结束

document.body.style.backgroundImage;

document.getElementById("span1").outerHTML

HTML5本地存储只能存字符串，任何格式存储的时候都会被自动转为字符串，所以读取的时候，需要自己进行类型的转换

保存数据：localStorage.setItem(key,value);

读取数据：localStorage.getItem(key);

删除单个数据：localStorage.removeItem(key);

删除所有数据：localStorage.clear();

不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout,mouseover事件.//尽量不要用

只有在鼠标指针离开被选元素时，才会触发 mouseleave,mouseenter事件.//用的情况更多

//数组依据元素的某一数值排序

var compare = function (x, y) {//比较函数

var _num1 = (Number(x['v4']) + Number(x['v2'])*10);

var _num2 = (Number(y['v4']) + Number(y['v2'])*10);

return (_num1 < _num2)?1:((_num1 > _num2)?-1:0);

};

arr.sort(compare);//重新排序,作用于arr本身，不会赋值给新的数组

样式修改，兼容的处理最好是在外层加一个div，这样才能保证完全兼容的文字居中

onerror可处理图片加载失败时的显示

delete vv['b'];//删除某一个对象的属性

arrTemp.splice(arrTemp.indexOf(data.id), 1);//数组移除指定元素

html{font-size: calc(100vw/7.5 + 0px)};//可以代替js做移动端适配处理

/****js相关*******************************************************/

/****vue相关*******************************************************/

运行vue，如果出现

'vue' is not recognized as an internal or external command, operable program

则添加环境变量

全局PATH里加一条C:\Develop\nvm\npm(此目录下有vue vue-list vue-init)

npm install vue-cli -g

vue init webpack projectname

cd projectname

npm install axios vue-axios qs vue-awesome-swiper --save

npm run dev

npm run build

事件修饰符

.stop

.prevent

.capture

.self

.once

vm.$data,vm.$el,

vm.$watch('a', function(newValue, oldValue){});

this.$nextTick(()=>{});//dom更新之后执行

自定义组件的名字必须是中划线链接，不能是驼峰规则，不能含有数字

@click="change($event)";

change(e){console.log(e.target);//得到dom节点信息}

如果要在手机上预览到vue项目效果

config->index.js文件里的host:'localhost'改为host:'0.0.0.0'

上线时，把build后边的assetsPublicPath:'/'改为'./'，可使文件路径正确

dev后边的autoOpenBrowser值改为true可在运行npm run dev时自动打开本地浏览器

当你给一个vue组件绑定事件时候，要加上native，如

说明：代码会被扩展成，就是一个语法糖。

main.js里的引入顺序

//共用样式文件需要在App引入之前引入

import '@/assets/css/reset_xsf0409.css';//reset css文件

import '@/assets/css/public.css';//共用css文件

import '@/assets/css/layer.css';//layer弹出层的样式文件

import 'swiper/dist/css/swiper.css';//轮播图插件的css文件

import App from './App'

import router from './router'

import $ from 'jquery'

import axios from 'axios'

import qs from 'qs'

import VueAxios from 'vue-axios'

import VueAwesomeSwiper from 'vue-awesome-swiper';

设置自动打开浏览器

config目录下的index.js文件里的18行

autoOpenBrowser: true,

设置build打包之后文件路径问题

config目录下的index.js文件里的46行

assetsPublicPath: './',

可去掉路由里的#

src目录下的router文件里的index.js里

export default new Router({

mode: 'history',

routes: [...]

});

build目录下的utils.js里的48行publicPath修改

return ExtractTextPlugin.extract({

    use: loaders,

    fallback: 'vue-style-loader',

    publicPath: '../../'

  })

可使得图片文件大于10k的引入正确

vue中使用jquery

package.json里加入

"dependencies": {

    "ajv": "^6.0.0",

    "axios": "^0.18.0",

    "jquery": "^3.3.1",

    "qs": "^6.5.2",

    "vue": "^2.5.2",

    "vue-awesome-swiper": "^3.1.3",

    "vue-axios": "^2.1.3",

    "vue-router": "^3.0.1"

  },

在build目录下的webpack.base.conf.js中加入一行代码

'use strict'

let webpack=require('webpack')

const path = require('path')

const utils = require('./utils')

const config = require('../config')

const vueLoaderConfig = require('./vue-loader.conf')

build目录下的webpack.base.conf.js里的module.exports对象里加入属性

plugins: [

  new webpack.ProvidePlugin({

        $: 'jquery',

        jQuery: 'jquery',

        'windows.jQuery': 'jquery'

    })

  ],


在main.js中引入,加入下面这行代码

import $ from 'jquery'

/****vue相关*******************************************************/

/****jquery相关*******************************************************/

有input的页面，考虑页面载入之后的自动foucs事件

a标签等inline-block元素，在执行jq的show()和hide()方法时，默认show()为inline-block元素

border必须用px为单位，用rem会出现无法显示的情况

outline的写法和box-shadow类似，不占空间，在border外围

$("button").click(function(){

  $("input").trigger("select");

});

trigger() 方法触发被选元素的指定事件类型。

[].forEach(function(value, index, array){});

$.each([],function(index, value,array){});

(function(){})();

$(function(){});

$(document).ready(function(){});//有一个独立的作用域

//jq ajax中传图片文件的操作

new _fd = new FormData();

_fd.append('image', e.target.files[0]);

$.ajax中要有data:_fd,processData:false,contentType:false

.hasClass('');

$('script[src*="js/jq.js"]');//属性选择器

页面跳转并滚动到指定位置

执行.animate()之前加上.stop()比较实用

var s_o = $('#id').offset();

$('body,html').stop().animate({

scrollTop: s_o.top

},0);//设置动画时间为0

$(this).get(0)与$(this)[0]等价，获取的是DOM对象，不是jq对象。

document.referrer 可返回载入当前文档的文档的 URL。

$.trim()是jQuery提供的函数，用于去掉字符串首尾的空白字符。

//事件委托

$("ul").on('click','li',function(e){

    //fun 代码

    $(this).off('click');

});

//iframe相关事件

1. jquery 在iframe子页面获取父页面元素代码如下:

$("#objid", parent.document)

2. jquery在父页面 获取iframe子页面的元素

代码如下:

$("#objid",document.frames('iframename').document)

3.js 在iframe子页面获取父页面元素代码如下:

window.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].contentDocument.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数：

window.parent.func();

closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。

.closest('li')

/****jquery相关*******************************************************/

/****css相关*******************************************************/

html{font-size: calc(100vw/7.5 + 0px)};//可以代替js做移动端适配处理

div{

  height: calc(100vh - 1.5rem);   

}

一个标签浮动之后就不再区分行内、块元素了，都能直接设置宽和高,所以对于块元素float:left;和diplay:block;没必要同时出现

background: red url(1.jpg) no-repeat fixed center center/.45rem .45rem;

box-shadow: 10px 10px 5px #888;

line-height:2;和2em类似，都是2倍的font-size

div{white-space:pre;}设置文本原格式，和

标签效果一致
 
 
div{direction:rtl;unicode-bidi:bidi-override;}设置文本方向,设置文本是否被重写
 
 
html方法:
 
 
.header-top>ul>li>a:not(.on):hover//css选择器里也有not选择器
 
 
not选择器
 
 
*:not(input, textarea){
 
 
 user-select: none;//css禁止选中文字
 
 
}
 
 
div::after{
 
 
 content: '';
 
 
 width: .3rem;
 
 
 height: .3rem;
 
 
 position: absolute;
 
 
 left: 0;
 
 
 top: 0;
 
 
 background: url(1.jpg) no-repeat center center/.45rem .45rem;
 
 
}
 
 
'>'图标css画法
 
 
.my-list::after{
 
 
 content: '';
 
 
 float: right;
 
 
 width: .1rem;
 
 
 height: .1rem;
 
 
 border: solid #ccc;
 
 
 border-width: 2px 2px 0 0;
 
 
 transform: rotate(45deg);
 
 
}
 
 
img{
 
 
 position: absolute;
 
 
 clip: rect(0px, 60px, 200px, 0px);//可裁剪图片
 
 
 object-fit: cover;//cover是充满盒子，contain是全部显示保持图片比例
 
 
}
 
 
selector{
 
 
 letter-spacing: .5rem;//letter-spacing在每个字的右边，所以最后一个字后面肯定有一点空白距离
 
 
 padding-left: .25rem;
 
 
}
 
 
居中的几种实现
 
 
selector{
 
 
 width: 5rem;
 
 
 height: 5rem;
 
 
 position: absolute;
 
 
 top: 0;left:0;bottom:0;right:0;
 
 
 margin: auto;
 
 
}
 
 
selector{
 
 
 width: 5rem;
 
 
 height: 5rem;
 
 
 position: absolute;
 
 
 top: 50%;
 
 
 left: 50%;
 
 
 margin-top: -2.5rem;
 
 
 margin-left: -2.5rem;
 
 
}
 
 
selector父元素{
 
 
 display: flex;
 
 
 width: 5rem;
 
 
 height: 5rem;
 
 
 align-items: center;
 
 
 justify-content: center;
 
 
}
 
 
//定义文字并调用
 
 
@font-face {
 
 
  font-family: 'icomoon';
 
 
  src:  url('../fonts/icomoon.eot?smj7ux#iefix') format('embedded-opentype'),
 
 
 url('../fonts/icomoon.ttf?smj7ux') format('truetype'),
 
 
 url('../fonts/icomoon.woff?smj7ux') format('woff'),
 
 
 url('../fonts/icomoon.svg?smj7ux#icomoon') format('svg');
 
 
  font-weight: normal;
 
 
  font-style: normal;
 
 
}
 
 
header>a.header-back::before {
 
 
 font-family: "icomoon";
 
 
 content: "\e90f";
 
 
}
 
 
box-sizing: border-box;
 
 
section:nth-of-type(2n+1)奇数选中
 
 
section:nth-of-type(2n)偶数选中
 
 
section:nth-of-type(n+3)第3个之后选中
 
 
section:nth-of-type(-n+3)前3个
 
 
section:nth-last-of-type(2)最后两个
 
 
table{border-collapse:collapse;}//collapse这个属性比较实用
 
 
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
 
 
collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
 
 
表格运用圆角需要要 border-collapse: separate;
 
 
background-clip：border-box|padding-box|content-box
 
 
该属性指定了背景在哪些区域可以显示，但与背景开始绘制的位置无关，背景的绘制的位置可以出现在不显示背景的区域，这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
 
 
background-origin：padding-box|border-box|content-box
 
 
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景，但边框上的背景显不显示出来那就要由background-clip来决定了
 
 
网页里禁止选中图片，可以在图片上方加一个透明的div遮罩，这样右键就不会有另存为的选项了
 
 
命名规则
 
 
avatar头像，content-wrapper容器，description描述
 
 
/****css相关*******************************************************/
 
 
/****html相关*******************************************************/

你可能感兴趣的:(实用代码 大杂烩)

  • 生也快乐，死也快乐 彩衣吹笛手
    最近看了本挺有趣的书《安吉拉·卡特的精怪故事集》，翻之前大抵预期是世界民间故事大杂烩，真实读下来，没有太大出入，却在某方面悄悄超出了预期。故事有平庸，有新奇，有诡异，其中几篇关于“从此过上了幸福的生活”的不一般说法很有趣。“于是国王生病的儿子娶了健康的姐姐，健康的儿子娶了生病的妹妹，他们生也快乐，死也快乐，杯子里总有酒喝。”“从此他们生活得幸福美满，直到隔开最真爱侣的死亡迫使他们分离。”“他掉头回
  • 医院真是个大杂烩 逆龄驻足在最美年华
    医院真是个大杂烩，不管你喜欢不喜欢的人，总是难免要碰见。前面那个王阿姨，不知道她风风火火地要去看啥病。玫真本来准备走正门，现在临时改变了主意。但王阿姨已经迎面过来了。额孩，你这领大的拖小的，咋了？王阿姨，孩子感冒输了两天液，今天出院。你看啥呀？世梅有点不舒服。王阿姨那个大嘴，刚张开，又往回缩了缩，不打紧，不打紧。我开药，顺便也帮她开点常规药。额孩快走吧！行，行，行。你老慢点儿！看王阿姨走远了，又扭
  • 《九鼎风水师》第六十六章 正气雨 先峰老师
    诅咒术不同于风水学，虽然说传承自上古巫族，但是，很多地方，于风水有些不同之处。风水一术，可以说是大杂烩，汇集了儒、道、佛、巫、等等教派的精华，集结而成。这也是尚文龙此刻闭目养神的原因。因为，尚文龙心中此刻正在衡量，衡量这破解诅咒的手段。尚文龙现在要做的就是集结天地乾坤之正气。将天地之间的刚阳正气汇集起来。用来破解刘家村的诅咒。在三叔的目光注视下，只见尚文龙一脚缓缓踏出来，这一脚看似很随意，但最后落
  • 我决定啦 不减肥了 糖小贝
    2021.4.22周四阵雨转阴早上6点20起来，洗漱完毕陪同学去了一下食堂，今天本来已经让同学帮带了早饭的，可是看到食堂那美味又香喷喷的包子，还是忍不住买了一个肉包先吃了。到了教室，拿到同学帮带的早饭，是大杂烩，可香了，看图一大早就吃这么油腻的早餐丝毫没有要减肥的意思(º﹃º)同学帮带的大杂烩中午，吃的扒饭，感觉并不是很好吃，黄色的鸡柳+茄子+荷包蛋+青菜再加饭，那个外表有黄色一粒粒的鸡柳咬开里面
  • 2020年数据智能领域的“三宗最”，吴晓波罗胖都没提！ 数据猿 百度人工智能大数据微软consul
    “点赞+在看+分享本篇文章到朋友圈，截图发送给数据猿小编（ID：datayuanfw1）即可进入数据猿核心读者群，并获现金红包1份。提示：添加小编微信，需注明公司、职务、姓名。大数据产业创新服务媒体——聚焦数据·改变商业文：赵长春/数据猿对于2020年，不管是前天吴晓波做的大写意综述，还是昨天罗振宇又一次端上的大杂烩综述，你都必须树立这样一个认识：在人类历史上，没有一次不是通过科技的力量克服困难、
  • 第21讲 | 数据中心：我是开发商，自己拿地盖别墅 _Rye_ 网络协议网络协议网络服务器
    无论你是看新闻、下订单、看视频、下载文件，最终访问的目的地都在数据中心里面。前面介绍了很多的网络协议和网络相关的知识，你是不是很好奇，数据中心究竟长啥样呢？数据中心是一个大杂烩，几乎要用到前面学过的所有知识。前面讲办公室网络的时候，我们知道办公室里面有很多台电脑。如果要访问外网，需要经过一个叫网关的东西，而网关往往是一个路由器。数据中心里面也有一大堆的电脑，但是它和咱们办公室里面的笔记本或者台式机
  • 朋友圈里，切忌迷失自己 清说清语
    文-清说清语图片发自App朋友小聚，又谈到朋友圈这个话题。有人说，感觉朋友圈远没有最初时那么纯粹，那么清静。如今的朋友圈就像个大杂烩，各种内容让人眼花缭乱，目不暇接。所以，有好多人干脆成为朋友圈里的“潜水党”。01前几天，有人通过搜索手机号码，请求添加我好友。我一般很少与不相干的陌生人添加好友。所以，当时没有点击同意。过了两天，这个人又一次通过搜索手机号码添加我。我想，一定是有什么事吧。立即点击“
  • FLASH实用代码大全 victoryckl asflash
    http://www.cnblogs.com/top5/archive/2009/07/27/1532158.html外部调用swfon(release){loadMovieNum("service.swf",1);}外部调用数据loadVariablesNum("about.txt",0);System.useCodepage=true;//中文音乐加入mySound=newSound();
  • WPF大杂烩 zzyzxb WPFwpf
    1、在上面提供的代码中，Source属性用于指定要加载的资源字典的位置。这里是一个使用了特殊URI格式的路径，下面对其进行详细解释：pack://:这是URI格式的一部分，表示资源的协议。在WPF中，pack://是一种用于定位应用程序内部资源的协议。通过pack://协议，可以使用特殊的路径格式来引用应用程序集中的资源。application:这是指定资源所在位置的一部分，表示资源来源于当前应用
  • 当我谈论「自洽」时我谈些什么 高威尔
    自洽，本是科学研究中常被使用的的一个专业名词，指“按照自身的逻辑推演，自己可以证明自己不是矛盾或错误的。”随着这个概念的不断普及，慢慢被应用到更多领域中。例如，在心理学上所发展的“自洽人生——人在成长过程里，不断与外界和解的同时寻找“自我认同感”等，还有很多被解读成的不同含义。要知道，在这公说公有理，婆说婆有理的“大杂烩言论”中，「自洽」被不少利己主义思维充斥的人，用着看似精致，实则华而不实，只为
  • 大模型微调大杂烩知识总结 lichunericli LLM人工智能语言模型
    1.前缀微调（Prefix-Tuning）前缀微调是一种针对预训练模型的微调方法，通过在模型输入前添加特定任务相关的连续前缀表示，从而引导模型生成适应特定任务的输出。在微调过程中，只更新前缀表示的参数，而预训练模型的参数保持不变。微调方法：首先，为每个任务设计一个可学习的前缀表示。然后，将这个前缀表示与输入序列进行拼接，输入到预训练模型中。最后，通过优化前缀表示的参数，使得模型能够生成适应特定任务
  • Python自动化应用：七个实用代码案例分享 知白守黑V Python系统运维网络技术python开发语言python自动化python实例python爬虫python数据分析python制作GIF
    今天跟大家分享一些超酷的Python小技巧。这些技巧不仅有趣，而且实用到爆，让你的生活更加智能化。1、抓取某乎图片使用selenium和urllib下载图片想要从网上批量下载图片？用Python轻松搞定！只需要几行代码，你就可以从知乎这样的大型网站上下载你感兴趣的图片啦。这里用到的是selenium和urllib，简直就是抓图利器！亲爱的朋友,跟着我一起来学习这段Python代码,它可以帮我们在知
  • 大年初四，讲究吃这2种美食，简单的制作，老传统折射出节俭美德 趴窗看雨的小龟
    大年初四，有“送神早，接神迟”的说法，从一大清早就要开始送神，而接神则放在下午或晚上。因为传说初五是财神的生辰，因此在初四“抢路头”，又叫“接财神”。在饮食上，初四这天讲究简单、节俭，为什么这样说呢？只要看一下这2种美食的介绍你就知道了：一、折箩什么是‘折箩’？在《北京土语辞典》中折箩被解释为：“酒席吃罢，剩下的菜肴，不问种类，全倒在一块儿……也叫折箩菜”。说白了，这折箩菜就是“什锦菜”、“大杂烩
  • 七道精致海鲜料理，为食客带来鲜美味觉体验 摩玛食堂
    摩玛出生成长在一个三线的海边小城，大海是我最熟悉的气息。记得小时候，最喜欢和妈妈一起去海边挖海螺，直到傍晚，晚霞接近海岸线时，妈妈就牵着我的手，把沙子抖抖，然后回家煮一锅海鲜大杂烩。那种鲜香的海洋滋味，成为我对“家”这个字的最深理解。银鳕鱼海鲜原料:150克银鳕鱼、5克大虾、3克青口贝、4克蛏子、8克菠菜、5克有机食用鲜花、适量传统法式鱼汤、适量食用花卉、10毫升橄榄油、3克盐、3克胡椒做法：1、
  • 提升JS编程效率：19个实用JS代码示例
    本文翻译自19PracticalES6SnippetstoSolveCommonJSProblems，作者：Madza，略有删改。在实际工作中，开发者常面临一些需巧妙编程解决的挑战。有时几行代码就能迎刃而解。本文整理了一系列实用代码片段，助您轻松处理URL、DOM操作、事件处理、日期处理以及用户偏好设置等常见问题。这些精选代码片段均源自“30secondsofcode”——一个卓越的编程资源库。我
  • 制定日常饮食 潜心蛰伏
    一、所需食物1.蛋奶肉类鸡蛋、牛奶、猪瘦肉、猪肝、虾、鱼2.蔬菜类木耳、海带、紫菜、菠菜、菜花、西红柿、鲜辣椒、卷心菜，各类绿色蔬菜3.水果类苹果、橘子、橙子、猕猴桃、樱桃、葡萄、柚子、草莓4.五谷杂粮黑豆、芝麻、红枣二、一日三餐*早餐一杯牛奶+一个煮鸡蛋+两片面包+一个苹果一杯豆浆，一碗鸡蛋饭*午餐米饭+大杂烩，面条+绿色蔬菜，各种菜蛋炒饭*晚餐一碗粥+一碗绿色菜+主食（馒头、饼）粥（黑豆粥，绿
  • 陆止于此 海始于斯 魔鬼藏在细节里
    2019/3/17开始我们的奇妙探险之旅这篇游记=流水账+合照大杂烩DAY1英国曼彻斯特——法国巴黎平常看起来很靠谱的人啊（不包括summer），是为了留到关键时刻掉链子。天哥和summer为了吃BurgerKing和我们错过了一班火车——成功为之后每次路过汉堡王的时候嘲讽他们打下铺垫。DAY2巴黎卢浮宫非常大气图片发自App维纳斯是古希腊的美神和爱神。干的最有名的一件事情是帮特洛伊王子拐走了当时
  • echarts实用代码模板 mbshqqb echartsjavascript前端
    一、键盘事件控制tooltip移动letcurrentIndex=-1;constdataLen=option.series[0].data.length;consthandleKeydown=(e)=>{if(e.key!="ArrowRight"&&e.key!="ArrowLeft"){return;}console.log('handleKeydown:'+currentIndex);my
  • 看不见的硝烟 青鸟不殷勤
    儿子21号上午还发给我他的核酸检测：妥妥的阴性。下午又发给我他做的“开水白菜”图片。我还说他今天倒是简单，只煮了一锅“大杂烩”。他却说这“大杂烩”并不简单，是川菜制汤的巅峰之作。并给我发来制作正宗“开水白菜”的视频，并说他没有那些材料，只是改用香肠熬的汤。不想只隔了一夜，22号上午发来的却是他抗原自测阳性的报告，而且告诉我他已高烧40度，咳嗽头痛咽喉痛，全身无处不疼痛、四肢还发凉……居委回复他今天
  • 学会4种结构，轻松结构化自媒体小文 飞往外岛_饿生
    自媒体时代文章跟平时看书是不一样的，读者第一眼便会扫遍全文，若是文章结构合理有逻辑性，有料且有趣，读者在会才会耐住性子看完。若是像大杂烩一样，没有条理没有结构，那么读者直接就会pass掉。学会这4种写作结构，能迅速把文章结构化，让读者爱赌你懂。常用的4种写作结构：总分总结构、并列式结构、递进式结构、SQA结构（情景-问题-答案）总分总｜开头点题，正文分述，结尾再次点出主题总分总结构是最常见的新闻结
  • 聊一聊我常用的6种绘制地图的方法 Python数据之道 可视化python数据可视化人工智能数据分析
    来源：萝卜大杂烩今天来讲一讲在日常工作生活中我常用的几种绘制地图的方法，下面我将介绍下面这些可视化库的地图绘制方法，当然绘制漂亮的可视化地图还有很多优秀的类库，没有办法一一列举pyecharts、plotly、folium、bokeh、basemap、geopandas、cartopyBoken首先我们先介绍Boken绘制地图的方法Bokeh支持创建基本地图可视化和基于处理地理数据的地图可视化画一
  • 被崴脚造访的生活 常公子
    最近工作有些压力，同事们热火朝天的干事业，我自己却没什么成绩。虽然同事对此并无只言片语的指责或抱怨，自己倒是脸上有些挂不住，暗里有些心急。人说中年不学艺，之前我对此无感，但最近却有些感触。迄今执业十年，我并无自己明确的执业方向，虽不能说自己执业“大杂烩”，但确实与“高精尖”无缘。自己去年转所，选择精细化执业，明确了自己细分领域的执业方向，这使得有所不为成为必然。自己执业路径越来越窄，而之前并无太多
  • ［原创］快乐每一天！2018/11/04（农历九月二十七），周日，晴 且行且珍惜_0721
    快乐礼拜天！早上，陪女儿玩卡片识字游戏，接着我听育儿课，儿子女儿自己看书，我听完课，女儿自己涂鸦玩耍，我给儿子听写了5个单元生字。图片发自App图片发自App下午陪女儿一起学习红火箭英语，点读、朗读、跟读，还和我比赛，乐趣多又多。晚上姑姑一家来家里做客，还带来了美食，椒麻鸡、鸡爪，麻辣可口，味道杠杠滴！婆婆也做了美味的羊肉馅饺子，炒了麻辣大杂烩，但饺子我一个都没吃，作为南方姑娘，对饺子不太感冒。不
  • 微信小程序测试二三事 萝卜豆豆
    转载——籽藤最近两个月参与了一款微信小程序的项目，团队人少，除了测试的活儿之外还杂七杂八地推动很多问题，小有所得。网上有一些介绍小程序测试的文章，大多是偏测试工具角度，从小程序产品特性展开的测试经验分享比较少。我写了一篇大杂烩供同行拍砖吧。1.小程序产品的版本类型小程序分为三种版本类型：开发版，体验版，正式版。开发版和体验版无需审核，需要给微信号配置权限，通过扫小程序的二维码才能访问。正式版需要通
  • Kotlin手记(一)：基础大杂烩 木大白易 Kotlinkotlin开发语言android
    Kotlin简介2011年7月，JetBrains推出Kotlin项目，这是一个面向JVM的新语言2012年2月，JetBrains以Apache2许可证开源此项目。2016年2月15日，Kotlinv1.0发布，这被认为是第一个官方稳定版本。在GoogleI/O2017中，Google宣布在Android上为Kotlin提供最佳支持，取代java成为官方开发语言。函数和变量kotlin中的函数和
  • 舌尖上的新疆诱惑：家的味道-新疆过油肉拌面 韵游
    不要小看它！它不止是简简单单的面条拌菜新疆拌面吃法，是将满满一盘菜倒进拉条子里用筷子搅拌充分融合！这是家的味道！过油肉、野蘑菇、大杂烩，老板，加个鸡蛋，来个豪华的，老板，再加个面！……一、新疆拌面的由来新疆拌面又称“拉条子”，维吾尔语叫“兰格曼”，是新疆各族人民非常喜爱的一道地方特色美食。古时候人们运送货物没有像现在这样先进快捷的运输工具，要将货物通过茫茫戈壁与沙漠运到西域，就只能用“沙漠之舟”-
  • python实用代码 Bearjumpingcandy python开发语言
    以下是两个实用的Python代码示例：列表去重list1=[1,2,3,3,4,5,5]list1=list(set(list1))print(list1)#输出：[1,2,3,4,5]合并字典dict1={'a':1,'b':2}dict2={'c':3,'d':4}#方法1：使用字典解包merged_dict={**dict1,**dict2}print(merged_dict)#输出：{'a
  • 过年火锅必备的水丸，我手把手教你做 草草啖盐说蜜
    过年怎么能少得了火锅？火锅怎么能少得了水丸?何为水丸？鱼丸、猪肉丸、牛肉丸、鸡肉丸等圆滚滚、QQ弹弹的丸子，在泉州统称“水丸”。过年家庭聚餐，朋友聚会，火锅是简单又美味还能拉近你我关系的重要道具。备上食材：各色水丸、香菇、毛肚、猪血、青菜、豆腐、鱼片、花蟹等大杂烩，火锅插上电，放上汤底，酸辣咸甜随意，水开了，食材纷纷下锅。当火锅嘟嘟冒出热气时，你捞起一颗水丸，咬上一口，弹、脆、Q、绵、细、香，你简
  • 《岁月如歌》――把握驾驭课堂的主宰 行走的教育
    一直以为好好备课是上好课的关键，读了于漪老师的文章，才知道，备课只是上好课的前提，还要钻研教材，了解学生的具体准备，备课要贯穿教学全过程的学习，积累，反思与改进。于漪老师说，教课时，总有个思想在作怪：“多教一点，多教一点，让同学多学一点！”再加上备课时钻研所得，更是舍不得丢开，于是课堂常是炒什锦，大杂烩，八宝粥，颜色很美，营养似乎也不错，但学生不受用。边读边想，这不是我经常做的事情吗，备课时尽量准
  • 空荡的村庄 云上村
    城里的灯，亮透了半边天，分不清白天还是夜晚。地铁里人挨人，谁也不与谁说话，半步都迈不开，车门一开，一群人走出去，一群人又进来。王兰娟最受不了城里的生活，要不是照顾孙子，她可不来城里。她背着行李，儿子厚德给她带路，七拐八拐，在人流穿来穿去，好不容易才出了车站。一出站，兰娟彻底蒙住了，外面的世界更让她头晕眼花。高楼大厦，拥挤的车流，数不清的人头，像是一锅大杂烩一样，她感受到胸口一阵憋得慌，一手放下行李
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他