HDX柿子
HDX柿子

90%的前端都会踩的坑,你中了吗

本文参考原文-http://bjbsair.com/2020-03-22/tech-info/2149.html

【建议收藏】90%的前端都会踩的坑，你中了吗？

写在前面

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序员，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。昨日一瞥竟积少成多，稍感诧异。因此分享出来，希望对大家能有所帮助。

样式问题

1、父元素设置了border-radius，子元素应用了transform，并且父元素设置了overflow:hidden，但是却失效？

// 给父元素设置   
{  
    position:relative;  
    z-index:1;  
}  
复制代码

2、设置input 文本框的 placeholder 的颜色

input::-webkit-input-placeholder{  
    color:rgba(144,147,153,1);  
}  
复制代码

3、如何设置body背景色，height:100%,不生效？

同时设置html，body的高度  
  
html,body{  
    height:100%；  
}   
或  
body{  
  height: 100vh; // 代表占屏幕100%  
}  
复制代码

4、一像素边框的问题

.row {  
  position: relative;  
  &:after{  
    content: "";  
    position: absolute;  
    left: 0;  
    top: 0;  
    width: 200%;  
    border-bottom:1px solid #e6e6e6;  
    color: red;  
    height: 200%;  
    -webkit-transform-origin: left top;  
    transform-origin: left top;  
    -webkit-transform: scale(0.5);  
    transform: scale(0.5);  
    pointer-events: none; /* 防止点击触发 */  
    box-sizing: border-box;  
  }  
}  
复制代码

5、css属性touch-action:none;

该属性会导致安卓页面无法滚动，慎用!  
复制代码

6、去除ios 手机端input输入框的内阴影

input{   
    -webkit-appearance: none;   
}  
复制代码

7、安卓手机端div里面在包一层div，文字展示不居中的问题。

最好给div设置padding ，不固定高度和不设置line-height；  
复制代码

8、iOS端input输入框光标错位

是由于fixed定位引起的，改成absolute就解决了。

.box{  
    position: absolute;   
}  
复制代码

9、div实现背景色和背景图片同时存在

{  
    background-color: #fff;  
    background-image:url('../../assets/img/model-bg.png');  
    background-repeat: no-repeat;  
}  
复制代码

10、css 制作椭圆

border-radius可以单独设置水平和垂直的半径，只需要用一个斜杠（/）分隔这二个值就行。

此外我们还要知道border-radius不仅可以接受长度值还可以接受百分比值。

{  
    width: 150px;  
    height: 100px;  
    border-radius: 50%/50%; //简写属性：border-radius:50%  
    background: brown;  
}  
复制代码

11、图片居中显示

object-fit: cover;  
复制代码

兼容问题

1、iconfont 字体在钉钉应用里面加载不出来（或者是乱码）的问题引入iconfont字体的时候，需要按照顺序把字体依次引入。正确的顺序如下：

