- 博客(17)
- 收藏
- 关注
原创 轮播图实现方法一——层叠轮播图
轮播图的实现方法有很多种,在此主要介绍一种层叠轮播图的实现方式主要原理:将所有轮播图照片放在同一层,相互覆盖,通过JS控制当前那一张活跃在最顶端,实现图片轮播。具体实现如下:HTML部分<!--轮播图可视区--><div class="warp" id="main"> <!--轮播图列表--> <ul class="list"> <li class="list-item active">0&
2020-06-22 11:34:34 5071 1
原创 在Vue中引入fullcalendar制作课程表
最近在做项目中用到了FullCalendar来实现课程表功能,在此记录一下该库简单用法以下为效果图想看项目具体实现可前往我的github安装FullCalendar的功能被分解为“插件”。如果您需要它提供的功能,您只需要包含一个插件官方文档也就是说你需要任何扩展FullCalendar的功能的插件都得单独下载并引入,以下下载FullCalendar的核心包及vue版本和月日期视图npm install --save @fullcalendar/vue @fullcalendar/cor
2020-06-12 20:11:30 3268 1
原创 Mock的基本使用
Mock.js是一款模拟数据生成器,旨在帮助前端攻城狮独立于后端进行开发,帮助编写单元测试。提供以下模拟功能:根据数据模板生成模拟数据模拟Ajax请求,生成并返回模拟数据基于HTML模板生成模拟数据总之,使用Mock.js可以前后端进行并行开发,提高效率,是前端工程师必掌握的一个工具以下介绍使用步骤:首先下载相关依赖包npm install -S axios//因为模拟网络请求,最好也将axios库安装npm install -D mockjs在项目目录下创建mock.js文.
2020-06-06 22:49:54 431
原创 vue-cli3构建的项目中配置别名
最近在使用vue-cli3构建一套有关Vue的前端解决化方案时,对于引入组件或相关路径的操作必须找出它的相关路径很是不方便,想在webpack配置文件中为项目配置别名。查询文档发现vue-cli3隐藏了webpack.config.js文件,要想对webpack进行配置需要在项目下创建vue.config.js文件,之后在其中进行配置。具体文档配置别名之后,文件引入方便,不用再关心文件层级关系,之后就算将组件移到别的文件也不用改变路径具体步骤:在项目下创建vue.config.js文件写入下面配置
2020-06-05 17:23:14 913
原创 移动端适配解决方案
移动端适配由于移动端的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC端要做一些基层的适配方案(消除横向滚动条)两种像素像素是计算机屏幕中显示特定颜色的最小区域,当设备尺寸相同时,像素越密集,画面就越精细那么,当我们在CSS中为一个元素设置属性width:250px时,这个像素的宽度究竟是多少像素呢?物理像素(设备像素)指的是设备屏幕的物理像素,任何设备的物理像素都是固定的CSS像素是CSS和JS中使用的一个抽象概念。它和物理像素之间的比
2020-06-03 22:33:59 376
原创 js判断当前日所在月份有多少天
判断当前日期所在月份有多少天分析:先使用getMonth()得到改日所在月份;根据获得的月份加一得到下一个月;使用setDate()指定一个日期对象的天数,指定0时,那么日期就会被设置为上个月的最后一天此时已经得到改日所在月份的最后一天,使用getDate()返回一个指定日期对象为一个月中哪一天以下为代码//date为传入日期getDuration (date) { // how many days of this month let dt = new Date
2020-05-25 20:55:35 2506
原创 js格式化日期处理
格式化日期/** 格式化日期 参数:format格式化字符串 date(可选):要格式化的时间,默认为当前时间**/function dateFormat(format,date){ if(typeof date === 'string'){ date = new Date(date) }else{ date = new Date() } date = new Date(date); var map = { .
2020-05-25 20:42:33 142
原创 React中创建组件的两种方式
组件的创建创建组件的第一种方式用构造函数的方式创建组件,之后再将构造函数名以html形式引入组件必须有返回值,若无返回值,则返回null首字母必须大写,因为react是以大小写区别组件和普通html标签,若是遇到大写标签,则当作组件//定义组件function Hello(props) { return 123}//渲染ReactDOM.render(<div...
2019-11-25 10:42:37 186
原创 用webpack4搭建react环境
创建基本的webpack4.x项目运行npm init -y快速初始化项目在项目根目录创建src和dist目录在src下创建index.html、index.js入口文件安装webpack npm install webpack webpack-cli -D webpack-cli是命令行工具(4.x之后webpack命令由webpack-cli进行提供)创建webpack.conf...
2019-11-20 10:40:31 85
原创 vue实战一些小项目
在学完vue后,自己找了两个小项目练手github分享地址:https://github.com/wxx1/vue(觉得不错麻烦给个star)第一个项目是关于知乎日报的每日推荐第二个项目是一个有关电商网站的...
2019-11-19 10:31:02 255
原创 用openlayers3绘图(点、线、圆、正方形....)
用openlayers3绘图(点、线、圆、正方形…)HTML部分 <div id="map"> <select id="type"> <option value="None">无</option> <option value="Point">点</...
2019-08-20 16:27:26 2826 3
原创 gyp ERR! stack Error: EACCES: permission denied,解决
标题在使用nom install 安装包时出现如下错误:gyp ERR! configure errorgyp ERR! stack Error: EACCES: permission denied, mkdir ‘/Users/wx/sites/webpackTest/node_modules/fsevents/build’node-pre-gyp ERR! command “/usr/...
2019-08-08 17:00:39 2488
原创 怎么在package.json中添加注释
怎么在package.json中添加注释package.json就是一个json文件,json本身只是一种数据格式,而不是程序语言,一般程序语言都会支持注释,但作为数据格式,它本身并不支持注释,所以只能通过其他方式绕过了。若要添加只能通过 key : value 形式添加...
2019-08-04 17:54:58 8009 1
原创 nrm安装与使用
nrm安装与使用在了解nrm是什么之前,首先要来认识一下什么npm:什么是npmnpm其实就是Node.js的包管理工具,那我们为什么要使用这个包管理工具呢?因为在我们进行Node.js开发时,经常会看到别人写的好的javascript代码,当我们想导入这些代码包在我们的项目中时,我们就要根据这些包的名称去搜索,然后去官网上下载,解压,再到我们的项目中使用,这样无疑是十分繁琐的。这时npm的...
2019-08-04 10:02:53 347
原创 javascript中this的简单认识
javascript中this的简单认识this关键字是JavaScript中最复杂的机制之一,但是this的使用可以根据不同的上下文对象去复用函数,不用为每一个对象编写不同版本的函数。对this的误解在了解this机制之前,先要消除一些对this的误解指向自身人们很容易根据this的英语理解,将this推断为指向函数自身,但其实并不是,在学习this之前最好把this理解为一个关键...
2019-08-03 17:57:31 79
原创 用vscode创建自定义模板
用vscode创建自定义模板在vscode中快速创建自定义的模板,可提高代码编写的效率,减少一些繁杂的输入,在此以创建vue 模板为例,介绍在vscode中创建自定义模板。该vue模板是在html页面中设计的首先,在vscode中找到设置->用户代码自定义输入html,选择html.json点击进入编辑接下来就是编写我们的模板prefix 为前缀属性,就是当我们在自...
2019-07-29 14:43:14 5943 1
原创 关于sqlite及其可视化工具SQLiteStudio
关于sqlite及其可视化工具SQLiteStudiosqlite安装SQLite是一个轻量级数据库,它 的一个重要的特性是零配置的,这意味着不需要复杂的安装或管理下载地址:https://www.sqlite.org/download.html1.在windows环境下需要下载 sqlite-tools-win32-.zip 和 sqlite-dll-win32-.zip 压缩文件。...
2019-01-21 12:04:47 3230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人