2019年9月27日

摘要: 超文本传输协议HTTP协议 被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。 为了解决H 阅读全文

posted @ 2019-09-27 14:56 jessie-xian 阅读(738) 评论(0) 推荐(0)

摘要: 抄别人的 觉得可以 就mark了 一、说说从输入URL到看到页面发生的全过程,越详细越好。 1、首先浏览器主进程接管,开了一个下载线程。 2、然后进行HTTP请求(DNS查询、IP寻址等等),中间会有三次捂手,等待响应,开始下载响应报文。 3、将下载完的内容转交给Renderer进程管理。 4、Re 阅读全文

posted @ 2019-09-27 14:35 jessie-xian 阅读(118) 评论(0) 推荐(0)

摘要: 方法一:canvas 方法二:FileReader 参考: "https://cloud.tencent.com/developer/article/1399137" "https://www.cnblogs.com/tugenhua0707/p/4666076.html" 阅读全文

posted @ 2019-09-27 14:34 jessie-xian 阅读(3206) 评论(0) 推荐(0)

摘要: 写在前面:纯属根据某位大神的博客复制粘贴,因为工作需要用到这个,抄完就顺便不要脸的抄袭了,其实只是想记录一下,以便以后还能用到。 原文: "https://blog.csdn.net/weixin_33957648/article/details/86251969" 基本知识点 1. 理解HTML5 阅读全文

posted @ 2019-09-27 14:22 jessie-xian 阅读(3633) 评论(0) 推荐(0)

摘要: css部分 html部分 behavior: url(ie css3.htc); ie css3.htc复制如下代码取名ie css3.htc 原文: "https://www.cnblogs.com/BelieveWang/p/8027256.html" 阅读全文

posted @ 2019-09-27 14:21 jessie-xian 阅读(604) 评论(0) 推荐(0)

摘要: css部分 html部分 behavior: url(ie css3.htc); ie css3.htc复制如下代码取名ie css3.htc 原文: "https://www.cnblogs.com/BelieveWang/p/8027256.html" 阅读全文

posted @ 2019-09-27 14:20 jessie-xian 阅读(255) 评论(0) 推荐(0)

摘要: git 代码托管 一,git安装 去Git官网上下载安装即可 二,ssh key配置 1. 检查是否已经有SSH Key。 $cd ~/.ssh //如果说没有这个目录,就直接看第三步 2. 备份 3. 生成一个新的SSH。 ("email" git账号) 之后直接回车,不用填写东西。之后会让你输入 阅读全文

posted @ 2019-09-27 14:16 jessie-xian 阅读(203) 评论(0) 推荐(0)

摘要: 一.环境搭建 1.安装node.js(window10) 下载完直接安装,下一步。。。 安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置 在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口 2.安装cnpm 由于npm有些资源被屏蔽或者是国外资源的原因,经常会 阅读全文

posted @ 2019-09-27 11:40 jessie-xian 阅读(6073) 评论(0) 推荐(0)

摘要: 一.devtool devtool: “eval source map” webpack打包后的文件可读性非常低,不利于调试,使用devtool可以生成对应的源码便于调试。使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。这个选项可以在不影响构建速度的前提下生成完整的s 阅读全文

posted @ 2019-09-27 11:39 jessie-xian 阅读(223) 评论(0) 推荐(0)

摘要: 一.devtool devtool: “eval source map” webpack打包后的文件可读性非常低,不利于调试,使用devtool可以生成对应的源码便于调试。使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。这个选项可以在不影响构建速度的前提下生成完整的s 阅读全文

posted @ 2019-09-27 11:39 jessie-xian 阅读(203) 评论(0) 推荐(0)

摘要: 一.devtool devtool: “eval source map” webpack打包后的文件可读性非常低,不利于调试,使用devtool可以生成对应的源码便于调试。使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。这个选项可以在不影响构建速度的前提下生成完整的s 阅读全文

posted @ 2019-09-27 11:39 jessie-xian 阅读(167) 评论(0) 推荐(0)

摘要: 使用gulp的插件可以很方便的将xp转为rem,在布局的时候使用@1x 、@2x布局,即10rem=device width;@1x即设计图为320px,1rem对应的10px像素,相对的@2x即为布局使用640px的布局,1rem=20px像素;不过浏览器有默认最小字体,谷歌浏览器默认的最小的字体 阅读全文

posted @ 2019-09-27 11:38 jessie-xian 阅读(413) 评论(0) 推荐(0)

摘要: 参考: "https://www.cnblogs.com/laneyfu/p/5962538.html" 阅读全文

posted @ 2019-09-27 11:37 jessie-xian 阅读(329) 评论(0) 推荐(0)

