![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
zhangliang_852469
记录平时学习的内容
展开
-
vue.config.js 基本内容
module.exports = { // 基本路径 publicPath: '/', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: false, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtime-原创 2022-05-10 14:55:28 · 205 阅读 · 0 评论 -
vue设置响应式布局插件安装 lib-flexible
下载响应式插件 lib-flexible npm i lib-flexible -D引用插件 在 src/main.jsimport 'lib-flexible/flexible.js'默认分辨率需要调整(默认项目配置可能不合适自己的项目, 比如大屏项目,小屏幕手机项目等,根据实际需要修改一下,也可以不修改)打开node_modules/lib-flexible/flexible.js找到计算默认分辨率大小的计算位置:大概在71行这里复制 71 - 74行并注释掉目的是设置成.原创 2022-05-10 14:54:02 · 2110 阅读 · 0 评论 -
vue-清除默认
使用vue-lic 3 以上1.在public文件夹创建reset.css/* @import "./iconfont.css"; */ /* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0;}/* 设置转载 2022-05-10 14:49:44 · 1132 阅读 · 0 评论 -
VUE学习
写在前面:node ===> npm ===>node package managerwebpack:打包机babel: 能将es6的代码转换成为浏览器识别的代码1.VUE 插值<div id="app"> <!--Vue中有它自己特殊的语法 插值{{}} ===》 react{} angular{{}}--> <h3>{{msg}}</h3></div><script type="text/j原创 2020-08-25 09:30:43 · 95 阅读 · 0 评论 -
es6学习
一、常用方法:1.模板字符串// es6 1.模板字符串,拼接字符串使用 ${变量名}var name = '小明', age = '83';var str = `${name}今年${age}, 下午我们去吃鸡`console.log(str)2.箭头函数// 2.箭头函数// es5写法: function 函数名() {}// es6写法:var 函数名 =() =>{}var func = (a,b) => { return a+b}alert(func原创 2020-08-14 11:41:04 · 96 阅读 · 0 评论 -
JSONP——跨域请求(python)
一般来说,浏览器请求数据是遵循的同源请求策略,即前后端请求需要在同一个ip和端口才能允许获取数据,为了解决这个问题,利用前端的SCRIPT标签属性来解决。方式一:<srcript>$(".send_ajax").click(function(){ //封装一个kuayu_request方法,可以用来复用跨域函数 kuayu_request("https://www.baidu.com/send_ajax")});// 跨域函数function kuayu_request(url原创 2020-06-22 14:21:00 · 298 阅读 · 0 评论 -
ajax提交注册数据
<script> // 刷新验证码 $("#valid_img").click(function () { $(this)[0].src+="?" }); // 头像预览 $("#avatar_file").change(function () { // 获取上传文件对象 var file=$(this)[0].files[0]; // 读取文件URL var原创 2020-08-25 09:23:43 · 101 阅读 · 0 评论 -
AJAX-----提交数据,不刷新页面。
使用jquery方法:$.ajax({ url:"/model_add_class/", //需要将内容提交到的地址(接口) type:"get", //提交方式 data:{"className":className}, //数据内容 dataType:'json', //提交格式 success:function(data){ console.log(data); // dat...原创 2020-04-24 10:05:22 · 918 阅读 · 0 评论 -
动画
一、基本效果1.show([speed,[easing],[fn]])显示隐藏的匹配元素。这个就是 ‘show( speed, [callback] )’ 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。2.hide([speed,[easing],[fn]]) 隐...原创 2020-08-25 09:28:08 · 124 阅读 · 0 评论 -
jQuery事件
常用事件:一、焦点1. 当元素获得焦点时,触发 focus 事件。可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数,注意,某些对象不支持focus方法2. focusin 当元素获得焦点时,触发 focusin 事件。focusin事件跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。3.当元素失去焦点时触发 focusout 事件。fo...原创 2020-08-25 09:26:53 · 93 阅读 · 0 评论 -
前端开发语言学习-笔记9-布局
一、圣杯布局(双飞翼布局)解释:左右宽度固定,中间宽度自适应伸缩;并且中间先加载。二、等高布局一侧的小内容的高度跟着多内容的高度走。...原创 2019-09-26 15:27:51 · 86 阅读 · 0 评论 -
前端开发语言学习-笔记8-css兼容性问题
一、常见问题1、在IE6下内容会撑开设置好的宽高。计算一定要精确,不要让内容的宽高超出设置的宽高。2、在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素都加浮动3、在IE6/7下元素要通过浮动并在同一行,就给这行元素都加浮动4、遵守标签嵌套规范5、IE6下最小高度问题在IE6下元素的高度小于19px的时候,会被当做19px处理;解决方法: overflow:hidden 超...原创 2019-09-25 18:03:55 · 76 阅读 · 0 评论 -
前端开发语言学习-笔记1
一 、前端语言:html 超文本标记语言; (结构)css 层叠样式表; (样式)js JavaScript; (行为)二 、页面结构:<html><head> <title> 头部标签 </title></head><body> 页面内容</body></h...原创 2019-09-17 15:00:04 · 169 阅读 · 0 评论 -
前端开发语言学习-笔记2-常见标签和浅析SEO
常见标签和浅析SEO1、img 标签<img src="miaowei.jpg" alt="美女">2、a标签<a href="#" ></a>功能一、跳转地址<a href="www.baidu.com" target="_blank">sss</a>target 定义页面中所有的链接为新窗口打开<head...原创 2019-09-17 17:43:01 · 249 阅读 · 0 评论 -
前端开发语言学习-笔记3-标签基本特性和转换
一、在不同的浏览器中,部分标签会自带部分属性,会影响代码效果。(css react)1、默认样式重置*{margin:0; font-size:12px; font-family:XX; padding:0; text-decoration:none; } 性能浪费2、标签样式重置p{margin:0; padding:0;}二、块级元素和行级元素。块级元素:1、独占一行显示。2、...原创 2019-09-19 09:35:32 · 114 阅读 · 0 评论 -
前端开发语言学习-笔记4-css浮动
一、浮动:float:left / right / none 1、使块元素在一行显示 2、使行级元素支持宽高 3、不设置宽度的时候由内容撑开 4、破坏文档流 5、提升层级半层<!DOCTYPE html><html><head> <title>document</title> <meta charset...原创 2019-09-19 11:44:45 · 102 阅读 · 0 评论 -
前端开发语言学习-笔记5-定位
一、相对定位position: relative; 相对定位a、不影响元素本身的特性;b、不使元素脱离文档流;c、如果没有定位偏移量,对元素本身没有任何影响;定位元素位置控制top、right、bottom、left 定位元素偏移量<!DOCTYPE html><html><head> <title>document</ti...原创 2019-09-20 15:21:03 · 98 阅读 · 0 评论 -
前端开发语言学习-笔记6-表格标签
一、表格表格分为:表格标签、表格头部、表格主体、表格尾部table标签的基本特性:table;(display:table;);单元格默认平分table的宽度;th里面的内容默认加粗,左右上下居中显示;td里面的内容默认上下居中,左右局左显示;table决定了整个表格的宽度;table里面的单元格宽度会被转换成百分比;表格里面的每一列必须有宽度;表格同一竖列继承最大宽大;表格中...原创 2019-09-23 09:07:22 · 92 阅读 · 0 评论 -
前端开发语言学习-笔记7-表单
一、form表单1、表单中所有的元素: <form action="http://www.miaowei.com" method="get" target="_blank"> 提交按钮:<input type="submit" name="" value="提交" /> <br /> 文本:<input type="text" name="...原创 2019-09-23 16:09:15 · 103 阅读 · 0 评论 -
前端学习路线
转载地址:https://blog.csdn.net/qq_40128367/article/details/84997978转载 2019-07-18 11:35:38 · 60 阅读 · 0 评论