随笔分类 -  前端

前端
vue的使用日记
摘要：第一步 安装cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 第二步 1.第一步：安装vue-cli cnpm install vue-cli -g //全局安装 vue-cli 查看vue-cli是否成功，不能检查 阅读全文
posted @ 2021-11-06 12:37 hcfinal 阅读(74) 评论(0) 推荐(0)
mui底部导航栏切换分页
摘要：使用Hbuilder的mui框架开发移动端非常便利、高效； 底部导航栏切换功能也是移动APP开发中必须实现的； 引入mui文件、下面会用到jquery，同时引进 <link href="css/mui.min.css" rel="stylesheet"/> <script type="text/ja 阅读全文
posted @ 2020-05-22 15:13 hcfinal 阅读(527) 评论(0) 推荐(0)
@vue/cli3快速上手vue
摘要：Vue_CLI :脚手架工具，借助WebPack用于快速构建标准vue项目。 其作用是用配置好的模板迅速搭建起一个项目工程，省去自己手动配置webpack配置文件的内容，快速上手工程级别的项目开发，降低入门门槛。 前期准备 vue cli 升级到3后，package的名字从 vue-cli 改为了 阅读全文
posted @ 2019-08-26 09:49 hcfinal 阅读(446) 评论(0) 推荐(0)
原生js实现移动端点击、长按、左滑、右滑、上滑、下滑等事件模拟
摘要：以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发，这个好像比较少用 每个触摸事件被触发后，会生成一个event对象， 阅读全文
posted @ 2019-07-29 09:01 hcfinal 阅读(9092) 评论(0) 推荐(0)
UEditor代码实现高亮显示
摘要：在公司开发一个论坛系统，由于用的是UEditor（百度编辑器），单独使用的话，里面的代码不会高亮，网上找了很多，最后决定使用 highlight.js 实现代码高亮显示。效果如下： 这个是我修改其他的东西之后的样子，具体实现如下： 首先到官网去下载highlight.js这个插件：https://h 阅读全文
posted @ 2019-04-09 14:57 hcfinal 阅读(1151) 评论(0) 推荐(0)
JavaScript6里出现了哪些新语法、新特征？
摘要：ES5是2009年就出来的，目前来说在我写这篇文章的时候基本上ES6在浏览器上面还没有普及，不过Google浏览器是支持ES6语法的，谁让Google是美国生产的呢。。。 ES6现在使用的地方其实还是很多的，前端脚手架工具基本上都是支持ES6语法的，他们内部都有一套解析ES6的引擎。如vue、ang 阅读全文
posted @ 2018-11-14 17:47 hcfinal 阅读(463) 评论(0) 推荐(0)
关于Vue实例的生命周期created和mounted的区别
摘要：生命周期先上图 流程图更直观 什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可 阅读全文
posted @ 2018-11-06 11:06 hcfinal 阅读(184) 评论(0) 推荐(0)
关于Vue的Render的讲解
摘要：首先我们传统的对于DOM的操作基本上都是通过js直接的获取一个节点，然后对DOM进行增加或者是删除。而Vue的Render这个函数是通过js虚拟的添加dom节点，然后虚拟的添加到html节点上去。 算了感念的东西不知道是怎么回事，大概意思就是 用Render函数的话比正常我们通过传统方式要节省时间和 阅读全文
posted @ 2018-11-05 18:14 hcfinal 阅读(1478) 评论(0) 推荐(0)
npm 如何提升最新版本
摘要：首先我们查看一下npm当前版本，打开cmd 运行命令： 如果不是最新版本，运行一下代码即可。 这样npm就更新到最新版本了。 如果想更新到指定版本，运行指令 （@后跟版本号）这样我们就可以更新npm版本了。 还有一点需要注意的，因为国内的网络环境原因，在下载npm包的时候经常会遇到无法正常下载的情况 阅读全文
posted @ 2018-08-30 12:03 hcfinal 阅读(1084) 评论(0) 推荐(0)
node、npm安装教程
摘要：描述： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的使用包管理器 npm来管理所有模块的安装、配置、删除等操作，使用起来非常方便，但是想要配置好npm的使用环 阅读全文
posted @ 2018-08-15 11:35 hcfinal 阅读(2167) 评论(0) 推荐(1)
移动端响应式样式判断与响应式样式
摘要：移动端的响应式(在页面中加入这段js可以让在pc上显示的样式用手机访问的话css样式自动适应) 第一种方法： (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in wind 阅读全文
posted @ 2018-06-13 14:26 hcfinal 阅读(469) 评论(0) 推荐(0)
错误页面5秒后自动跳转
摘要：这篇文章仅对一些初级前端适用，大牛请绕道 需求分析 1、这是一篇关于页面跳转方面的代码，自己写的。转载请附上本文地址。 2、很多时候我们做网站的都是要设置一下错误页面的，所以，404页面对于站长来说很重要，同时有时候我们也会想，只有一个错误的页面怎么好，当用户访问我们错误页面的时候如何让它过一段时间 阅读全文
posted @ 2018-06-08 10:36 hcfinal 阅读(4086) 评论(0) 推荐(0)
关于网站打开慢的问题
摘要：首先我们在遇到网站的打开速度较慢时。 1、查看页面代码是否有冗余，div嵌套是否太多，head里面是否有js，页面中是否有行内样式和页面中鞋油style标签样式。（主要页面代码是否合理） 2、查看引入的js、css、图片等这些外部资源是否文件过大，同时删除多余的css样式和js，保证js文件运行正常 阅读全文
posted @ 2018-01-25 11:04 hcfinal 阅读(191) 评论(0) 推荐(0)
vue.js实践应用
摘要：对于vue.js，不想多比比，直接搞上源码+图片 图片示意 直接复制代码保存为以.html或是.htm结尾的文件测试下即可，简单粗暴，好用 不过在此我要说出一个问题，就是vue.js低版本的在v-for 这个标签中可以使用$index这个内置变量。意义为索引，但是在高版本中就取消了，替换的内容不知道 阅读全文
posted @ 2018-01-02 14:13 hcfinal 阅读(1021) 评论(0) 推荐(0)
git的使用
摘要：window 上面安装玩git之后，我们要给这个git添加一个唯一的镖旗，就是创建git的用户名和eamil地址。命令如下：（全局配置） git config --global user.name "hcfinale" git config --global user email "31271769 阅读全文
posted @ 2017-12-28 14:13 hcfinal 阅读(123) 评论(0) 推荐(0)