<![CDATA[我的知识记录分享]]> http://www.861lll.com/ zh-cn www.emlog.net vue根据屏幕调整fon http://www.861lll.com/post-123.html
 mounted() {
    this.$nextTick(function () {
      // 适配不同屏幕，改变根font-size值
      if (
        document.documentElement.clientWidth <=
        document.documentElement.clientHeight
      ) {
        document.documentElement.style.fontSize =
          document.documentElement.clientWidth / 7.5 + "px";
      } else {
        document.documentElement.style.fontSize =
          document.documentElement.clientWidth / 13.34 + "px";
      }
    });
  },
]]> Wed, 20 Jan 2021 06:52:12 +0000 糖果小宝 http://www.861lll.com/post-123.html Nginx location 配置 后路径映射问题 （路径替换） http://www.861lll.com/post-121.html nginx 配置 proxy_pass时可以实现URL路径的部分替换。

1.proxy_pass的目标地址，默认不带/，表示只代理域名，url和querystring部分不会变（把请求的path拼接到proxy_pass目标域名之后作为代理的URL）

2.如果在目标地址后增加/，则表示把path中location匹配成功的部分剪切掉之后再拼接到proxy_pass目标地址

例子：

server {
        location  /abc {
                proxy_pass http://server_url;
        }

       location  /abc {
                proxy_pass http://server_url/;
        }
 }

比如请求 /abc/b.html

如上两个匹配成功后，实际代理的目标url分别是

http://server_url/abc/b.html (把/abc/b.html拼接到http://server_url之后)

http://server_url/b.html (把/abc/b.html的/abc去掉之后，拼接到http://server_url/之后)

]]> Mon, 11 Jan 2021 02:39:53 +0000 糖果小宝 http://www.861lll.com/post-121.html uniapp跨域处理 http://www.861lll.com/post-120.html 
 "h5" : {
        "devServer" : {
            "https" : false,
			"proxy": {
			           "/api": {
			                "target": "http://api.******.com/",
			                "changeOrigin": true,
			                "pathRewrite": {
			                    "^/api": ""
			                }
			            }
			        }
        }
    }

如果还有问题
关键添加这段
"content-type":"application/x-www-form-urlencoded;application/json;charset=UTF-8"

拦截器添加 指定类型
Vue.prototype.$u.http.setConfig({
		//baseUrl: 'http://api.*****.com',
		loadingText: '努力加载中~',
		loadingTime: 800,  
		header:{
			"content-type":"application/x-www-form-urlencoded;application/json;charset=UTF-8"
		}
	});




]]> Mon, 11 Jan 2021 01:39:31 +0000 糖果小宝 http://www.861lll.com/post-120.html vue-cli3修改index.html浏览器名字和图标——htmlWebpackPlugin.options.title http://www.861lll.com/post-119.html 一、打包后网页的入口是public文件夹index.html,决定项目网页入口tab的名字是
 <title><%= htmlWebpackPlugin.options.title %></title>

二、vue.config.js

module.exports = {
    // 基本路径
    publicPath: '/',
    // 输出文件目录
    outputDir: 'dist',
    // eslint-loader 是否在保存的时候检查
    lintOnSave: false,
    // use the full build with in-browser compiler?
    // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
    runtimeCompiler: false,
    // webpack配置
    // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
    //修改或新增html-webpack-plugin的值，在index.html里面能读取htmlWebpackPlugin.options.title
    chainWebpack: config =>{
        config.plugin('html')
          .tap(args => {
            args[0].title = "米粒买菜";
            return args;
          })
      },
    configureWebpack: () => {},
    // vue-loader 配置项
    // https://vue-loader.vuejs.org/en/options.html
    // vueLoader: {},
    // 生产环境是否生成 sourceMap 文件
    productionSourceMap: false,
    // css相关配置
    /*css: {
        // 是否使用css分离插件 ExtractTextPlugin
        extract: true,
        // 开启 CSS source maps?
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {},
        // 启用 CSS modules for all css / pre-processor files.
        modules: false
    },*/
    // use thread-loader for babel & TS in production build
    // enabled by default if the machine has more than 1 cores
    parallel: require('os').cpus().length > 1,
    // 是否启用dll
    // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
    // dll: false,
    // PWA 插件相关配置
    // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    pwa: {},
    // webpack-dev-server 相关配置
    devServer: {
        // open: process.platform === 'darwin',
        //将服务启动后默认打开浏览器
        open: true,
        host: '0.0.0.0',
        port: 8080,
        https: false,
        hotOnly: false,
        proxy: {// 设置代理
            '/api': {
                target: 'http://47.99.134.126:28019/api/v1',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        },
        before: app => {}
    },
    // 第三方插件配置
    pluginOptions: {
        // ...
    }
}
]]> Thu, 07 Jan 2021 01:46:04 +0000 糖果小宝 http://www.861lll.com/post-119.html 右侧悬浮下载代码样式 http://www.861lll.com/post-118.html 点击查看原图
代码实现：仅悬浮功能，无其它效果
<!DOCTYPE html>
<html class="no-js LANG-cn" lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">