@font-face {  
    font-family: "djicon";  
    src: url('./iconfont.eot'); /* IE9*/  
    src: url('./iconfont.svg#iconfont') format('svg'), /* iOS 4.1- */  
    url('./iconfont.woff') format('woff'), /* chrome、firefox */  
    url('./iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  
}  
// 参考文档：https://www.cnblogs.com/Megasu/p/4305116.html  
复制代码

2、PC端ueditor 编辑的文案及图片拉伸问题，背景是 后端返回是html片段

node - cheerio模块，操作dom字符串比较方便，实际案例： 解决了 PC端图片在移动端展示的问题参考文档： www.jianshu.com/p/e6d73d8fa… www.npmjs.com/package/che…

width: number = 784 代表pc端宽度   
regHtml(str: string){  
    // 参数是html片段   
    let _this = this;   
    const $ = cheerio.load(str);  
    $('img').each(function(index,element){  
        let attr = element.attribs //元素的属性   
        // 屏幕宽度   
        let docEl = document.documentElement   
        let clientWidth = docEl.clientWidth  
        if(attr.width){ //如果设置了宽  
            // 图片宽度/屏幕宽度的比例   
            let rate = attr.width /_this.width   
            //图片的宽高比例   
            let wh = attr.width/attr.height   
            $(element).attr('height', _this.rate*clientWidth/wh)  
            $(element).attr('width', _this.rate*clientWidth)  
            $(element).attr('style', '')   
            $(element).attr('class', 'img-skew')   
        }   
      
    })   
    return $.html()   
      
}  
复制代码

3、IOS 点击input不聚焦问题。

ios系统中点击Input输入框，没有反应，无法聚集光标，调不起键盘。

解决方案：强制性给加上点击事件，点击后给input框聚集光标。

cilckTextarea(){  
    document.getElementsByClassName('cont-inp')[0].focus();  
},  
复制代码

4、上传图片，iPhone7 iPhone7p在上传图片的时候，传不过去图片的name

解决方案：手动添加图片name

let data = new FormData();  
data.append("fileName", file[0],file[0].name);   
复制代码

5、ios微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位

解决方案：手动把滚动条滚到底部写一个自定义指令。

import Vue from 'vue';  
Vue.directive('blur', {  
    'bind'(el) {  
        el.addEventListener("click", function(){  
            window.scrollTo(0,0);  
        })  
    }  
});   
//在点击页面提交按钮的时候，把滚动条滚到底部就OK了  
复制代码

6、微信浏览器调整字体后，页面错位。

解决方案：阻止页面字体自动调整大小

// 安卓：  
(function() {  
  if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {  
    handleFontSize();  
  } else {  
    if (document.addEventListener) {  
      document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);  
    } else if (document.attachEvent) {  
      //IE浏览器，非W3C规范  
      document.attachEvent("onWeixinJSBridgeReady", handleFontSize);  
    }  
  }  
  function handleFontSize() {  
    // 设置网页字体为默认大小  
    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });  
    // 重写设置网页字体大小的事件  
    WeixinJSBridge.on('menu:setfont', function() {  
      WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });  
    });  
  }  
})();  
  
//iOS：  
// ios使用-webkit-text-size-adjust禁止调整字体大小  
body{-webkit-text-size-adjust: 100%!important;}  
复制代码

7、关于移动端样式兼容的问题

  • 设置meta标签viewport属性，使其无视设备的真实分辨率，直接通过dpi，在物理尺寸和浏览器之间重设分辨率，从而达到能有统一的分辨率的效果。并且禁止掉用户缩放
  
复制代码
  • 使用rem进行屏幕适配，设置好root元素的font-size大小，然后在开发的时候，所有与像素有关的布局统一换成rem单位。

8、iOS下取消input在输入的时候英文首字母的默认大写

  
复制代码

9、禁止 iOS 识别长串数字为电话

  
复制代码

10、禁止ios和android用户选中文字

-webkit-user-select: none;  
复制代码

11、一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发

只需要对不触发click事件的元素添加一行css代码即可：

cursor: pointer;  
复制代码

调试工具

1、Weinre远程调试工具

简单的步骤：

- 本地全局安装weinre , 命令行：npm install -g weinre  
- 在本地启动一个检测器：weinre --boundHost 1.2.3.4 （IP为本地IP地址）  
- 在浏览器访问此地址：http://1.2.3.4:8080  
- 把下面这一串东西，放在你需要调试的页面里：  
  
- 点击链接打开：http://1.2.3.4:8080/client/#anonymous  
复制代码

2、vconsole 日志打印

import VConsole from 'vconsole'  
var vConsole = new VConsole();  
复制代码

3、fiddler抓包也需要支持https

解决方案：fiddler需要安装信任证书，手机也需要安装信任证书，在浏览器里面打开

http://1.2.3.4:8888 // 本地IP地址+端口号  
复制代码

4、charles 手机端抓包，需要安装证书

