- 博客(33)
- 收藏
- 关注
RSS订阅原创 node.js聊天室开发流程
Node.js加web socket协议打造一个网页即时聊天程序其中将会使用到express和socket.io两个包模块1.安装node环境，然后我们就可以开始创建一个简单的HTTP服务器啦2.express是node.js中管理路由响应请求的模块，根据请求的URL返回相应的HTML页面。3.Node.js中使用socket的一个包。使用它可以很方便地建立服务器到客户端的sock...
2019-09-11 11:34:30
234
原创 2019春招笔试面试~记录
前言参考什么是前端工程师 / 怎么看待这个职业 / 对它的理解？前端开发这个职业目的在于用户体验，吸引更多的用户，运用前端技术，使项目变得更好，包括视觉、交互、运行速度、代码的合理规划等。前端工程师要掌握的技术？Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。Web前端开发技术主要包括三个要素：结构...
2019-07-01 15:53:15
616
原创 2019春招前端常见面试题
前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可 语义化的HTML代码，符合W3C规范：...
2019-04-03 11:21:22
409
原创 基于vue2+vuex+vue-router+vue-cli记事本设计与实现
实现步骤1.node环境配置2.Vue-cli安装（1）.创建Vue项目$ npm install -g vue-cli$ vue init webpack vue2-test$ cd vue-test$ npm install（2）.修改Vue项目配置a. config/index.js --> build --> assetsPublicPath -...
2019-03-10 23:24:21
344
原创 vuex 数据在本地存储
前言：vuex可以进行全局的状态管理，但刷新后数据会消失，在有些情况下我们更希望当我们刷新页面后数据依然存在，即实现数据在本地永久存储。实现方法有二，一是借助插件，二是手动利用HTML5的本地存储，显然前者比较方便。方法一：利用vuex-persistedstate插件(默认存储到localStorage)步骤：（1）安装npm install vuex-persis...
2019-03-07 15:32:36
5196
原创 解决sublimeText3无法安装插件问题 -- There are no packages available for installation
尝试了n种，终于找到了终极解决方法（时间紧急的请拉到最后看）1.CSDN提供的解决方法之前用这个方法解决了，但现在也不行了2.提供三个解决方法使用方法二：还是不行，出现下面错误（按Ctrl+`）搜索出现了下面的解决方法，但依然失败！ ！！加载MNIST报错：[WinError 10060] 由于连接方在一段时间后没有正确答复解决办法3.在我想要放弃的最后一...
2019-03-06 11:42:22
1005
原创 持续集成CI是什么
CI服务是做持续集成或持续部署用的。就是每次当你推了新代码到仓库后，CI服务可以运行代码静态分析，构建测试，或者部署之类的流程。它主要是在软件开发当中，用于工程化，自动化，规范化，可以比较有效的约束代码质量。CI服务都有运行时长限制，一般不能长时间运行超过一小时。而且一般没有对外提供可访问的IP地址。所以即便运行起来了，也只能做自动化测试之类的用途，而没法对外提供服务。需要长时间运行你的软件的...
2019-03-03 15:55:37
945
原创 对node.js的理解及学习路线
前言： 1.Node.js和其他.js 区别 jquery.js/Angular.js/Vue.js/React.js是对原本JS的一种封装； Node.js不是一个JS的库和框架； 2.想要理解node.js，首先需要知道什么是JavaScript。本文先后介绍了 什么是 JavaScript---->什么是 Node---->Node 的...
2019-03-03 14:43:26
487
原创 git常用命令
1.git log或git reflog-->查看之前的提交输入q-->退出git log2.慕课网集成vue笔记：（1）创建项目git clone-->将远程仓库代码下载到本地，默认创建一个hellogit.git文件git init-->初始化一个 Git 仓库（2）创建分支，推送分支，合并分支git status-->查看哪些文件处于...
2019-02-28 23:37:47
169
原创 git clone提示Permission denied (publickey)的解决方法
原因是SSH keys没有设置或者过期了，SSH keys 可以在没有密码的情况下信任当前工作的计算机。解决办法是生成并设置SSH keys，具体步骤如下：1.依次点击"Setting -> SSH Keys"->"New SSH key"2.（1）Title处填写“id_rsa.pub”或其他任意信息。 key处原样拷贝下面命令的打印 `~/.ssh/id_rsa...
2019-02-28 22:44:50
1053
原创 解决verticle-align失效
有时候希望设置图片在div框中垂直居中（verticle-align:middle;），但发现没有产生效果。原因： vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。参考文档以下是解决方法：1.将div框设为display:table-cell；2.div框也加一个verticle-align:middle。...
2019-01-11 15:25:24
723
原创 node安装及环境变量配置
1.首先，从Node.js官网下载对应平台的安装程序。安装时一直next即可，安装路径可以改为自己希望保存的位置。在Windows上安装时务必选择全部组件，包括勾选Add to Path。2.接着，配置npm的全局模块的存放路径以及cache的路径，例如将以上两个文件夹放在nodejs的主目录下，就在nodejs下建立”node_global”及”node_cache”两个文件夹。启动...
2018-12-24 11:21:11
289
原创 兼容ie8
遇到的问题：1.不兼容html5标签，如header、footer等；2.不能识别first-child、last-child、nth-child；3.removeAttr()无法删除属性；4.swiper不能兼容；建议：1.在做项目前先确定是否要兼容ie8，否则后期改起来比较麻烦；2.尽量避免使用伪类；参考链接：1.解决IE8下CSS3选择器 ：nth-...
2018-11-22 15:53:16
200
原创 页面加载后缓慢下滑
<script>var currentpos, timer; function initialize() { timer = setInterval("scrollwindow()", 60); } function sc() { clearInterval(timer); } function scrollwindow() { ...
2018-11-11 15:45:49
355
原创 （手机）页面中div滑到顶部后固定
思路1.给滚动条添加监听事件，监听body.scroll；2.获取div距离页面顶部的距离offsetTop;3.判定当div的高度距离窗口顶部为0时设置其position为fixed.实现参考：原生监听滚动事件出现一个问题：document.body.scrollTop在谷歌浏览器上始终为0，改为document.documentElement.scrollTop就可以...
2018-11-08 22:25:38
767
原创 手机端建站经验
1.手机端单位不要用px,最好用rem。 因为Chrome设置了最小字号为12px，即使在html那设置了10px，但默认还是会按照12px来计算，所以实际会偏大。 参考：手机移动端 用 rem 作单位时要注意的问题2.要兼容各个手机端平台，包括ipad。 目前是使用amaze ui框架，但不太熟； 也可以用CSS3@media查询： 例如： @media ...
2018-11-08 22:08:28
216
原创 织梦笔记
利用织梦仿站建站的八大优势一.建站流程A.服务器新建端口1.复制一份网站模板文件夹，重命名为网站英文或者拼音；2.打开wamp软件，打开Apache--httpd.conf，拉到最后复制上面一个端口新增加一，文件夹改名；重启wamp；端口新建成功。B.安装1.删除模板文件夹install文件下lock.txt文件，将module-install.php.bak和index....
2018-11-06 10:09:52
377
原创 前端资源汇总
参考文献：前端学习资源技术博客CSDNhttps://blog.csdn.net/简书 https://www.jianshu.com/知乎 https://www.zhihu.com/思否 https://segmentfault.com/博客园https://www.cnblogs.com/掘金 https://juejin...
2018-11-05 21:00:40
344
原创 sublime text3笔记
快捷键1.字体放大ctrl + = 字体缩小ctrl + -2.Ctrl+/：注释当前行 Ctrl+Shift+/: 注释多行3.Ctrl+Z 撤销 Ctrl+Y 恢复撤销 Ctrl+Shift+K 删除整行4.Alt+Shift+1 窗口分屏，恢复默认1屏（非小键盘的数字） Alt+Shift+2 左右分屏-2列 Alt+Shift+3 左右分屏-3列 A...
2018-11-01 23:14:24
465
原创 PS学习心得
1.ps切图格式： 一般用jpg格式（高、品质72）；后面背景是透明的话采用png；切完图按ctrl+shift+alt+s保存；保存为web所用格式。2.使用PS压缩图片： 按ctrl+i+i,修改图片宽高（按照默认宽高比，大的优先），用框框选中整张图片后，按ctrl+p+i,进一步精确图宽 高， 最后保存为web所用格式。...
2018-11-01 23:11:38
3946
原创 鼠标经过图片淡入淡出
1.通过绝对定位的方法可以让图片覆盖在另一张图片上；2.一开始设为hidden，当鼠标经过时改为visibility；3.通过设置opacity和transition(ease-in-out)，产生淡入淡出的动画效果。<a> <div class="img"> <img src="1.jpg" alt=""> &l
2018-10-26 16:01:01
558
原创 Swiper学习经验
swiper用法详解1.基本调用swiper4.x——电脑端<link rel="stylesheet" href="{dede:global.cfg_templets_dir/}/css/swiper-4.3.5.min.css"> <script type="text/javascript" src="{dede:global.cfg_templets_d...
2018-10-25 23:27:55
667
原创 返回顶部（JQuery）
实现原理：当滚动条的垂直偏移大于一定值时，正方形缓慢出现（height由0变为50px），反之，当其小于一定值时，正方形缓慢消失；若点击正方形，则触发动画效果直到scrollTop为0，即到达页面顶部。HTML<a href="#header" id="backtop"></a>CSS#backtop{ z-index: 999; pos...
2018-10-25 20:52:59
224
原创 CSS/JQuery实现二级菜单栏下滑
CSS实现方法使用相对定位和绝对定位，先隐藏二级栏目，鼠标经过后设为可见，并结合css动画效果。li{list-style: none;text-align:center; }a{text-decoration: none;}li.item{ position: relative; width: 130px; background: r...
2018-10-16 22:24:00
485
原创 css画三角形
实现原理将div的高和宽设置为0，然后设置四个border不同的颜色。效果如下：div#triangle{ width: 0; height: 0; border-top: 50px solid blue; border-right: 50px solid red; border-bottom: 50px solid green; bord...
2018-10-14 17:24:49
1495
原创 自适应网站（不用任何框架实现）
在编程中遇到的问题：1.采用浮动的布局方式，由于将宽度写成固定值，导致有一个浮动块会下滑，应当写成百分比；2.字体也不能写固定值，要在body里设为100%（即默认的16px）,再结合em，设为他的倍数；参考文档：1.自适应网页设计2.自适应具体设置...
2018-08-31 09:49:27
6235
原创 2018.8.2前端实习生笔试及面试
1.谈谈对盒子模型的了解，content-box(W3C的盒子)和border-box（IE盒子）区别？（1）CSS中每一个元素都是一个盒模型，包括html和body标签元素。在盒模型中主要包括width、height、border、background、 padding和margin这些属性。（2）有两种盒模型：W3C盒模型(标准盒模型)和IE盒模型，默认是content...
2018-08-02 20:13:38
542
原创 第一次校招面试（HTML5开发实习生）
前言2018.5.22下午：参加了我的第一次面试，只是想去体验一下，并对自己近阶段学习进行一次检验。由于准备不充分并且有点紧张，面试不是很理想。以下是面试中被提问的主要内容——1.自我介绍 学历、专业、兴趣爱好、在学校的经历（当过什么班干部、在学生会的工作）、项目经历（和同学合作开发了一款手机APP）2.HTML和HTML5的区别 HTML和HTML5的区别3.JQuery的符号 ...
2018-05-31 12:49:43
1076
原创 彻底搞懂px、em、rem
PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...
2018-05-12 22:31:30
338
原创 块级元素、行内元素以及它们的转换
HTML可以将大多数元素分为行内元素、块级元素这两种，并且它们是可以互相转换的。1.行内元素 ■特点（1）宽高就是内容的高度，不可以改变；（2）对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间；（3）和其他元素都在同一行，不会自动进行换行；（4）内联元素只能容纳文本或者其他内联元素。 ■有哪些a - 锚点abbr - 缩写acronym - 首字b - ...
2018-05-11 18:20:57
1605
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人