- 博客(22)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue之mustache原理
mustache原理一、什么是模板引擎二、mustache的用法三、mustache底层核心四、手写mutache库1：首先创建项目，创建数据2：创建方法使模板字符串转换成tokens3：把tokens转成html一、什么是模板引擎模板引擎是将数据转换为视图最优雅的方案 ,历史上曾经出现的数据变为视图的方法（四种）:纯DOM法 ；let oLi = document.createElement('li');let hdDiv = document.createElement('div');
2021-07-12 14:16:39
417
原创 一像素1px在浏览器上出现视觉上的差异，显示的粗细不一样
一像素1px在浏览器上出现视觉上的差异，显示的粗细不一样出现的问题解决方案after不管用出现的问题最近做页面，出现一个问题，页面上有几条线，我直接写成height为1px的div,结果页面写完了发现，命名用的同一个类名，为什么显示的粗细不一样，很确定这就是一条线，用的样式一毛一样的。而且浏览器放大缩小，变成了一会粗一会细，很郁闷，有没有。觉得这是浏览器对像素处理的问题，就么有管。结果测试说会...
2018-11-30 10:31:52
3373
原创 vue搭建前端项目
初学vue，刚开始跟着某教程学习了一段时间，发现只会引入vue.js，然后使用一下v-for之类的。一些逻辑还是离不开js。这绝对不是我想要的。于是跟着vue群的大佬开始学习，他远程帮我搭建第一个简单的项目网站，我一遍学习一边记录，在这简单记录一下知识点。0：大家可以跟着官网搭建出网站的雏形。然后来看看目录结构，由于学vue时间不长，现在只是主要在src里面进行操作。。1 : main....
2018-07-10 15:28:53
4843
原创 jq/js判断图片是否加载完毕
先看我的最终解决方案（兼容：谷歌&火狐&IE）利用图片没有加载完成的时候，宽高为0。我们很容易判断图片的一个加载情况。如下：var t_img; // 定时器var isLoad = true; // 控制变量// 判断图片加载状况，加载完成后回调isImgLoad(function(){ // 加载完成执行的语句});// 判断图片加载的函数function isImgLoad(callba
2017-09-14 17:04:46
1074
原创 前端开发正则表达式验证以及常用的正则表达式
刚才在网上看到了一些比较全的正则表达式，果断收入囊中。常用符号说明^ 匹配输入字符串的开始位置 $ 匹配输入字符串的结束位置 * 匹配前面的子表达式零次或多次。例如，zo 能匹配 “z” 以及 “zoo”。 等价于{0,} + 匹配前面的子表达式一次或多次验证手机号码function isPhone(phone){ var phonereg = /^1[34578]\d{9}$/;
2017-06-11 16:36:53
4249
原创 新电脑连接github账户以及常用上传命令
一、如果你想新建一个远程仓库 1、在合适的位置右键打开git bash 2、创建一个版本库：（这里假设我的文件名是html） mkdir html cd html pwd 3、通过 git init 命令吧这个目录编程git可以管理的仓库 4、这样git就把仓库建好了。 5、把你的文件添加到仓库，只需要两步。 第一步、用git add 告诉git，把
2017-05-10 13:31:04
530
原创 scroll滚动事件在浏览器中无效
因为兼容性问题scrollTop 被卷去的头部 它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离怎么得到scrollTopwindow.onscroll = function() { 页面滚动语句 }1.谷歌浏览器 和没有声明 DTD ： document.body.scrollTop; 2.火狐 和其他浏览器 (就是document.html.scrollto
2017-05-03 21:17:07
14253
原创 css3伪类选择器
重点理解E是用来参考确定其父元素的， nth-child(n) 对应根据E元素确定的父元素的所有子元素， nth-of-type(n) 的不同之处在于其对应的是只有E元素，会忽略其子元素。（此处要配合案例加强理解）E:nth-child(n) 第n个子元素，计算方法是E元素的全部兄弟元素E:nth-of-type(n) 第n个子元素，计算方法只是E元素，会忽略其子元素的存在 E:nth-la
2017-04-28 10:27:16
259
转载 html、HTML 5 的data-* 自定义属性
html5增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。例如：html 代码:<div id = "user" data-uid = "12345" data-uname = "愚人码头" > </div>
2017-04-26 20:00:41
482
原创 使用js获取当地各种时间
日期函数 ( Date() )这个函数 （对象） 可以设置我们本地 日期。 年月日 时分秒 声明日期var date = new Date(); 创造声明一个新的日期函数 赋值给了 date 使用函数从 1970 年1 月1号开始算起 32位系统只支持 68年，即到2038年 64 位 支持n年 var date = new Date(); date.
2017-04-24 20:58:06
417
1
原创 html中文本自动换行(css3)
想要文本自动换行，只需要在样式中添加一句代码：word-break:break-all;语法： word-break : normal | break-all | keep-all 参数： normal : 使用浏览器默认的换行规则。 break-all : 允许在单词内换行。 keep-all : 只能在半角空格或连字符处换行。
2017-04-23 18:46:51
1407
原创 使用HEXO+Github搭建独立博客，详细方法以及使用中遇到的错误
第一步:创建仓库创建一个仓库，命名规则如下：Github昵称.github.io（默认大家都配置好github了）第二步：电脑上安装git安装git，傻瓜式安装，一直下一步即可，安装完毕后，打开开始菜单，搜索git，会出现有如图三个有关git的图标 （接下来使用命令的时候，只需要打开gitBash）第三步：开启HEXO在电脑上找合适的位置创建一个用来放博客的文件夹 打开文件夹，是空白的
2017-04-20 20:55:59
569
原创 sass+compass生成css的使用方法（总结）
如何使用compass生成css sass使用的很广泛，网上的使用教程很多，看之后基本了解，但是弄不清楚怎么使用compass在css与sass之间互相转换。sass主要是用在css样式上，是代码量减少，层级关系更清晰。像是在c语言中的函数，定义一个函数之后，可以在main函数中直接调用，这样在以后需要修改的时候不需要一个个改，直接在定义的函数中修改一处即可。使用起来简单方便，容易上手。Sass
2017-03-28 22:07:50
3392
原创 初级前端工程师面试题(网上收集的总结)
一.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;二.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，
2017-02-28 20:27:47
524
1
转载 使用javascript生成随机颜色方法
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <button id="btn1">调用第一种</button> <button id="bnt2">调用第二种</button> <button id="btn3">
2016-12-30 16:53:28
481
原创 HTML响应式
关于响应式设计，简单点的说，就是同一个网页在不同的设备上都可以完美的展现出来。不会出现小屏幕上出现一个特别大的网页这种情况html的响应式分为两种情况：1、外联 也就是说在外部引用一个css样式表。 关键代码：media="only screen and (max-width:*px)" 具体如下： <link href="#" type="text/css" re
2016-12-29 17:12:02
604
原创 JavaScript之浏览器对象
- JS浏览器对象-window对象1、window对象：window对象是BOM的核心，window对象指当前的浏览器窗口所有javascript全局对象，函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一2、window尺寸：window.innerHeig
2016-12-26 11:57:13
263
原创 HTML5 应用缓存，Application Cache
刚学了一个新的东西。发博客分享一下下。什么是应用程序缓存 HTML5引入了应用程序缓存，这意味着web应用可以进行缓存，并且在没有因特网连接时进行访问。应用缓存的优势 1：离线浏览-用户可在应用离线时使用。 2：速度-已缓存资源加载的更快。 3：减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源。实现缓存 如需启用应用程序缓存，请在文档的< html >标签中包含ma
2016-12-21 15:48:41
665
1
原创 Github上显示出demo，直接显示html页面
如何在github上传后显示出html页面 学习前端的童靴都特想知道如何在github上显示出自己设计的页面，之前研究了一些时间，也成功了。最近又想上传一些页面试试，发现之前的方法不管用了。下面来记录一下今天的成果。防止自己忘记。。。。如果你发现setting中找不到相应的按钮，请直接翻到最后查看更新补充的版本。一，出现的问题 很多童靴们用git上传自己的代码后，发现是这样子滴。跟自己想象
2016-12-13 16:13:43
10226
原创 js的序列化
单纯为了我自己不忘记，以前都是在QQ空间写日志的形式写出来，以免自己忘记了，刚想打开空间，突然想到前一段时间注册了博客，就来这里试试。写得并不好，勿喷，js序列化：举例： var obj = {x:1,y:true,z:[1,2,3],nullVal:null}; //想把此对象序列化，
2016-11-27 10:40:28
634
html5的history问题，pushstate问题
2017-04-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人