摘要: ``` //双循环去重 function fn(arr){ if(Array.isArray(arr)){ //声明一个新的数组,然后把要遍历的数组的第一个元素放入这个新数组 var newArr = [arr[0]]; //然后从第二个元素开始遍历老的数组,同时遍历新数组 //把老数组和新数组的已 阅读全文

posted @ 2019-09-27 11:36 jessie-xian 阅读(192) 评论(0) 推荐(0)

摘要: 最近在项目中遇到的一个小bug 要做一个pc端的轮播图播放页面,但是由于公司使用的内核版本太低, 轮播图的滑动原点使用border radius属性失效 css代码 最后百度得到了解决方法 解决办法:万能的!important; 在border radius属性里面添加!important: CSS 阅读全文

posted @ 2019-09-27 11:35 jessie-xian 阅读(8039) 评论(0) 推荐(0)

摘要: 1.在桌面右键,新建文本文档 2.打开记事本,一字不差的输入以下代码: 然后保存文件 3.该文本文档的文件名更改为“Windows照片查看器.REG”,注意后缀名得由txt更改为REG 这个时候会弹出更改后缀名可能会导致文件不可用提醒,我们不用管,点击是即可 4.更改后缀名后,可以看到该文件变为注册 阅读全文

posted @ 2019-09-27 11:35 jessie-xian 阅读(7308) 评论(0) 推荐(0)

摘要: 运行之后报 错误 在 "IE" 下childNodes取得的节点不包括文本节点,而在Chrome或Firefox下得到的节点包括文本节点,具体看下面代码的执行结果: 在代码中,当循环childNodes的时候,第一个节点是textNode,不具备style属性,所以会报'undefined'; 常见 阅读全文

posted @ 2019-09-27 11:34 jessie-xian 阅读(1807) 评论(0) 推荐(0)

摘要: 解决代码 html .img responsive { display: inline block; height: auto; max width: 100%; } (1)display:inline block 元素相对于它周围的内容以内联形式呈现,但与内联不同的是,这种情况下我们可以设置宽度和 阅读全文

posted @ 2019-09-27 11:33 jessie-xian 阅读(27078) 评论(0) 推荐(0)

摘要: 解决代码 html .img responsive { display: inline block; height: auto; max width: 100%; } (1)display:inline block 元素相对于它周围的内容以内联形式呈现,但与内联不同的是,这种情况下我们可以设置宽度和 阅读全文

posted @ 2019-09-27 11:33 jessie-xian 阅读(166) 评论(0) 推荐(0)

摘要: 最近工作上有个需求需要在静态页面之间传递参数 纯html静态页面怎么获取参数呢? 后来想到javascript 用javascript在静态页面上接受参数的方法 只要用户打开的页面url后带有参数 而javascript可以获取当前页面的url 只要对获取下来的url进行简单地解析即可 代码: 注: 阅读全文

posted @ 2019-09-27 11:32 jessie-xian 阅读(5478) 评论(0) 推荐(0)

摘要: 简介 弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局容器中的每一个 阅读全文

posted @ 2019-09-27 11:30 jessie-xian 阅读(168) 评论(0) 推荐(0)

摘要: 1.空格,换行 2.连续空格 注:必须在标签中 阅读全文

posted @ 2019-09-27 11:29 jessie-xian 阅读(3183) 评论(0) 推荐(0)

摘要: 在小程序开发中经常会用到文本的两端,比如登录的用户名、密码、验证码等需要让这些文字左右对齐,下面介绍常用的对齐方式: 1.使用下面这样,经过测试在开发工具中有效,但是在手机端测试无效,兼容性不好。 2.使用下面这种,兼容性比较好,手机端还有开发工具中都可以实现。 阅读全文

posted @ 2019-09-27 11:27 jessie-xian 阅读(530) 评论(0) 推荐(0)

摘要: html部分 css部分 阅读全文

posted @ 2019-09-27 11:26 jessie-xian 阅读(6703) 评论(0) 推荐(2)

摘要: 解决div里面img图片下方有空白的问题 图片的display属性默认是inline,而这个属性的vertical align的默认值是baseline。所以就会出现上图的情况(图片底部出现一个小留白区域)。 1.把img变成块状元素,所以是否需要留白,可以用过padding来设置。 2.直接修改v 阅读全文

posted @ 2019-09-27 11:26 jessie-xian 阅读(351) 评论(0) 推荐(0)

摘要: CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省略号… 3.跨浏览器兼容的方法 浏览器兼容伪类写法css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分 阅读全文

posted @ 2019-09-27 11:26 jessie-xian 阅读(152) 评论(0) 推荐(0)

摘要: html部分 css部分 点击查看大图 html部分 css部分 阅读全文

posted @ 2019-09-27 11:23 jessie-xian 阅读(3241) 评论(0) 推荐(0)

摘要: html部分 css部分 点击查看大图 html部分 css部分 阅读全文

posted @ 2019-09-27 11:22 jessie-xian 阅读(1388) 评论(0) 推荐(0)

摘要: 在customerList容器里面,brandItem超出部分滑动,并且隐藏滑动条 (项目需要 应用在移动端) 一,利用 css 3 的新特性 webkit scrollbar, 但是这种方式不兼容 火狐 和 IE (仅实现超出部分滑动 可用css样式 overflow: auto;) 二,利用内外 阅读全文

posted @ 2019-09-27 11:20 jessie-xian 阅读(6584) 评论(0) 推荐(0)

摘要: 一.使用方法 1.在页面中 引入 Less.js 需要注意的是,link 标签一定要在 Less.js 之前引入,并且 link 标签的 rel 属性要设置为stylesheet/less。 2.在命令行 使用npm安装 具体使用命令 二.Less 的功能特性 1.变量 (1)值变量 以 @ 开头 阅读全文

posted @ 2019-09-27 10:30 jessie-xian 阅读(259) 评论(0) 推荐(0)

摘要: 如何比较2个对象是否相同 较为简单的方法,如下 //比较2个对象是否相同 function isObjEqual(o1,o2){ var props1 = Object.getOwnPropertyNames(o1); var props2 = Object.getOwnPropertyNames( 阅读全文

posted @ 2019-09-27 10:26 jessie-xian 阅读(9755) 评论(0) 推荐(0)

摘要: 构造函数创建对象 我们通过new来创建一个person实例,我们可以看到不同的实例拥有自己的属性。 proto 我们可以看到每个对象下都会有__proto__的属性,这个属性会指向该对象的原型 我们看到__proto__下会出现prototype的name属性,那么__proto__与prototy 阅读全文

posted @ 2019-09-27 10:17 jessie-xian 阅读(190) 评论(0) 推荐(0)

摘要: 一、JavaScript 的垃圾收集机制 javascript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中的使用的内存。而在C和C++之类的语言中,开发人员的一项基本任务就是手动跟踪内存的使用情况,这是造成许多问题的一个根源。在编写javascript程序时候,开发人员不用再关心 阅读全文

posted @ 2019-09-27 10:16 jessie-xian 阅读(197) 评论(0) 推荐(0)

摘要: 变量作用域 在JavaScript中全局变量的作用域比较简单,它的作用域是全局的,在代码的任何地方都是有定义的。然而函数的参数和局部变量只在函数体内有定义。另外局部变量的优先级要高于同名的全局变量,也就是说当局部变量与全局变量重名时,局部变量会覆盖全局变量。 注:声明局部变量时一定要使用var,否则 阅读全文

posted @ 2019-09-27 10:16 jessie-xian 阅读(1023) 评论(0) 推荐(0)

摘要: 点击图片,判断手机操作系统,根据手机系统跳转不同链接。 阅读全文

posted @ 2019-09-27 10:15 jessie-xian 阅读(1227) 评论(0) 推荐(0)

摘要: 浅拷贝 对于基本类型,浅拷贝是对值的复制,对于对象来说,浅拷贝只复制指向某个对象的指针,而不复制对象本身,并没有开辟新的栈,也就是复制的结果是新旧对象还是共享同一块内存,两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会改变。 深拷贝 深拷贝会开辟新的栈,创造一个一模一样的对象, 阅读全文

posted @ 2019-09-27 10:14 jessie-xian 阅读(145) 评论(0) 推荐(0)

摘要: window.history 对象包含浏览器历史。 window.history 对象可不带 window 书写。 为了保护用户的隐私,JavaScript 访问此对象存在限制。 一些方法: history.back() 等同于在浏览器点击后退按钮 history.forward() 等同于在浏览器 阅读全文

posted @ 2019-09-27 10:05 jessie-xian 阅读(150) 评论(0) 推荐(0)

摘要: window.location 对象可用于获取当前页面地址(URL)并把浏览器重定向到新页面。 window.location 对象可不带 window 前缀书写。 一些例子: window.location.href 返回当前页面的 href (URL) window.location.hostn 阅读全文

posted @ 2019-09-27 09:57 jessie-xian 阅读(139) 评论(0) 推荐(0)

摘要: window.location 对象可用于获取当前页面地址(URL)并把浏览器重定向到新页面。 window.location 对象可不带 window 前缀书写。 一些例子: window.location.href 返回当前页面的 href (URL) window.location.hostn 阅读全文

posted @ 2019-09-27 09:56 jessie-xian 阅读(133) 评论(0) 推荐(0)

摘要: Array.forEach() forEach() 方法为每个数组元素调用一次函数(回调函数)。 Array.map() map() 方法通过对每个数组元素执行函数来创建新数组。 map() 方法不会对没有值的数组元素执行函数。 map() 方法不会更改原始数组。 这个例子将每个数组值乘以2: 请注 阅读全文

posted @ 2019-09-27 09:55 jessie-xian 阅读(186) 评论(0) 推荐(0)

摘要: sort() 方法是最强大的数组方法之一。 sort() 方法以字母顺序对数组进行排序: 反转数组 reverse() 方法反转数组中的元素。 您可以使用它以降序对数组进行排序: 数字排序 默认地,sort() 函数按照字符串顺序对值进行排序。 该函数很适合字符串("Apple" 会排在 "Bana 阅读全文

posted @ 2019-09-27 09:52 jessie-xian 阅读(204) 评论(0) 推荐(0)