手机浏览器输入：chls.pro/ssl ，去下载证书。  
手机-设置-安全与隐私-更多安全下载-从sd卡安装证书 - 找到之前在浏览器下载的证书  
复制代码

vue相关问题

1、vue 如何获取拉回数据后图片的高度？

  
 imageFn() {  
    console.log(this.$refs.myImg.offsetHeight);  
    console.log(this.$refs.myImg.offsetWidth);  
 },  
复制代码

2、vue中同一个dom节点，v-if与v-for不推荐同时使用，官方解答：

不推荐同时使用 v-if 和 v-for。 当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级

3、vue v-for 中更改item 属性值后，v-show不生效的问题

添加this.$forceUpdate();进行强制渲染，效果实现。  
因为数据层次太多，render函数没有自动更新，需手动强制刷新。  
复制代码

4、这个离开守卫通常用来禁止用户在还未保存修改前突然离开。该导航可以通过 next(false) 来取消

beforeRouteLeave(to, from, next) {  
    if (to.path === '/votes/subject') {  
        next('/task-list');  
    } else {  
        next();  
    }  
}  
复制代码

5、element UI 自定义传参的解决方法

这里的handleSelect默认绑定的参数是选中的那条数据。如果一个页面有好几个相同的组件，要想知道选的是哪个？

  
复制代码

解决方案：

  
复制代码

6、element-UI 框架 el-input 触发不了 @key.enter事件

  
  
复制代码

解决方案：使用@key.center.native

  
  
复制代码

最后

以上就是前端小姐姐这两年小本本上总结的所有东西了，当然相信咱们的前端道友们都是见过大风大浪的，欢迎在评论区交流，分享自己的宝贵经验！o(￣︶￣)o本文参考原文-http://bjbsair.com/2020-03-22/tech-info/2149/

【建议收藏】90%的前端都会踩的坑，你中了吗？

写在前面

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序员，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。昨日一瞥竟积少成多，稍感诧异。因此分享出来，希望对大家能有所帮助。

样式问题

1、父元素设置了border-radius，子元素应用了transform，并且父元素设置了overflow:hidden，但是却失效？

// 给父元素设置   
{  
    position:relative;  
    z-index:1;  
}  
复制代码

2、设置input 文本框的 placeholder 的颜色

input::-webkit-input-placeholder{  
    color:rgba(144,147,153,1);  
}  
复制代码

3、如何设置body背景色，height:100%,不生效？

同时设置html，body的高度  
  
html,body{  
    height:100%；  
}   
或  
body{  
  height: 100vh; // 代表占屏幕100%  
}  
复制代码

4、一像素边框的问题

.row {  
  position: relative;  
  &:after{  
    content: "";  
    position: absolute;  
    left: 0;  
    top: 0;  
    width: 200%;  
    border-bottom:1px solid #e6e6e6;  
    color: red;  
    height: 200%;  
    -webkit-transform-origin: left top;  
    transform-origin: left top;  
    -webkit-transform: scale(0.5);  
    transform: scale(0.5);  
    pointer-events: none; /* 防止点击触发 */  
    box-sizing: border-box;  
  }  
}  
复制代码

5、css属性touch-action:none;

该属性会导致安卓页面无法滚动，慎用!  
复制代码

6、去除ios 手机端input输入框的内阴影

input{   
    -webkit-appearance: none;   
}  
复制代码

7、安卓手机端div里面在包一层div，文字展示不居中的问题。

最好给div设置padding ，不固定高度和不设置line-height；  
复制代码

8、iOS端input输入框光标错位

是由于fixed定位引起的，改成absolute就解决了。

.box{  
    position: absolute;   
}  
复制代码

9、div实现背景色和背景图片同时存在

{  
    background-color: #fff;  
    background-image:url('../../assets/img/model-bg.png');  
    background-repeat: no-repeat;  
}  
复制代码

10、css 制作椭圆

