基础
HainesFreeman
function
展开
-
线程和进程的区别是什么?
看了一遍排在前面的答案,类似”进程是资源分配的最小单位,线程是CPU调度的最小单位“这样的回答感觉太抽象,都不太容易让人理解。做个简单的比喻:进程=火车,线程=车厢线程在进程下行进(单纯的车厢无法运行) 一个进程可以包含多个线程(一辆火车可以有多个车厢) 不同进程间数据很难共享(一辆火车上的乘客很难换到另外一辆火车,比如站点换乘) 同一进程下不同线程间数据很易共享(A车厢换到B车厢很容易) 进程要比线程消耗更多的计算机资源(采用多列火车相比多个车厢更耗资源) 进程间不会相互影响,一个线程挂原创 2020-10-27 10:09:53 · 402 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop屏幕分辨率高:window.screen.height每个HTML元素都具有clientHeig...原创 2020-04-20 11:08:56 · 122 阅读 · 0 评论 -
页面内设置锚点的方法
1.在a标签上设置href属性<a href="#miao">去找喵星人</a>2.设置标签的id值与之对应<h3 id="miao">喵星人基地</h3>原创 2019-10-21 14:30:59 · 241 阅读 · 0 评论 -
CSS伪类before,after制作左右横线中间文字效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ width: 1000px; ...原创 2019-06-17 17:07:26 · 980 阅读 · 0 评论 -
vue2.0阻止事件冒泡
<!--picker弹窗--><transition name="fade"> <div class="picker_wrap" v-show="roomSelectShow" @click="cancelSelect"> <div class="picker_alert" @click.stop> ...原创 2019-06-17 17:13:24 · 137 阅读 · 0 评论 -
优惠券领取,动态进度条
思路:1.静态页面写好2.js设置内层div的宽度代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #loadbar { wi...原创 2019-07-23 18:14:23 · 336 阅读 · 0 评论 -
如何复制copy别人的网站
第一步 copy 网页代码:1、打开一个网站,按F12,就是开发者工具啦!2、选择Elements3、右击网页元素,找到copy Elements【图1所示】就可以直接将代码获取到了,然后就尽情的蹂躏它吧。。。第二步 copy 样式代码1、点击 NetWork,参考【图2】2、找到对应的css 和js img等,复制到自己的本地目录【图2】1、可以参考网...原创 2019-08-04 14:30:23 · 20857 阅读 · 0 评论 -
Array里面concat
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var arr1 = [1,2,3,4,5]; var a...原创 2019-08-08 16:12:14 · 173 阅读 · 0 评论 -
meta标签
<meta data-n-head="true" name="viewport" content="width=1200, initial-scale=1">原创 2019-08-07 15:45:04 · 519 阅读 · 0 评论 -
Ant-Design中Table组件rowSelection方法的一些坑
<Table rowSelection={rowSelection} columns={columns} dataSource={data} />在 <Table/> 组件中有 rowSelection={rowSelection} 方法,可以让Table的第一列成为联动的选择框。API中说到通过 rowSelection.selectedRowKeys 来控制选...原创 2019-08-15 14:42:07 · 2180 阅读 · 0 评论 -
h5页面,ios微信里面打开,input框键盘收起以后页面不退回原来的样子
点击完成,页面顶到最上面了,下面留出了空白,很尴尬。解决办法:input失去焦点的时候,强制让页面回到顶部。$("input").on("blur",function(){ window.scroll(0,0);//失焦后强制让页面归位});亲测可用。...原创 2019-08-12 11:47:08 · 349 阅读 · 0 评论 -
微信授权,其实2步很简单
1.微信授权存在的意义需要获取用户信息,进而完善业务逻辑。2.微信授权的步骤:(前端篇)-1.页面刚mounted的时候,前端判断url是否有授权码Code,若没有则跳转至授权页,获取授权码 mounted: function () { this.code = getUrlPara('code');//获取地址栏的code if (!this.code) ...原创 2019-08-16 14:31:07 · 1668 阅读 · 0 评论 -
JS中string数组和number数组之间快速互转
1.将string数组转换为number数组let x1 = ['1','2']; console.log(x1); //["1", "2"] x1 = x1.map(Number); console.log(x1);//[1,2]2.将number数组转换为string数组let x1 = [1,2];...原创 2019-08-31 23:33:19 · 8822 阅读 · 0 评论 -
h5的input聚焦后,调出纯数字键盘!!!!
<input placeholder="输入数字" type="text" pattern="[0-9]*">原创 2019-06-17 13:59:41 · 2086 阅读 · 0 评论 -
css三栏等宽布局
实现以下效果:数据来源于后端,使用 for 循环思路:1.使用flex布局:display:flex;flex-wrap: wrap;//超出自动换行2.设置合适的margin值书和书之间的距离是70px,那么每个书的margin设置为margin:35px这样整体会增加70px,所以要整体margin:0 - px2rem(35) 0;html:...原创 2019-06-19 11:28:26 · 1183 阅读 · 0 评论 -
对象的拷贝
<body><script> var a ={ name:'haines', age:18, sex:'male' } var b={}; for (var n in a){ b[n]=a[n]; console.log(b[n]) console.log('---------------') } console.log(b)<...原创 2018-09-05 17:06:46 · 93 阅读 · 0 评论 -
js模块化编程之彻底弄懂CommonJS和AMD/CMD!
先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!于是下面三个模块规范出来了,这篇文章也出来了(拼出来的 {捂脸笑})。 JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么...转载 2018-09-29 14:34:24 · 90 阅读 · 0 评论 -
菜鸟教程给出的媒体查询尺寸
<h2>响应式判断</h2><p class="example">操作浏览器窗口,查看效果。</p>.example { padding: 20px; color: white;}/* Extra small devices (phones, 600px and down) */@media only screen a...原创 2018-10-15 09:08:05 · 550 阅读 · 0 评论 -
VUE中的watch属性
问题:之前对vue属性不是太理解,项目里选择日期插件用上了。解答:基本用法:监听数据的变化,进行对应的操作<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&q原创 2018-10-18 22:29:08 · 655 阅读 · 0 评论 -
自适应媒体查询的断点--参考bootstrap
基本是分为三个部分: 小屏幕 中屏幕 大屏幕480px 768px 992px1200px原创 2018-10-23 10:27:19 · 840 阅读 · 0 评论 -
url和uri的区别
URI 在于I(Identifier)是统一资源标示符,可以唯一标识一个资源。URL在于Locater,一般来说(URL)统一资源定位符,可以提供找到该资源的路径,比如http://www.zhihu.com/question/21950864,但URL又是URI,因为它可以标识一个资源,所以URL又是URI的子集。举个是个URI但不是URL的例子:urn:isbn:0-486-27557-4...原创 2019-02-18 11:31:55 · 117 阅读 · 0 评论 -
react使用braft-editor报错
Can't resolve 'react-dom/server' ./node_modules/draft-convert/lib/util/getElementHTML.js错误排查:1.看下node_modules/react-dom/下面有没有server.js,若有的话,你得看看是不是webpack什么地方有问题导致没有正确地import这个模块2.发现webpack配置错误...原创 2019-03-24 11:30:14 · 1835 阅读 · 0 评论 -
正则表达式:备注名称长度限制16个字符(8个中文),中文字母数字或者下划线
1.中文字母数字或者下划线2.长度限制16个字符(8个中文)html:<input class="form-control text" maxlength="17" name="name" placeholder="输入16个字符以内的备注名称" type="text" v-model.trim="remarkName" value="" @keyup="checkNickN...原创 2019-04-17 17:18:52 · 13356 阅读 · 0 评论 -
h5-video
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行动教练</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-sc...原创 2019-04-19 11:16:43 · 443 阅读 · 0 评论 -
代码冲突解决步骤
1.查找冲突的文件将冲突的代码改成你想要的2.在冲突的分支上面,执行git add .3.在冲突的分支上执行:git rebase --continue4.git push origin dev原创 2019-05-21 15:08:08 · 1637 阅读 · 0 评论 -
js中数组indexOf()的使用
1.概念该方法返回某个元素在数组中的位置。2.语法array.indexOf(item,start)3.参数值参数 描述 item 必须。查找的元素 start 可选。规定检索的位置,它的合法取值是 0 到 stringObject.length - 1。 4. 返回值返回元素在数组中的位置,若没检索到,则返回 -1。5.示例var...原创 2019-05-23 16:10:30 · 12732 阅读 · 0 评论 -
项目是如何运行起来的
1.开发环境,测试环境,生产环境 baseurl 是如何配置的?var API_URL, RES_URL, publicPath;if (process.env.NODE_ENV === 'dev') { API_URL = '"https://client-local.baidu.com/app-client"'; RES_URL = '"https://res-local.baid...原创 2018-08-21 10:37:35 · 1675 阅读 · 0 评论