<title>jQuery右侧悬浮</title>

<link rel="stylesheet" href="css/home.css">

</head>
<body>
<div>213131</div>
<div class="global_toolbar">
	<div class="toolbar_btn center" style="top: 50%; margin-top: -150px;">
		<a href="#" id="needtohelp_0_GetPricing" class="bar_forum bar_project_consulting" style="text-decoration:none;">
			<samp style="text-align: center;padding-top:15px;border-radius:5px">
				<i >
					<img src="img/icon/down.png" alt="">
				</i>
				<p>编</p>
				<p>辑</p>
				<p>表</p>
				<p>格</p>
				<p>请</p>
				<p>下</p>
				<p>载</p>
				<p>软</p>
				<p>件</p>
			</samp>
		</a>
		</div>
	
</div>




</body>
</html>

css样式代码


p{
	   margin: 2px auto;
	   font-size:14px;
}
.global_toolbar.default {
    position: absolute
}



.global_toolbar {
    position: fixed;
    z-index: 1001;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);
    transition: all .4s cubic-bezier(.2,.83,.42,.91);
    border-left: 1px solid #d0d0d0;
    background: #fff
}


.toolbar_btn {
    position: absolute;
    top: 100%;
    left: -50px;
    width: 50px
}

.toolbar_btn a,.toolbar_btn a samp {
    position: relative;
    display: block;
    height: 234px;
    -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);
    transition: all .4s cubic-bezier(.2,.83,.42,.91);
    border-bottom: 1px solid #37393d
}

.toolbar_btn a samp {
    z-index: 2;
    width: 50px;
    color: #fff;
    background-color: #000
}



.toolbar_btn.default a samp,.toolbar_btn.default em {
    border-bottom: 1px solid #37393d;
    background: #000
}

.toolbar_content {
    z-index: 3;
    width: 100%
}

