- 博客(33)
- 收藏
- 关注
RSS订阅
原创 在VS Code中使用Sass最新流程
到这里看阅读体验会好一些。链接 原谅我标题党了一下，事实如此。搜到的博文都是一句话带过让我到这个官网下载安装包。（安装包链接已放到文末）尝试数个版本之后仍然是下载一半失效，可能我梯子质量不行吧。此外还很让人懵逼的一点是：在搜索引擎搜sass得到的sass.hk网站的指导是错误的...“gem sources -a https://ruby.taobao.org/”，在命令行输入这句后就直接...
2018-11-13 14:50:55
6231
原创 Ajax 获取后台数据后，前端如何进行处理
接上篇如何用jQuery Ajax访问后台API，获取数据之后如何在前端使用拿到的数据。这篇博客我要分享的是如何操纵数据，以及在这个过程中遇到的坑和解决办法。 少啰嗦，先看代码$.get("/Index/getsubject/" + grade_id, function (data) { console.log(data); //var...
2018-05-22 20:53:13
20494
2
原创 如何用jQuery访问后台API，实现真正的前后端分离
上学期在工作室学的是.NET WebForm技术，那会才知道完整的网站开发是这个模样，不过范围还是在.Net 平台上。但头疼之处也是从这里开始，由于控件的加入，完整的项目开发并不像写纯前端页面那样纯粹。但从对于新手友好度来说，我觉得还是不错的，毕竟拖个控件就OK了。这个学期的mvc技术，使得视图层和后台代码分开而不是像WebForm那样紧密结合，从而让负责不同端的开发人员可以更好的编写代码...
2018-05-21 09:29:07
7987
原创 screenLeft、screenX、scrollBy()、scrollTo()、scrollX、ScrollY的区别
What the fucking difference between these fucking things...screenLeft和ScreenTop是分别返回相对于屏幕的X和Y坐标，screeX和ScreenY也分别是返回相对于当前屏幕的X和Y坐标，有多块屏幕以主屏幕为准。scrollX和scrollY分别是文档相对于当前浏览器视口已滚动的距离。scrollBy()方法滚动...
2018-12-07 00:37:49
1408
原创 pandoc配合typora使用Markdown转成word格式
发现掘金和简书的编辑器都有些不足的地方，所以就折腾了下typora编辑器，想着直接自己的编辑器上写完直接复制到各平台上发表就好了。然而并没有用，简书部分支持typora写出来的格式，掘金完全不支持。再想着是不是转成word格式再复制上去就可以了。而由于typora导出word格式需要pandoc的支持。便又折腾了安装typora。在typora中尝试导出word格式时，他会引导你安装pando...
2018-12-05 22:40:18
2377
原创 用CSS画太极图
效果图如上，预览链接点这里。多用css画几个图就会发现，其实都是视觉欺骗的把戏。你看到的太极图的不是你以为的太极图。人有时也是。我觉得用CSS画图，最重要的一点是结构的拆解。初看时不知如何下手就是因为不知道从何画起并和css的属性结合。在这里，你第一眼肯定知道要用上border-radius这个属性。接下来呢？我觉得下面四张演变图你就清楚了。就把代码贴上逐行分析吧，文字分享略枯...
2018-11-14 22:34:37
2472
1
原创 form img a input 由表及里
到这里阅读体验会好一些，链接<form>accept-charset由空格作为分隔符的包含了服务器支持的字符串编码的列表。默认值为unknown，也即包含这个form元素的文档相同的编码。action一个处理这个form信息的程序所在的url（后端接口），这个值可以被<button>或者<input>元素中的formaction属性覆盖。aut...
2018-11-13 17:17:12
234
原创 HTML标签初探
别看了，都是我从MDN抄来的。<header>和<head>是两个不同的标签，不能作为<address> <footer>或其他<header>元素的子元素。是HTML5中的标签。<main>呈现了文档的<body>或应用的主体部分。这部分内容在文档中应当是独一无二的，不应该包括任何在一系列文档中重
2018-11-11 00:07:47
140
原创 HTTP初探
超文本传输协议(HyperText Transfer Protocol)balabalbal....抛开维基上的标准解释，用我的话来表达目前我对HTTP的理解。究其本质，他是一个协议，也就是说使用它的人都得按照他的规则不然不认。这就有点像你用英语那你就得按照英语规范中的那一套语法来使用。HTTP请求包括哪些部分？# 请求行（请求动作，路径（没有路径默认 / ），协议/版本）# 请求头...
2018-11-10 00:00:12
188
原创 织梦内容管理系统(cms)的使用
之前的一个项目用到了这个系统，就在这里回顾下吧。这种比较老的系统，网上已经有很详细的教程文档和视频了，我就不长篇累牍了。就分享一下遇到的坑和我认为要注意的东西吧。下载和安装直接到官网下载就好了，这里会涉及到一个版本的选择（UTF-8&GBK），建议utf-8。如果是gbk到后面自己写模板页面的时候就每次都需要切换编码方式，这还是挺麻烦的;此外utf-8的范围也可以用得更广些。下载...
2018-11-07 13:19:03
4155
原创 用命令行发说说?行
昨天搜chrome console的一些骚操作时，偶然瞥到这个视频(很不幸，需要科学上网才能看到)，一开始也没从标题看出那老哥要干啥，看一半才明白。这里给youtube的字幕功能好评，尤其是其中的自动生成feature，不然没字幕光听确实有些吃力。 先说这一系列操作的逻辑是怎样的，我们发表说说其实本质上是一个post请求，把我们发表的内容传到后端的一个接口上，那如果我们把post...
2018-11-05 15:41:23
217
原创 几个基础Linux命令(ls cat mv touch)
一个很重要的点，几乎所有命令的名字都是由来由而不是瞎取的，这点我认为对于使用和记住这些命令都是很有帮助的。ls list directory contents,列出目录内容cat concatenate files and print on the standard output,合并文件并用标准格式输出； 记不记得Array有个方法是 concat()，也就是...
2018-11-03 21:56:35
1308
原创 如何找到第一份工作？
我觉得有必要写下以作分享或作记录。 或许有不少初学前端的人对于何时能找到一份有薪水的工作心存疑惑，前端涵盖的内容这么多，到底得学到何时是足够找到工作。我觉得这陷入了思考的误区。Match matters,起更大作用的是自己和用人单位的匹配程度，举一个极端的例子，你能力足够优秀，但用人单位（只有一个的情况下）却要不起，那是不是也可以认为找不着工作。有一句话是说“面试造坦克，工作拧螺丝”，面试...
2018-10-07 11:21:02
996
原创 width值为auto和100%的不同
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-01 10:29:05
629
原创 (最)齐全的HTTP响应代码
先说说我们在开发中会经常遇到的。200 OK：成功收到服务器返回的报文;404 Not Found：服务器不存在请求的资源 ;502 Bad Gateway：得到错误的响应;上面说到报文，这里复习下计算机网络中的小知识：数据包在TCP各层的叫法。应用层 报文（message） 传(运)输层 报文段（segment） 网络层 分组（packet） 数据链路...
2018-09-19 22:19:31
1168
转载 (最)齐全的VS Code快捷键，英汉对照
按 Press 功能 Function Ctrl + Shift + P，F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctrl + Shift + W 关闭窗口/实例 Close window/in...
2018-09-18 22:33:08
440
原创 利用useagent判断不同平台展示不同内容
因为存在各个不同的PC端，也因此就有在各个平台上不同的浏览器。也自然而然地会有诸如在不同的平台或者浏览器上为用户展示不同内容的需求。说到浏览器，我们会很自然地想到BOM中navigator对象，其中有个useAgent属性,是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。以下是我对useAgent的字符串内容的分析useAgent由appCodeName(开头部分...
2018-09-09 23:47:18
1493
原创 开发环境、生产环境、测试环境的差别在哪里？
开发环境：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。测试环境：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。生产环境：是值正式提供对外服务的，一般会关掉错误报告，打开错误日志。三个环境也可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说的真实...
2018-09-06 23:47:23
2072
原创 JavaScript表达式和运算符思维导图
下附xmind文件附.xmind文件链接：https://pan.baidu.com/s/1FCa3YbXKBQa3AzwE2jxYqg 密码：07ge
2018-07-30 17:13:44
416
原创 “等灯 等灯等灯”，== 和 ===的区别
小记录。 # ==是相等操作符，===是全等操作符； # ==的判断标准为两个操作数相等则返回true， ===的判断标志是两个操作数未经转换就相等则返回true； 相等操作符的转换规则 · 如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值， false转换为0，而true转换为1； · 一个操作数是字...
2018-07-12 21:50:31
240
原创 JavaScript的基础类型和引用类型，面试必问！
Javascript的数据类型有哪些？最近的几个面试电话都问到了这个问题，但追问引用类型就懵逼了，故理解整理答案如下。JavaScript的数据类型有七种：null、undefined、Boolean、String、Number、Object、symbol，其中symbol是ES6出的数据类型，这里暂且不做讨论，前六种都是ES5中的。其中上述前五种是基本类型（又称原始类型、值类型）。这...
2018-07-12 00:01:17
797
原创 一道“简单”的题——span的宽高到底是多少？
源自牛客上的一道题，如下<div style="width:400px;height:200px;"> <span style="float:left;width:auto:height:100%"> <i style="position:absolute;float:left;width:100px;height:50px;">hello&l
2018-07-08 22:15:05
497
原创 两个“虚伪”的“人”------伪元素选择器&伪类选择器
Css2中对于伪类的定义 css伪类用于向某些选择器添加特殊的效果Css3中对于伪类的定义 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规css选择器获取到的信息； 由一个冒号开头，冒号后面是伪类的名称和包含在圆括号中的可选参数 Css2中对于伪元素的定义 css伪元素用于向某些选择器设置特殊效果...
2018-07-07 14:26:46
1548
原创 4'S'的区别的使用——slice，split，substr，substring
首先看四者的介绍。(标蓝意味该参数可选) 上图是实验的demo可以看出，四者间不同的有：能够看出的是他们的返回值不尽相同，split为数组，其他三者为字符串；substr的第二个参数是取值的长度，而slice和substring则是不包含end；split更为不同，它的第一个参数是分割符，第二个是返回的数组的长度；一些其他的tricksslice的第一个参数可以为负数，意为从后往前算字符的位置，...
2018-07-06 17:11:07
340
原创 .NET MVC中控制器向视图传递数据有哪些方法？
写这文的缘由是一个决定走前端路的同学在写后端代码挣扎时想到给后来的同学减少些痛苦。 在.NET mvc的架构中，前端页面需要用到一张表或多张表的数据,这其中产生的操作是不同的。视图需要显示各种无法直接映射到域模型中定义的模型。——《ASP.NET MVC程序开发》。举个例子说，我项目中的教师个人中心页需要展示教师表的信息和教师详情表的信息，他们是存在于两个不同的数据模型中。且由于MV...
2018-05-28 20:23:52
2165
原创 display的那些属性到底是什么玩意？
近来沦陷于布局不能自拔，每次审查元素时改display的属性，都可以看到有一溜的属性，但一直没有深究其中奥秘，这篇博文的主要内容就是阐释display属性的含义。 display是什么？ 是一个指定用于元素的呈现框的类型，即不同的盒模型。 括号内的数字代表css的generation。 分类有以下六种： 1.display-outside：block(1)，i...
2018-05-06 14:29:18
2459
原创 如何用jQuery做一个跑马灯，Marquee。
先看要实现的需求： 1.文字或者图片能够在区域内按照一定的规则进行滚动 2.滚动区域是否有限制，滚动内容超出限制区域的处理完成后的效果：代码实现 <div class="outBox"> <ul class="ulPmd"> <li>item1</li> <li>item2
2018-04-22 15:37:46
6843
原创 IFE JavaScript Mission 1 （百度前端技术学院）
纯个人记录，大神勿喷。任务1的题目为用户可以在输入框中输入任何内容，点击“确认填写”按钮后，用户输入的内容会显示在“您输入的值是”文字的右边。初看题目很简单，不就是用getElementById配合点击事件。遂敲下代码(部分核心)let text=documet.getElementById("aqi-input");document.getElementById("aqi-display")....
2018-03-16 20:13:56
1090
原创 腾讯前端十日训练营day 4
这是day 4的任务，然而因为昨晚挺晚才完成任务，所以文章推迟到了现在写。废话少说，以下是文章。任务描述： 结合盒子模型，发布一张你的卡片（可选择三国杀，动物卡或其他类型卡片，也可制作个人名片。 卡片需要包含边框，
2017-04-19 20:32:32
452
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人