随笔分类 -  前端开发从入门到放弃

使用http-server启动本地服务
摘要：经常用到的一个指令：开启http服务 简述：在本地启动一个简单易用的服务器 1.安装node.js 2.安装http-server 进行全局安装，-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用 3.开启服务 进入到需要启动服务的文件夹，输入http-server命令就可 阅读全文
posted @ 2019-11-07 18:06 RonyJay 阅读(4400) 评论(0) 推荐(0)
execCommand快速实现复制到剪贴板
摘要：因为execCommand只能复制类似于input，textarea等标签里面的内容 所以在获取到信息之后，创建了一个textarea并把内容放在了里面，复制完成后，再移除textarea 阅读全文
posted @ 2018-08-02 15:03 RonyJay 阅读(414) 评论(0) 推荐(0)
webpack自动打包onchange遇到的坑
摘要：在使用webpack打包的时候，我们不会在每次修改后都进行手动打包，这样会比较麻烦，所以有了一个自动打包的工具 监听指定的目录，在源文件有更改的时候，自动打包生成文件 安装 使用 项目实例 package.json文件 阅读全文
posted @ 2018-07-30 23:10 RonyJay 阅读(346) 评论(0) 推荐(0)
webpack安装&指定版本安装&遇到的问题
摘要：1.安装nodejs，安装完成，cmd命令行中输入node -v 查看版本号，版本号显示则说明安装成功2.npm包管理器是集成在node中的，输入 npm -v，显示npm版本号3.创建package.json文件，输入命令 npm init，工程目录下就会生成一个package.json文件（全局 阅读全文
posted @ 2018-07-27 15:27 RonyJay 阅读(5556) 评论(0) 推荐(0)
promise初体验
摘要：第一次接触promise，一点浅显的认知 这种写法的好处在于，先统一执行AJAX逻辑，不关心如何处理结果，然后，根据结果是成功还是失败，在将来的某个时候调用success函数或fail函数。 以上代码中，如果成功将执行resolve.call(undefined, request.responseT 阅读全文
posted @ 2018-06-17 18:49 RonyJay 阅读(120) 评论(0) 推荐(0)
使用原生JS发送AJAX请求（XML，JSON解析）
摘要：mybutton.addEventListener('click', (e) => { let request = new XMLHttpRequest() request.onreadystatechange = () => { if(request.readyState === 4) { console.log('请求完毕') ... 阅读全文
posted @ 2018-06-16 02:00 RonyJay 阅读(600) 评论(0) 推荐(0)
闭包，闭包用途，call、apply、bind 的用法
摘要：什么是闭包：“函数”和“函数内部能访问到的变量（也叫环境）”的总和，就是一个闭包。JavaScript有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量。但是，在函数外部无法读取函数内部声明的变量。换言之，如果一个函数，使用了它范围外的变量，那么‘这个函数+这个变量’就叫做闭包。 闭 阅读全文
posted @ 2018-05-26 13:00 RonyJay 阅读(213) 评论(0) 推荐(0)
实现一个jQuery API
摘要：先上代码 HTML代码如下 JS代码如下 终上，通过对DOM方法的封装。实现了一个简单的jQuery功能，可以通过选择器，选到元素。再通过添加的API，对元素进行操作。 优化Text函数 该函数，带参数情况下实现setText()的功能；不带参数的情况下，实现getText()的功能； 如果不带参数 阅读全文
posted @ 2018-05-19 21:00 RonyJay 阅读(154) 评论(0) 推荐(0)
一些DOM操作
摘要：查找节点 document.getElementById()可以直接定位唯一的一个DOM节点。 document.getElementsByTagName()和document.getElementsByClassName()总是返回一组DOM节点。要精确地选择DOM，可以先定位父节点，再从父节点开 阅读全文
posted @ 2018-05-09 11:54 RonyJay 阅读(158) 评论(0) 推荐(0)
tween.js的动画效果
摘要：第三方动画 tween.js 用来实现缓动效果 缓动函数查询地址：https://easings.net/zh-cn# cdn的引用：https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.3.5/Tween.min.js 参考链接：http://www 阅读全文
posted @ 2018-05-05 23:36 RonyJay 阅读(707) 评论(0) 推荐(0)
下载canvas到本地
摘要：点击id=“save”的按钮 画布的id=“canvas” 阅读全文
posted @ 2018-04-24 22:34 RonyJay 阅读(2526) 评论(0) 推荐(0)
CSS的宽度与高度
摘要：css实现单行文本的溢出显示省略号 css实现多行文本的溢出显示省略号 文字两端对齐 阅读全文
posted @ 2018-04-17 00:09 RonyJay 阅读(155) 评论(0) 推荐(0)
CSS实现水平，垂直居中
摘要：CSS的居中分为水平居中和垂直居中 水平居中又分为内联元素居中和块级元素居中，块级元素又分为定宽的块级元素居中和不定宽的块级元素居中 1.内联元素水平居中 利用 text-align: center 可以实现在块级元素内部的内联元素水平居中 2.固定宽度的块级元素 margin-left 和 mar 阅读全文
posted @ 2018-04-11 16:49 RonyJay 阅读(215) 评论(0) 推荐(0)
CSS实现左右布局，三栏布局
摘要：css的两栏布局是比较经典的布局之一，一般是左（右）边定宽，右（左）边自适应。 实现的方式也比较多，今天主要介绍3种。 1.浮动方法，使第一个div浮动起来脱离文档流，下面的div自动向上 2.绝对定位法 此方法的原理是将左侧的div设置为position:absolute，右侧默认宽度，并将mar 阅读全文
posted @ 2018-04-11 11:51 RonyJay 阅读(1571) 评论(0) 推荐(0)
常用的HTML标签
摘要：p&br&hr p表示自然段落，默认上下会有行间距 br是换行，自闭合标签 hr是横线 a标签 1.可添加超链接标签 2.有锚的作用，相当于页内定位 select标签 效果如图 在单选中，通过 disabled="true" 和 selected="selected"来控制是否可选和默认显示项 在多 阅读全文
posted @ 2018-04-03 12:00 RonyJay 阅读(204) 评论(0) 推荐(0)
HTTP协议简介
摘要：HTTP协议：超文本传输协议（HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。主要被用于在Web浏览器和网站服务器之间传递信息。 HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接 阅读全文
posted @ 2018-03-31 14:46 RonyJay 阅读(214) 评论(0) 推荐(0)
Window环境下搭建GitHub + hexo博客
摘要：博客的搭建思路 网图侵删 博客搭建的过程 1.安装node.js 2.安装Git 3.注册GitHub账号，并创建新的仓库 4.安装部署Hexo 这里有必要提下Hexo常用的几个命令： hexo generate (hexo g) 生成静态文件，会在当前目录下生成一个新的叫做public的文件夹 h 阅读全文
posted @ 2018-03-29 21:52 RonyJay 阅读(137) 评论(0) 推荐(0)
git学习笔记
摘要：git init 初始化一个仓库，执行完成后，Git仓库会生成一个.git目录，该目录包含了资源的所有数据。 你可以在任何时候，任何目录中这样做，完全是本地化操作 git add 该命令主要用于把我们要提交的文件的信息添加到索引库中。当我们使用git commit时，git将依据索引库中的内容来进行 阅读全文
posted @ 2018-03-27 13:25 RonyJay 阅读(113) 评论(0) 推荐(0)