- 博客(39)
- 收藏
- 关注
RSS订阅转载 微信小程序必知面试题
1 请谈谈微信小程序主要目录和文件的作用？project.config.json 项目配置文件，用得最多的就是配置是否开启https校验；App.js 设置一些全局的基础数据等；App.json 底部tab, 标题栏和路由等设置；App.wxss 公共样式，引入iconfont等；pages 里面包含一个个具体的页面；index.json (配置当前页面标题和引入组件等)；ind...
2019-04-25 09:34:33
12047
1
原创 linux版本对比
Layui 分为单页版和iframe版 单页版通过将单页代码输出到div，不如要完整的html代码。刷新页面后，依然能够记录上一次的页面。此种方式不易于调试前端代码。 Iframe版 通过iframe的方式将加载另一个页面。需要完整的html代码，包括js代码。 属性页面后，不能够记录上一次的页面。 此方...
2019-04-12 08:53:44
357
转载 一个完整的 Web 请求到底发生了什么
一、从输入一个网址开始当我们在浏览器输入一个网址，然后按下回车，接下来浏览器显示了页面。网速好的话这之间可能就一秒，但在这一秒内到底发生了什么？本文主要内容是试图记录一个完整 Web 请求的详细过程，从用户在浏览器中输入 URL 地址说起，然后浏览器如何找到服务器地址的过程，并发起请求；分析请求在达反向代理服务器内部处理过程；最后到请求在服务器端处理完成后，浏览器渲染响应页面过程。Web请求...
2019-04-10 22:32:24
206
原创 最佳 Linux 发行版排行榜
最年轻的发行版：NitruxNitrux 是一个很新的系统，又名 nxos，它在很多 Linux 发行版榜单中可能都是最新的一个，2017年12月29日发布它的1.0.8（能找到的第一个 release)，不过你看到它的第一眼可能就会觉得这正是你脑子里想的那种设计，它真的很漂亮。https://www.liwei8090.com/wp-content/uploads/2018/08/liwei...
2019-04-04 08:55:45
8537
1
原创 前端非常有意思的小技巧
这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧:CSS部分:1.盒子实际大小设置 https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101318840-1086791026.jpg2.超过两行就出现省略号https://img2018.cnblogs.com/blog/1623487/201...
2019-04-01 01:15:00
256
1
原创 web API学习笔记
call() 和apply() 作用: 可以改变this的指向```function f1(x, y) { console.log(x+y, this) }``````var obj = { age:10, sex:"男" } //f1.apply(obj, [10,20]);// 改变了f1的指向, 把f1...
2019-03-31 23:27:40
178
原创 web前端相关书籍推荐
一、HTML篇1）《精通HTML》2）《HTML5秘籍》3）《HTML5权威指南》4）《Head First HTML5 Programming（中文版）》5）《深入浅出html》二、CSS篇1）《CSS禅意花园》2）《CSS 揭秘》3）《CSS 世界》4）《精通CSS:高级Web标准解决方案》5）《CSS权威指南》（第3版）三、JavaScript篇1）《JavaScr...
2019-03-29 22:21:57
334
原创 WebStorm出现中文乱码解决代码
WebStorm出现中文乱码解决代码今天用WebStorm运行html代码时，出现中文乱码，试了Settings里File Encodings，将编码形式改为utf-8，结果还是不行。 最后用代码解决了问题，代码如下： <meta http-equiv="Content-Type" content="text/html;charset=utf-8">添加到标签首行。...
2019-03-29 22:20:24
1514
转载 面试心态调整方法
转载一篇在网上看到的好文章1.面试准备要充足程序员面试第一关，也就是初面，通常都是面技术题，面试官一般都是未来的同事、小组长或者直接上司。他们选人就两个要求，一个是面试题要会做，第二个是他不讨厌你，是的只要做到不讨厌就可以了。那么针对这两点我们就得有一些拆解的方法。那也不外乎两点啊，第一个就是刷面试题，从网上多找相关岗位的面试题，最好是找到你面试的这家公司的面试题，多刷几遍，不会的题都看会，...
2019-03-27 20:07:22
310
转载 css常识
常用的几种布局方式固定布局流式布局（自适应布局）弹性布局（伸缩布局）定位布局浮动布局响应式布局（媒体查询）固定布局、流式布局、定位布局、和浮动布局都比较简单。都可以查看W3C。简单的我是这个理解这几个的。如下：固定布局的固定说的是盒子的宽高都是固定的。margin，padding等。流式布局的流式是指的盒子的宽高和margin，padding是百分比。所以也称为百分比布局。有...
2019-03-27 20:03:08
102
转载 面试题之CSS篇
CSS篇1，介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种， IE 盒子模型、W3C 盒子模型；（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；（3）区 别： IE的content部分把 border 和 padding计算了进去；2，CSS选择符有哪些？哪些属性可以继承？* 1.id选...
2019-03-27 20:01:38
99
转载 面试题第一天
HTML篇1，Doctype作用？标准模式与兼容模式各有什么区别?（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器 用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏...
2019-03-27 19:59:31
144
转载 常用移动web开发框架--转载
纯粹的总结一下移动web开发框架，移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架，项目中也有应用。国内也有公司，像BAT巨头也在探索和实现了适合自己的移动web...
2019-03-18 22:09:09
300
原创 bootstrap中的模态框（modal，弹出层）
bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。默认的modal示例：<!DOCTYPE html> <html lang="zh-CN"> &l...
2019-03-14 22:07:00
871
原创 Query插件的使用方法
在追求页面互动效果的时代，大家都想把页面效果做的美轮美奂，这一切都离不开前端技术脚本Javascript，而最近常被人用到的Javascript库文件则是jQuery。用的人多了，问题自然就多了起来，本篇文章为没有用过Jquery的同学做个铺垫，讲解一下如何应用jQuery文件。 jQquery的用法和一般的Javascript脚本用法大部分相似，但也有一些不同，一般的Javascript脚本文...
2019-03-04 20:20:23
845
原创 初始正则表达式
什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式的作用给定的...
2019-03-03 23:02:59
152
原创 横向两列布局（左列固定，右列自适应）的3种CSS实现方式
这篇文章主要介绍了横向两列布局，即左列固定，右列自适应的4种CSS实现方式，感兴趣的小伙伴们可以参考一下HTML代码<DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>测试练习</title> </head&
2019-02-28 22:57:28
310
原创 CSS3 Transform变形（3D转换）
CSS3 3D 转换三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数：3D位移：CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数；3D旋转：CSS3中的3D旋转主要包括rotateX()、rotateY()、rotateZ()和rotate3d()...
2019-02-27 21:37:49
749
原创 jQuery ajax跨域请求的解决方法
在Ajax应用中，jQuery的Ajax请求是非常容易而且方便的，但是初学者经常会犯一个错误，那就是Ajax请求的url不是本地或者同一个服务器下面的URI，最后导致虽然请求200，但是不会返回任何数据，事实上简单来说请求同一个域名下的url或者说用不带http的绝对路径和相对路径请求是没有任何问题的，如果请求外部资源，那么这就称为跨域请求。由于安全性的问题，浏览器默认不支持跨域调用，晚上也有很...
2019-02-25 21:25:51
14818
1
原创 delegates - 委托模式的简单实现
delegates 基本用法就是将内部对象的变量或者函数绑定在暴露在外层的变量上，直接通过 delegates 方法进行如下委托，基本的委托方式包含：getter：外部对象可以直接访问内部对象的值setter：外部对象可以直接修改内部对象的值access：包含 getter 与 setter 的功能method：外部对象可以直接调用内部对象的函数const delegates = r...
2019-02-24 23:42:17
270
原创 星级点评案例
<!doctype html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>星级评分系统</title>
2019-02-21 20:38:31
232
原创 jQuery常用方法合集(2)
val方法val方法用于设置和获取表单元素的值，例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();html方法与text方法html方法相当于innerHTML text方法相当于innerText//设置内容$(“div”).html(“这是一段内容”);//获取内容$(“div”).html...
2019-02-20 22:30:34
140
原创 jQuery常用方法合集(1)
选择器基本选择器、层级选择器、属性选择器 与CSS类似，这里不再细说，详细猛戳这里。基本筛选器复制代码$(‘li:first’) //第一个元素$(‘li:last’) //最后一个元素$(“tr:even”) //索引为偶数的元素，从 0 开始$(“tr:odd”) //索引为奇数的元素，从 0 开始$(“tr:eq(1)”) //给定索引...
2019-02-19 23:41:51
96
原创 jquery初体验
什么是jQuery?jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。jQuery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，其实就是一个加强版的common.js，因此我们学习jQuery，其实就是学习jQuery这个js文件中封装的一大堆方法。...
2019-02-18 22:01:33
84
原创 正则表达式
什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式的作用给定的...
2019-01-23 20:46:14
87
原创 web API学习笔记
call() 和apply() 作用: 可以改变this的指向 function f1(x, y) { console.log(x+y, this) }var obj = { age:10, sex:"男" } //f1.apply(obj, [10,20]);// 改变了f1的指向, 把f1的this指向到了obj...
2019-01-22 22:04:31
106
转载 iOS 设计的神细节有哪些？
作者：Jnrwi链接：https://www.zhihu.com/question/27351776/answer/545666362来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。以下是一些大家日常使用苹果手机都能体会到，但却很少被发现的设计的神细节，这些细节有些提高了系统的安全性，有些增加了系统的易用性，有些体现了系统的人性化……。iOS系统作为当今世界上...
2019-01-21 23:07:47
211
转载 分享一些值得摘抄的句子
作者：君然链接：https://www.zhihu.com/question/63165436/answer/540401410来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1 在我最差劲的那段日子里 我一直希望有个人能陪着我 陪我熬过最灰暗的那段日子 我一定会对他很好 会很爱很爱这个人 但是没有 所有灰暗的日子 都是我咬着牙一个人熬过去的 我为了我自己以...
2019-01-20 21:47:35
1289
原创 JavaScript高级第一天
面向对象介绍对象到底是什么，我们可以从两次层次来理解。(1) 对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。(2) 对象是一个容器，封装了属性（property）和方法（method）。属性是对象的状态，方法是对象的行...
2019-01-17 23:02:25
88
转载 web前端就业的学习路线
肯定不是我本人写的啦 我还是一个正在学的菜鸟 在知乎看到了这个文章 觉得作者写的挺详细 可以对以后的学习有个比较清楚明白的了解 所以就转载来给初级前端主要学习三个部分：HTML，CSS，JavaScript一、html + css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了...
2019-01-16 23:12:57
83
原创 笔记大杂烩
根据id获取元素var div = document.getElementById(‘main’);console.log(div);// 获取到的数据类型 HTMLDivElement，对象都是有类型的// HTMLDivElement <-- HTMLElement <-- Element <-- Node <-- EventTarget注意：由于id名具有唯...
2019-01-15 22:57:23
111
转载 js原生代码实现轮播图案例--转载
一、轮播图是现在网站网页上最常见的效果之一，对于轮播图的功能，要求不同，效果也不同！我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。在这里分享一下，用js原生代码，实现轮播图的常见效果！思路比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！二、无论我们做什么特效，都要记住一个原则，先写静态的代码，再做动态的处理！1、为了代码的...
2019-01-14 23:21:20
1358
原创 js学习笔记
阻止事件传播的方式标准方式 event.stopPropagation();IE低版本 event.cancelBubble = true; 标准中已废弃常用的鼠标和键盘事件onmouseup 鼠标按键放开时触发onmousedown 鼠标按键按下触发onmousemove 鼠标移动触发onkeyup 键盘按键按下触发onkeydown 键盘按键抬起触发BOM的顶级对象win...
2019-01-13 23:46:51
63
原创 webAPI学习第四天-创建元素的三种方式
上课有些地方没有听懂,只好照着笔记写一遍增强记忆了(｡･∀･)ﾉﾞ创建元素的三种方式document.write()document.write('新设置的内容<p>标签也可以生成</p>');innerHTMLvar box = document.getElementById('box');box.innerHTML = '新内容<p>新标签...
2019-01-10 22:40:56
124
转载 webAPI学习第三天---节点
节点属性节点的属性:可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来nodeType:节点的类型:1----标签,2—属性,3—文本nodeName:节点的名字:标签节点—大写的标签名字,属性节点—小写的属性名字,文本节点----#textnodeValue:节点的值:标签节点—null,属性节点—属性值,文本节点—文本内容节点操作var body = documen...
2019-01-09 23:25:47
108
转载 有哪些新手程序员不知道的小技巧?
作者：程序员客栈链接：https://www.zhihu.com/question/36426051/answer/559577427来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1. 不要毫无计划地写代码思考、调研、计划、编码、测试、修改，一个都不能少；2. 不要写代码前过度计划在一头钻进代码前做点计划是好事，但是即便是好事，也可能物极必反。喝太...
2019-01-08 22:46:50
106
原创 ECMAScript 类型转换--转换成字符串
转换成字符串ECMAScript 的 Boolean 值、数字和字符串的原始值的有趣之处在于它们是伪对象，这意味着它们实际上具有属性和方法。例如，要获得字符串的长度，可以采用下面的代码：var sColor = "red";alert(sColor.length); //输出 "3"尽管 “red” 是原始类型的字符串，它仍然具有属性 length，用于存放字符串的大小。总而言之，3...
2019-01-07 22:08:37
206
原创 关于webstorm的快捷键 你知道多少?
Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）Shift+F6 重构-重命名Ctrl+X 删除行Ctrl+D 复制行Ctrl+G 查找行Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位写代码，按Tab 生成代码选中文本，按Ctrl+Shift+F7 高亮显示所有该文本，按Es...
2019-01-07 20:56:12
68
原创 String的属性和功能
.length 字符串的长度.charAt(索引) 返回值是指定索引位置的字符串, 索引值超出了, 返回时空字符串.concat(字符串1, 字符串2…) 返回的是拼接之后新的字符串, 用变量去调用.indexOf(要找的字符串, 从某个位置开始即索引值) 返回的是这个字符串的索引值(找到的第一个), 找不到则返回-1 .replace(“原来的字符串”, “新的字符串”) 替换...
2019-01-03 23:33:16
777
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人