border-radius可以单独设置水平和垂直的半径，只需要用一个斜杠（/）分隔这二个值就行。

此外我们还要知道border-radius不仅可以接受长度值还可以接受百分比值。

{  
    width: 150px;  
    height: 100px;  
    border-radius: 50%/50%; //简写属性：border-radius:50%  
    background: brown;  
}  
复制代码

11、图片居中显示

object-fit: cover;  
复制代码

兼容问题

1、iconfont 字体在钉钉应用里面加载不出来（或者是乱码）的问题引入iconfont字体的时候，需要按照顺序把字体依次引入。正确的顺序如下：

@font-face {  
    font-family: "djicon";  
    src: url('./iconfont.eot'); /* IE9*/  
    src: url('./iconfont.svg#iconfont') format('svg'), /* iOS 4.1- */  
    url('./iconfont.woff') format('woff'), /* chrome、firefox */  
    url('./iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  
}  
// 参考文档：https://www.cnblogs.com/Megasu/p/4305116.html  
复制代码

2、PC端ueditor 编辑的文案及图片拉伸问题，背景是 后端返回是html片段

node - cheerio模块，操作dom字符串比较方便，实际案例： 解决了 PC端图片在移动端展示的问题参考文档： www.jianshu.com/p/e6d73d8fa… www.npmjs.com/package/che…

width: number = 784 代表pc端宽度   
regHtml(str: string){  
    // 参数是html片段   
    let _this = this;   
    const $ = cheerio.load(str);  
    $('img').each(function(index,element){  
        let attr = element.attribs //元素的属性   
        // 屏幕宽度   
        let docEl = document.documentElement   
        let clientWidth = docEl.clientWidth  
        if(attr.width){ //如果设置了宽  
            // 图片宽度/屏幕宽度的比例   
            let rate = attr.width /_this.width   
            //图片的宽高比例   
            let wh = attr.width/attr.height   
            $(element).attr('height', _this.rate*clientWidth/wh)  
            $(element).attr('width', _this.rate*clientWidth)  
            $(element).attr('style', '')   
            $(element).attr('class', 'img-skew')   
        }   
      
    })   
    return $.html()   
      
}  
复制代码

3、IOS 点击input不聚焦问题。

ios系统中点击Input输入框，没有反应，无法聚集光标，调不起键盘。

解决方案：强制性给加上点击事件，点击后给input框聚集光标。

cilckTextarea(){  
    document.getElementsByClassName('cont-inp')[0].focus();  
},  
复制代码

4、上传图片，iPhone7 iPhone7p在上传图片的时候，传不过去图片的name

解决方案：手动添加图片name

let data = new FormData();  
data.append("fileName", file[0],file[0].name);   
复制代码

5、ios微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位

解决方案：手动把滚动条滚到底部写一个自定义指令。

import Vue from 'vue';  
Vue.directive('blur', {  
    'bind'(el) {  
        el.addEventListener("click", function(){  
            window.scrollTo(0,0);  
        })  
    }  
});   
//在点击页面提交按钮的时候，把滚动条滚到底部就OK了  
复制代码

6、微信浏览器调整字体后，页面错位。

解决方案：阻止页面字体自动调整大小

// 安卓：  
(function() {  
  if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {  
    handleFontSize();  
  } else {  
    if (document.addEventListener) {  
      document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);  
    } else if (document.attachEvent) {  
      //IE浏览器，非W3C规范  
      document.attachEvent("onWeixinJSBridgeReady", handleFontSize);  
    }  
  }  
  function handleFontSize() {  
    // 设置网页字体为默认大小  
    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });  
    // 重写设置网页字体大小的事件  
    WeixinJSBridge.on('menu:setfont', function() {  
      WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });  
    });  
  }  
})();  
  
//iOS：  
// ios使用-webkit-text-size-adjust禁止调整字体大小  
body{-webkit-text-size-adjust: 100%!important;}  
复制代码