.css_column,.toolbar_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}
]]> Wed, 06 Jan 2021 02:33:29 +0000 糖果小宝 http://www.861lll.com/post-118.html 2021第一天上班！ http://www.861lll.com/post-116.html Mon, 04 Jan 2021 08:59:05 +0000 糖果小宝 http://www.861lll.com/post-116.html 我的2020 http://www.861lll.com/post-115.html 在上班
改代码。。。
做功能。。。。。。。
]]> Thu, 31 Dec 2020 06:31:28 +0000 糖果小宝 http://www.861lll.com/post-115.html 加载拉动分页，自己引入jq http://www.861lll.com/post-114.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <style> #conList { height: 500px; overflow: auto; } .con-item { padding: 10px; margin: 10px 0; line-height: 1.5; background: skyblue; } .isLoading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, .5); z-index: 1000; } .isLoading-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } .con-finished { margin: 20px 0; display: none; text-align: center; } </style> </head> <body> <!-- 内容 --> <div id="conList"> <div class="con-items"></div> <div class="con-finished">没有更多数据了~</div> </div> <!-- 加载中 --> <div class="isLoading"><span class="isLoading-text">加载中...</span></div> <script> (function($) { $.fn.soLoadPage = function(opt) { var dft = { conClass: '.con-items', //内容的盒子类，用来计算内容总高度用 itemClass: '.con-item', //内容项的类名 conFinishedClass: '.con-finished', //没有更多数据的类名 prePageTop: 100, //往上加载上一页时，如果还未到第一页，保持距离顶部的距离以保证可继续往上滚动 spaceTop: 0, //距离盒子顶部多少时开始加载上一页数据 curPage: 1, //当前页码，默认从1开始 limit: 10, //每页请求个数 isLastPage: false, //是否已经是最后一页 arrow: 'down', //默认写入ui的方向，down表示往尾部写入，up表示往顶部写入 deletedPage: 0, //要被删除的页码数据 pageArea: 3, //界面上可见到的页码区间数，比如总页数有100页，但是界面上永远最多只展示pageArea页的数据 curPageData: [], //请求到某一页的数据 clearT01: '', mockTotalPage: 10, //用来模拟的总页码数 }; $.extend(dft, opt); $that = $(this); $that.on('scroll', function() { clearTimeout(dft.clearT01) dft.clearT01 = setTimeout(function() { var boxScrollTop = $that.scrollTop(); var boxHeight = $that.height(); var conHeight = $(dft.conClass).height(); // console.log(boxScrollTop, boxHeight, conHeight, (boxScrollTop + boxHeight) - conHeight) if(boxScrollTop <= dft.spaceTop) { //距离盒子顶部小于等于dft.spaceTop时开始加载上一页数据 console.log('到顶了^^^^^^^') if(dft.arrow == 'up') { //如果上一次的加载是发生在顶部 if(dft.curPage > 1) { dft.curPage--; dft.arrow = 'up'; dft.deletedPage = dft.curPage + dft.pageArea; requestData(dft.curPage); } }else { //上一次的加载是发生在底部 if(dft.curPage - dft.pageArea > 0) { dft.curPage -= dft.pageArea; dft.arrow = 'up'; dft.deletedPage = dft.curPage + dft.pageArea; requestData(dft.curPage); } } }else if((boxScrollTop + boxHeight) - conHeight >= 0) { //滚动到底部，则加载下一页数据 console.log('到底了。。。') if(!dft.isLastPage) { //不是最后一页，则继续加载下一页数据 if(dft.arrow == 'up') { //如果上一次的加载是发生在顶部 dft.curPage += dft.pageArea; }else { //上一次的加载是发生在底部 dft.curPage++; } dft.arrow = 'down'; console.log(dft.curPage, 'dft.curPage') dft.deletedPage = dft.curPage - dft.pageArea; requestData(dft.curPage); } } }, 300) }) /** *显示加载中 */ function showLoading() { $('.isLoading').show(); } /** *隐藏加载中 */ function hideLoading() { $('.isLoading').hide(); } /** *请求数据的方法 *[page] 页码 */ function requestData(page) { if(dft.curPage > dft.mockTotalPage) { //最后一页数据 dft.curPage--; dft.isLastPage = true; $(dft.conFinishedClass).show(); return false; }else { dft.isLastPage = false; $(dft.conFinishedClass).hide(); } // 模拟请求，拿到数据 showLoading(); setTimeout(function() { dft.curPageData = []; for(var i = 0; i < dft.limit; i++) { dft.curPageData.push({ value: Math.random() }); } // 拿到数据后，开始写入数据 insertData(dft.curPageData); }, 500) }; /** *将数据写入 *[arr] Array 某一页的数据 */ function insertData(arr) { var html = ''; for(var i = 0, len = arr.length; i < len; i++) { var item = arr[i]; html += '<div class="con-item item-page-' + dft.curPage + '">' + item.value + '</div>'; } if(dft.arrow == 'up') { $(dft.conClass).prepend(html) $that.scrollTop(dft.prePageTop); }else { $(dft.conClass).append(html); } $('.item-page-' + dft.deletedPage).remove(); hideLoading(); //在此调用关闭loading，可以避免快速滑到底多次触发导致多加载一页的bug } // 默认请求第一页数据 requestData(1); } })(jQuery); // 调用 $('#conList').soLoadPage() </script> </body> </html>]]> Tue, 29 Dec 2020 07:34:28 +0000 糖果小宝 http://www.861lll.com/post-114.html jstree异步加载数据 http://www.861lll.com/post-113.html $('#container').jstree({ 'core': { 'data': { "url":"@Url.Action(nameof(***pp.Controllers.Webs.In*oController.AjaxGe****es))", "data": function (node) { return { "id": node.id, "patternMb": patternMb,}; } } }, "plugins": ["search"], 'search': { 'show_only_matches': true, 'ajax': { 'url': '/device/jstree', 'dataType': 'json', 'type': 'GET', 'data': function (str) { return { "search_str": str }; } }, } }); ]]> Tue, 29 Dec 2020 07:11:01 +0000 糖果小宝 http://www.861lll.com/post-113.html git 放弃本地修改，强制拉取更新 http://www.861lll.com/post-112.html 开发时，对于本地的项目中修改不做保存操作（或代码改崩），可以用到Git pull的强制覆盖，具体代码如下： 

git fetch --all
git reset --hard origin/master
git pull //可以省略


git fetch 指令是下载远程仓库最新内容，不做合并 
git reset 指令把HEAD指向master最新版本

]]> Tue, 29 Dec 2020 02:02:12 +0000 糖果小宝 http://www.861lll.com/post-112.html