- 博客(33)
- 收藏
- 关注
RSS订阅原创 解决方法：IE浏览器http请求,中文传参报400错误
做项目的时候,遇到一个小的问题.一个get请求列表数据的接口，在其它浏览器上是可以正常请求的.但是在ie浏览器上确出现奇怪的http请求400错误,其含义是你访问的页面域名不存在或者请求错误,自己的本地,肯定没问题.那就是请求错误了.几经尝试发现是参数带中文的会出现此种情况,没带中文的没有问题.如图（不带中文的参数返回的内容）：解决方法：将传递的参数进行编码，然后传递给后台，js编码encodeURI(中文参数),// 兼容IE浏览器传递中文，解码后可以正常请求this.columnSt.
2021-01-04 14:34:56
1461
原创 前端面试问题集合以及一些学习资料，不定时更新
CSS盒模型：https://blog.youkuaiyun.com/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
181
转载 前端知识总结
阅读前言转眼间9月的到来，十分感慨这时光的飞逝。9月对程序员有着十分重要的意义，想在这个优胜劣汰的代码世界活下去，金3银4，金9银10，都属于选择的机会。在这优势略汰且经济回陇的状态下，笔者身处央企都无法安稳，如今也要考虑工作的问题（有广州内推，欢迎联系），我们可以选择的只能是，逐步的打好自己的基础，才能在不安稳的社会形态下，逆行保持自己的安稳。笔者也该复习复习，在此汇总一下自己过去所学过的基础。本文的难度级别，个人定位为中级前端开发工程师。且自负的认为前端重要基础的均汇总，如...
2020-09-17 09:44:26
690
1
原创 如何打包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
1679
原创 vue 使用echarts心得记录
1、对于组件传值的问题需要用到监听事件，以防视图不更新的情况出现，直接上代码：watch: { // 观察option的变化 option: { handler(newVal, oldVal) { if (this.chart) { if (newVal) { this.chart.setOption(n...
2019-12-20 16:40:51
201
原创 ios拍照上传后图片旋转的问题
上传到oss的图片地址加上后缀?x-oss-process=image/resize,w_1200;// 网站中阿里云图片压缩参数这样添加可以解决微信拍照上传出现图片旋转的情况
2019-04-22 18:44:32
649
原创 改变CSS世界纵横规则的writing-mode属性-----可以让文章像古诗词一样的一列一列的展示
最近项目里面有个地方展示的信息要列状的，找了半天没找到解决方法，有大神告诉我这个属性，好了直接撸码div{ width: 32px; font-size: 32px; display:inline-block; writing-mode:tb-rl;}没错，就是这个：writing-mode:tb-rl;IE7+浏览器支持。内容从上往下(top-bo...
2019-03-22 11:20:41
293
原创 关于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
2928
原创 Vue中遇坑记录
1.对于运用插件 ‘ vue-awesome-swiper ’使用方法可以参照：https://segmentfault.com/a/1190000014609379这篇文章讲的比较仔细不过当使用时我给<swiper-slide>标签添加一个点击事件的时候发现不生效，之后翻找了一些解决方法只需要添加.native即可解决不生效的代码<swiper-slide ...
2019-02-21 15:22:10
366
原创 scss的学习资料
1.官方文档：https://www.sasscss.com/getting-started/看完官方文档简单说几句：较难理解的还是继承的一块变量是sass提供的最基本的工具。通过变量可以让独立的css值变得可重用，无论是在一条单独的规则范围内还是在整个样式表中。变量、混合器的命名甚至sass的文件名，可以互换通用_和-。同样基础的是sass的嵌套机制。嵌套允许css规则内嵌套css规...
2019-01-23 10:50:37
408
原创 VUE.js------起步
1.安装VUE# 最新稳定版$ npm install vue# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 这里需要进行一些配置，默认回车即可 2.进入项目，启动项目$ cd my-project$ npm inst...
2019-01-22 17:20:37
133
原创 前端开发常用的一些插件集合
1.截图插件：cropper具体使用方法可参照这篇技术博客：https://blog.youkuaiyun.com/weixin_38023551/article/details/787924002.移动端图片预览放大可滑动的插件：photoswipe参照地址：https://www.cnblogs.com/jiangxiaobo/p/5695831.html3.swiper轮播图插件参照...
2018-10-18 17:14:14
309
原创 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
13675
原创 关于videoJs遇到的坑（一个页面有多个视频需要加载）
涉及到课程的视频：有多节课选择废话不多说直接上代码： var videoPlayer = $("#my-video").get(0); if (typeof (videoPlayer) != "undefined") { var myPlayer = videojs('my-video'); myPlayer.dispose(); }先判断之前有没有...
2018-10-18 14:32:36
31844
8
原创 angularjs解决页面异步加载的问题
案列：由于项目中有地方一个API返回来了所有的信息，后面我需要根据这些信息进行筛选查询，就遇到了，前面的数据拿不到的 情况解决方案：消息广播的机制$scope.getColumnTree = function() { var path = "menu/getColumnTree.show"; var param = {}; ...
2018-10-18 10:08:12
2154
原创 npm安装插件报错 -4058 的解决方法
换一个npm安装源就好了，具体方法如下：1.通过config命令npm config set registry https://registry.npm.taobao.orgnpm info underscore （如果上面配置正确这个命令会有字符串response）2.命令行指定npm --registry https://registry.npm.taobao.org ...
2018-10-12 16:11:34
37730
8
原创 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
821
原创 angular中如何使用TweenMax动画插件
首先：npm install --save-dev gsapnpm install --save-dev @types/gsap在你的文件中引用import {TweenMax} from "gsap";在你的方法中：TweenMax.to(".menu-txt", 1.5, { right: "37px", delay:...
2018-07-18 15:58:47
512
原创 学习canvas的一些基础知识
<canvas id="myCanvas" width="200" height="100"></canvas>注意: 标签通常需要指定一个id属性 (脚本中经常引用), width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个 <canvas> 元素.使用 JavaScript 来绘制图像canvas 元素本身是没有绘图能力的。..
2018-07-04 15:04:03
260
原创 @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
4876
1
原创 vscode 快速生成html
在Hbuilder中新建一个htm自动会生成一个标准的html代码，那在vscode得一行一行写吗？太烦了吧，各种关键词搜，哎妈 终于找到了办法，现在这里记录下：第一步：在空文档中输入 !第二步：按下tab键。OK了，看看效果...
2018-06-28 11:43:23
6801
原创 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
2731
转载 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
459
原创 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
4244
2
原创 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
10414
原创 angular 学习碰到的一些坑
<form> <input type="text" class="txt" name="mygoal" placeholder="生活目标.." [(ngModel)]="mygoal"> <br/> {{mygoal}} <
2018-05-04 09:24:46
328
原创 实用的一些链接
1.关于angular的https://blog.youkuaiyun.com/guiyunfan94/article/details/70231249https://segmentfault.com/a/1190000009771946 //Angular cli 终极指南https://segmentfault.com/a/1190000009733649 //Angular比较全的教...
2018-04-18 16:15:48
213
转载 angular环境安装配置详解
文章目录：环境准备WebStorm安装与激活Node.js(含npm)安装Angular CLI安装使用npm命令创建Angular项目并运行在WebStorm中创建Angular项目并运行总结-------------------------------------------------------------------------------------------------------...
2018-04-18 15:52:59
661
转载 浏览器兼容问题的解决
也谈兼容性——通用hack方法/CSS兼容方案/js兼容方案全推送>>>通用hack方法篇<<<最近看到淘宝已经放弃IE8了，瞬间乐了，但是转瞬一想，自己还在苦逼的兼容着IE6，顿时心灰意冷，生无可恋啊！没有IE就没有伤害！在此衷心起到IE6/7/8早日被抛弃，还世界一片安宁！言归正传，这次是想把自己整理的一些浏览器兼容方案post上来，希望可以帮到一些和我一样...
2018-03-31 16:04:13
295
原创 浏览器的兼容问题
浏览器兼容与响应式布局主流浏览器有5种：IE、chrome、firefox、safari、opera.浏览器兼容浏览器私有前缀-moz- 火狐浏览器 -webkit- 360、苹果、猎豹、搜狗、QQ、 Chrome等浏览器 -o- Opera/欧朋浏览器 -ms- IE、百...
2018-03-31 15:59:53
350
原创 关于前端清楚浮动的一些方法
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。关于清除浮动的方式: 方式一:使用overflow属性来清除浮动.ovh{ overflow:hidden; }先找到浮动盒子的父元素，再在父元素中添加一个...
2018-03-24 13:56:19
501
转载 原生和jQuery的ajax用法
jQuery的ajax方法：$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', ...
2018-03-21 11:43:10
143
原创 GET与POST区别
1、原理不同 GET是从服务器上获取数据，POST是向服务器传送数据。 get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。 post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。2、数据量 ...
2018-03-21 11:26:38
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人