HTML - 随笔分类 - myYouth

vue 中使用 VueAwesomeSwiper.js 轮播

摘要：npm install vue-awesome-swiper //版本 4.1.1 //在main.js中切记要对应好版本，不然引入的路径可能不一样 import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/css/swipe 阅读全文

posted @ 2020-11-05 10:37 myYouth 阅读(649) 评论(0) 推荐(0)

widows 10 下解决在npm install python 环境报错的问题

摘要：1.使用管理员打开cmd 2.安装 node-gyp; gyp是一种根据c++源代码编译的工具，node-gyp就是为node编译c++扩展的时候使用的编译工具。 npm install -g node-gyp 3.python2.7 因为node-gyp需要依赖python2.7和微软的vc++构阅读全文

posted @ 2020-02-03 12:39 myYouth 阅读(4963) 评论(0) 推荐(0)

html+css 常用布局

摘要：1.中间固定宽度，两侧自适应 1.1 flex布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html,body,div{ height: 100%; } .le 阅读全文

posted @ 2019-10-10 11:27 myYouth 阅读(534) 评论(0) 推荐(0)

阿里云服务器新手安装nginx

摘要：1.域名购买之后备案。 2.购买服务器。 3.这两个条件具备之后进行下一步。本人使用Mac ，实践流程按照Mac本的流程操作。作为初学者，简配的服务器，实例类型： I/O优化，操作系统： CentOS 7.4 64位 nginx 1.10 ps:为了将本地文件传到服务器，下载filezill 阅读全文

posted @ 2018-10-10 10:54 myYouth 阅读(5602) 评论(3) 推荐(0)

基于canvas绘图缩放做标记

摘要：技术要点： 1.img 绘制到canvas 2.绘制完成以后进行拖拽，缩放 3.使用canvas画图，在绘制的img上进行标记划线，当然可以实现跟过功能，例如百度地图的功能，做单个标记，区域标记等。 4.实现坐标等转换，标记区域的所有坐标都是基于相对原始图片的坐标，便于其他操作。实际项目中的开发实阅读全文

posted @ 2018-06-14 16:29 myYouth 阅读(2098) 评论(8) 推荐(2)

js拖拽

摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>darg</title> <style type="text/css"> .login_title { cursor: move; position: absolu 阅读全文

posted @ 2017-03-23 15:59 myYouth 阅读(316) 评论(0) 推荐(0)

css正方形盒子自适应

摘要：//说明：一个不设置宽高的盒子，如何成为一个正方形：为啥padding-top:30%,width:30%就可以呢因为padding-left；padding-top:padding-right;padding-bottom:设置的百分比是按照父级元素的宽度定的，所有只要其中任何两个组合就，在再加阅读全文

posted @ 2017-03-22 09:59 myYouth 阅读(1645) 评论(0) 推荐(0)

原生js回到顶部

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .test{ background: #ff0000; width:100%; height: 5000px;; } . 阅读全文

posted @ 2017-03-14 18:33 myYouth 阅读(578) 评论(0) 推荐(0)

vue2.0.js基础开发使用心得（结合实际项目对数据的增删改查）

摘要：1.首先申明，没有使用vue 的组件，以及脚手架等，都是一些基础语法的使用。 2.自己的项目结合使用jquery,首先引入vue2.0.js和jquery vue2.0下载地址：https://cn.vuejs.org/v2/guide/installation.html >生产版本 3.建立vie 阅读全文

posted @ 2017-03-06 11:38 myYouth 阅读(1207) 评论(0) 推荐(0)

前端js模糊搜索（模糊查询）

摘要：1.html结构： <label for="searchShop" class="clear pos-a" style="top:17px;"> <input type="text" id="searchShop" placeholder="场所搜索"> <input type="button" v 阅读全文

posted @ 2017-02-16 11:13 myYouth 阅读(28034) 评论(5) 推荐(1)

jquery插件fileupload图片上传（前端如何处理）

摘要：1.页面首先引入jquery，版本不要低于1.6 2.其次页面引入对应的这个五个js,按顺序放置 3.html结构如下：上传头像：重新上传这个样式是这样的：4.css样式如下：如有些结构和样式不一致的，希望自己调整一下 /*上传图片*/.control-gr... 阅读全文

posted @ 2017-02-10 18:28 myYouth 阅读(7688) 评论(3) 推荐(0)

前端代码规范（转载 http://codeguide.bootcss.com/）

摘要：http://codeguide.bootcss.com/ HTML 语法 HTML5 doctype 语言属性（Language attribute）字符编码 IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔（boolean）型属性减少标签的数量 Java 阅读全文

posted @ 2017-02-10 17:50 myYouth 阅读(290) 评论(0) 推荐(0)

随笔分类 - HTML