前端学习笔记
山野灬寻雾灯
自己选择的路跪着也要走下去
展开
-
前端面试问题集合以及一些学习资料,不定时更新
CSS盒模型:https://blog.csdn.net/m0_37585915/article/details/78501760VUE原理解析:https://segmentfault.com/a/1190000016434836前端常见问题汇总:https://zhuanlan.zhihu.com/p/127186829es6语法:https://es6.ruanyifeng.com/#docs/intro前端性能优化:https://www.cnblogs.com/lanxia原创 2020-09-17 09:48:56 · 173 阅读 · 0 评论 -
如何打包Vue项目成桌面应用生成exe文件流程
1.先了解Inno Setup Compiler的用法参考网址:https://www.cnblogs.com/happyamyhope/p/7486039.html2.打包需要用到的是electron,具体的方法参考:https://segmentfault.com/a/1190000011971612这里就不做说明npm install electron --save-dev npm install electron-packager --save-dev //这个是打成exe文件的插件,之原创 2020-06-15 16:05:15 · 1648 阅读 · 0 评论 -
nginx对于上传文件大小的控制
location ~ \.(do|show|front)$ { proxy_pass http://192.168.0.96:8082; proxy_set_header x-forwarded-host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_heade...原创 2018-07-20 14:20:59 · 791 阅读 · 0 评论 -
angularjs解决页面异步加载的问题
案列:由于项目中有地方一个API返回来了所有的信息,后面我需要根据这些信息进行筛选查询,就遇到了,前面的数据拿不到的 情况解决方案:消息广播的机制$scope.getColumnTree = function() { var path = "menu/getColumnTree.show"; var param = {}; ...原创 2018-10-18 10:08:12 · 2124 阅读 · 0 评论 -
关于videoJs遇到的坑(一个页面有多个视频需要加载)
涉及到课程的视频:有多节课选择废话不多说直接上代码: var videoPlayer = $("#my-video").get(0); if (typeof (videoPlayer) != "undefined") { var myPlayer = videojs('my-video'); myPlayer.dispose(); }先判断之前有没有...原创 2018-10-18 14:32:36 · 31779 阅读 · 10 评论 -
js判断是否数字/字母/字母大小写/返回字母在字母表的位置的方法集合
// 判断字符串是否为数字function checkNum(num) { var reg = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 ,判断正整数用/^[1-9]+[0-9]*]*$/ return reg.test(num)}// 判断字符串是否为英文function checkEng(num) { var reg = /^[A-Za-z]+$/;...原创 2018-10-18 16:53:08 · 13602 阅读 · 0 评论 -
scss的学习资料
1.官方文档:https://www.sasscss.com/getting-started/看完官方文档简单说几句:较难理解的还是继承的一块变量是sass提供的最基本的工具。通过变量可以让独立的css值变得可重用,无论是在一条单独的规则范围内还是在整个样式表中。变量、混合器的命名甚至sass的文件名,可以互换通用_和-。同样基础的是sass的嵌套机制。嵌套允许css规则内嵌套css规...原创 2019-01-23 10:50:37 · 374 阅读 · 0 评论 -
关于IE浏览器隐藏滚动条的做法,css写法兼容个浏览器
废话不多说,直接上代码:页面是这样<div class="wrap"> <div class="content"></div></div>css.warp{ height:100%; width:1200px; overflow:hidden;}.content{ height:10...原创 2019-03-15 15:27:23 · 2895 阅读 · 0 评论 -
ios拍照上传后图片旋转的问题
上传到oss的图片地址加上后缀?x-oss-process=image/resize,w_1200;// 网站中阿里云图片压缩参数这样添加可以解决微信拍照上传出现图片旋转的情况原创 2019-04-22 18:44:32 · 618 阅读 · 0 评论 -
学习canvas的一些基础知识
<canvas id="myCanvas" width="200" height="100"></canvas>注意: 标签通常需要指定一个id属性 (脚本中经常引用), width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个 <canvas> 元素.使用 JavaScript 来绘制图像canvas 元素本身是没有绘图能力的。..原创 2018-07-04 15:04:03 · 244 阅读 · 0 评论 -
vscode 快速生成html
在Hbuilder中新建一个htm自动会生成一个标准的html代码,那在vscode得一行一行写吗?太烦了吧,各种关键词搜,哎妈 终于找到了办法,现在这里记录下:第一步:在空文档中输入 !第二步:按下tab键。OK了,看看效果...原创 2018-06-28 11:43:23 · 6775 阅读 · 1 评论 -
@font-face的兼容写法
例如:@font-face { font-family: 'JXiaoSU'; /*字体名称*/ src: url('../fonts/font.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/font.woff') format('woff'), url('../fonts/font...原创 2018-07-03 10:35:14 · 4861 阅读 · 1 评论 -
浏览器的兼容问题
浏览器兼容与响应式布局主流浏览器有5种:IE、chrome、firefox、safari、opera.浏览器兼容浏览器私有前缀-moz- 火狐浏览器 -webkit- 360、苹果、猎豹、搜狗、QQ、 Chrome等浏览器 -o- Opera/欧朋浏览器 -ms- IE、百...原创 2018-03-31 15:59:53 · 329 阅读 · 0 评论 -
浏览器兼容问题的解决
也谈兼容性——通用hack方法/CSS兼容方案/js兼容方案全推送>>>通用hack方法篇<<<最近看到淘宝已经放弃IE8了,瞬间乐了,但是转瞬一想,自己还在苦逼的兼容着IE6,顿时心灰意冷,生无可恋啊!没有IE就没有伤害!在此衷心起到IE6/7/8早日被抛弃,还世界一片安宁!言归正传,这次是想把自己整理的一些浏览器兼容方案post上来,希望可以帮到一些和我一样...转载 2018-03-31 16:04:13 · 288 阅读 · 0 评论 -
angular环境安装配置详解
文章目录:环境准备WebStorm安装与激活Node.js(含npm)安装Angular CLI安装使用npm命令创建Angular项目并运行在WebStorm中创建Angular项目并运行总结-------------------------------------------------------------------------------------------------------...转载 2018-04-18 15:52:59 · 637 阅读 · 0 评论 -
实用的一些链接
1.关于angular的https://blog.csdn.net/guiyunfan94/article/details/70231249https://segmentfault.com/a/1190000009771946 //Angular cli 终极指南https://segmentfault.com/a/1190000009733649 //Angular比较全的教...原创 2018-04-18 16:15:48 · 187 阅读 · 0 评论 -
css中如何选择奇数行与偶数行
<style> #Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行 #Ulist li:nth-of-type(even){margin-left: 10px;}偶数行 <style> <ul id="Ulist"> <li>1</li> <li&am原创 2018-05-17 10:00:26 · 10376 阅读 · 0 评论 -
swiper插件在angular5中的使用
3.关于angular5中swiper插件的使用npm linknpm link ngx-swiper-wrapper 安装npm install ngx-swiper-wrapper --save在主模块中引入(例如主模块是app.module.ts)那么就在app.module.ts这个文件中:import { SwiperModule } from 'ngx-...原创 2018-05-18 17:27:23 · 4207 阅读 · 4 评论 -
jQuery $.each()常见的几种使用方法
<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale转载 2018-06-26 15:12:37 · 441 阅读 · 0 评论 -
js将json格式的对象拼接成复杂的url参数
var parseParam = function(param, key){ var paramStr=""; if(param instanceof String||param instanceof Number||param instanceof Boolean){ paramStr += "&" + key + "=" + encodeURIComp...原创 2018-06-26 15:20:31 · 2710 阅读 · 0 评论 -
关于前端清楚浮动的一些方法
浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0, 下面的元素会自动补位,所以这个时候要进行浮动的清除。关于清除浮动的方式: 方式一:使用overflow属性来清除浮动.ovh{ overflow:hidden; }先找到浮动盒子的父元素,再在父元素中添加一个...原创 2018-03-24 13:56:19 · 481 阅读 · 0 评论