7、关于移动端样式兼容的问题

  • 设置meta标签viewport属性，使其无视设备的真实分辨率，直接通过dpi，在物理尺寸和浏览器之间重设分辨率，从而达到能有统一的分辨率的效果。并且禁止掉用户缩放
  
复制代码
  • 使用rem进行屏幕适配，设置好root元素的font-size大小，然后在开发的时候，所有与像素有关的布局统一换成rem单位。

8、iOS下取消input在输入的时候英文首字母的默认大写

  
复制代码

9、禁止 iOS 识别长串数字为电话

  
复制代码

10、禁止ios和android用户选中文字

-webkit-user-select: none;  
复制代码

11、一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发

只需要对不触发click事件的元素添加一行css代码即可：

cursor: pointer;  
复制代码

调试工具

1、Weinre远程调试工具

简单的步骤：

- 本地全局安装weinre , 命令行：npm install -g weinre  
- 在本地启动一个检测器：weinre --boundHost 1.2.3.4 （IP为本地IP地址）  
- 在浏览器访问此地址：http://1.2.3.4:8080  
- 把下面这一串东西，放在你需要调试的页面里：  
  
- 点击链接打开：http://1.2.3.4:8080/client/#anonymous  
复制代码

2、vconsole 日志打印

import VConsole from 'vconsole'  
var vConsole = new VConsole();  
复制代码

3、fiddler抓包也需要支持https

解决方案：fiddler需要安装信任证书，手机也需要安装信任证书，在浏览器里面打开

http://1.2.3.4:8888 // 本地IP地址+端口号  
复制代码

4、charles 手机端抓包，需要安装证书

手机浏览器输入：chls.pro/ssl ，去下载证书。  
手机-设置-安全与隐私-更多安全下载-从sd卡安装证书 - 找到之前在浏览器下载的证书  
复制代码

vue相关问题

1、vue 如何获取拉回数据后图片的高度？

  
 imageFn() {  
    console.log(this.$refs.myImg.offsetHeight);  
    console.log(this.$refs.myImg.offsetWidth);  
 },  
复制代码

2、vue中同一个dom节点，v-if与v-for不推荐同时使用，官方解答：

不推荐同时使用 v-if 和 v-for。 当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级

3、vue v-for 中更改item 属性值后，v-show不生效的问题

添加this.$forceUpdate();进行强制渲染，效果实现。  
因为数据层次太多，render函数没有自动更新，需手动强制刷新。  
复制代码

4、这个离开守卫通常用来禁止用户在还未保存修改前突然离开。该导航可以通过 next(false) 来取消

beforeRouteLeave(to, from, next) {  
    if (to.path === '/votes/subject') {  
        next('/task-list');  
    } else {  
        next();  
    }  
}  
复制代码

5、element UI 自定义传参的解决方法

这里的handleSelect默认绑定的参数是选中的那条数据。如果一个页面有好几个相同的组件，要想知道选的是哪个？

  
复制代码

解决方案：

  
复制代码

6、element-UI 框架 el-input 触发不了 @key.enter事件

  
  
复制代码

解决方案：使用@key.center.native

  
  
复制代码

最后

以上就是前端小姐姐这两年小本本上总结的所有东西了，当然相信咱们的前端道友们都是见过大风大浪的，欢迎在评论区交流，分享自己的宝贵经验！o(￣︶￣)o

你可能感兴趣的:(90%的前端都会踩的坑,你中了吗)

  • 斤斤计较的婚姻到底有多难？ 白心之岂必有为
    很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响
  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • android系统selinux中添加新属性property 辉色投像
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • 2020-01-25 晴岚85
    郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
  • 随笔 | 仙一般的灵气 海思沧海
    仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
  • 想家 爆米花机
    也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言宏函数 南林yan C语言c语言
    一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 小丽成长记（四十三） 玲玲54321
    小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 瑶池防线 谜影梦蝶
    冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他