前端
mo-2016
滴水石穿 坚持就是胜利
展开
-
css制作空心三角形
效果图如下:html:<div id="talk"> 空心三角形 </div>css:#talk{ margin-top: 50px; margin-bottom: 50px; width: 120px; height: 80px; position: relative; border-...原创 2019-10-23 15:12:46 · 230 阅读 · 1 评论 -
Vue基本循环css操作
显示图如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue测试</title> <style> .title{ width: 1000p...原创 2019-09-18 16:05:44 · 452 阅读 · 0 评论 -
Nuxt使用脚手架初始化项目报错: ReferenceError HTMLElement is not defined 的解决方法
nuxt创建项目选择Element UI框架启动报错:解决方法:降级element-ui到@2.7.2 版本卸载element-ui:npm uninstall element-ui安装2.7.2版本的element-uinpm install [email protected] -S修改nuxt.config.js文件配置plugins: [ // '@/plugins/...转载 2019-05-15 17:33:11 · 2321 阅读 · 0 评论 -
Koa-generator创建服务器工程
前提(安装好git或者在命令行打开所在工程文件夹)1.打开指定文件夹git窗口2.安装koa脚手架3.创建项目(-e 表示模板引用引擎egs)4.进入项目安装npm和包的安装5.已经创建好项目6.运行项目...翻译 2019-05-07 10:34:01 · 187 阅读 · 0 评论 -
配置vue框架环境(nvm+node.js+npm)
①下载nvm(node.js的版本管理)github上下载最新版本https://github.com/coreybutler/nvm-windows/releases直接下载安装运行(安装之前卸载原先安装的node.js和npm)。②打开命令行窗口(win+R cmd)进行查看是否已经安装好nvm③查看安装node.js的可下载版本④下载node.js版本(nvm insta...原创 2019-05-02 20:23:46 · 458 阅读 · 0 评论 -
HTTP Status code(状态码)和 Status text(状态文本)
常见的状态码有一下几种。1xx:临时回应,表示客户端请继续。2xx:请求成功。200:请求成功。3xx:表示请求的目标有变化,希望客户端进一步处理。301&302:永久性与临时性跳转。304:跟客户端缓存没有更新。4xx:客户端请求错误。403:无权限。404:表示请求的页面不存在。5xx:服务器请求错误。500:服务器错误。503:服务器暂时性错误,可以一会再试...翻译 2019-04-12 16:25:39 · 2280 阅读 · 0 评论 -
通过拖放实现添加删除
实现的效果如下:代码如下:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title>通过拖放实现添加删除</title> <style type="text...翻译 2019-03-29 15:21:18 · 395 阅读 · 0 评论 -
css控制管道符
效果图如下:body代码如下: <div class="div-a"> <a href="#">关于网站</a> <a href="#">下载地址</a> </div>css代码如下: .div-a{ width: 200px; ...原创 2019-03-18 23:42:46 · 362 阅读 · 0 评论 -
div嵌套的div水平垂直居中
效果图如下:body代码: <div class="div-one"> <div class="div-two"></div> </div>css代码: .div-one{ width: 300px; height: 300px; positi...原创 2019-03-18 23:33:58 · 5493 阅读 · 0 评论 -
http://localhost:63342/健身房前端项目开发/Fitness_room/css/bootstrap.min.css.map?_ijt=9ldd0n7td4j0b0neg8f55qn
遇到问题如下:使用Webstorm开发是遇到错误的解决方法:Setting–>Build,Execution,Deployment–>Debugger–>勾选Allow unsigned requests即可解决问题。原创 2019-03-22 08:41:52 · 829 阅读 · 0 评论 -
js批量删除功能
界面如下:勾选复选框会自动记录id,设置value=“id”即可下面是全选操作(js):其中开头的复选框的id为:delete_checkbox下面记录条的复选框的name为:delete_checkbox if($("input[id='delete_checkbox']").is(':checked')==true){ $('input[name="del...原创 2019-03-21 18:19:08 · 1316 阅读 · 0 评论 -
padding与图形绘制
效果图如下html代码如下:<!DOCTYPE html><html><head> <title>padding与图形绘制</title> <style type="text/css"> .icon-menu{ display: inline-block; width: 140px; h翻译 2019-03-18 09:28:45 · 270 阅读 · 0 评论 -
前端界面导航栏的下拉列表使用js操作显示
先来看成果图html代码:<nav> <ul class="nav"> <li class="dropDowm"> <a href="javascript:;" class="dropdown-toggle">原创 2018-12-12 12:30:30 · 1025 阅读 · 2 评论 -
js控制分页效果,下拉列表实时更新分页数量效果
先来看效果图小编采用的是json数据动态加载数据的,json格式的数据如下:{ "values":[ { "name":"111", "city":"111", "postcode":"111&quo原创 2018-12-13 00:13:20 · 1161 阅读 · 1 评论