- 博客(84)
- 收藏
- 关注
转载 可能是最好的跨域解决方案了
前端开发2021-11-30 09:25来自:Why GitHub?链接:https://github.com/campcc/blog/issues/15今天我们来聊一个老生常谈的话题,跨域!又是跨域,烦不烦 ?网上跨域的文章那么多,跨的我眼睛都疲劳了,不看了不看了 ???? 别走...我尽量用最简单的方式将常见的几种跨域解决方案给大家阐释清楚,相信认真看完本文,以后不管是作为受试者还是面试官,对于这块的知识都能够游刃有余。什么是“跨源”**不是讲跨域吗 ?怎么又来个“跨源” ?字都
2021-12-01 15:36:47
188
转载 Resource interpreted as Stylesheet but transferred with MIME type text/html: css失效
下面是网上介绍的方法,我是清除缓存就好了异常信息:Resource interpreted as Stylesheet but transferred with MIME type text/html:可能原因过滤器或者某个地方对所有的资源请求全部转为了text/html检查方式利用浏览器查看请求头和响应头主要检查请求头和响应头的content type样式表应是text/css,并且向服务器发送请求和之后服务器对客户端的响应都应该是text/css;我个人在项目中遇到...
2021-08-09 10:56:07
183
转载 Git 在同一台机器上配置多个Git帐号
实践环境win10Git-2.21.0-64-bit.exeTortoiseGit-2.8.0.0-64bit.msi代码托管 Gitee.com1. 打开Git Bash进入到Git repository所在目录,右键->Git Bash Here2. 查看配置[可选]git config --list3. 移除全局配置# 移除全局配置账户git config --global --unset user....
2020-12-12 21:01:50
400
转载 git解决Enter passphrase for key ‘/root/.ssh/id_rsa’: 重复输入密码问题
1.第一步输入ssh-keygen -p这里只是删除密码 ssh的pub不会改变。屏幕快照 2019-12-20 下午4.11.05.pngEnter file in which the key is (/Users/haoyangruanjian/.ssh/id_rsa):直接点回车,Enter new passphrase (empty for no passphrase):也是直接回车不设置密码...
2020-06-11 14:18:58
3782
转载 12个前端必会 H5 问题及解决方法
下面列举了我遇到的一些常规问题,如有遇到其他问题请在评论区补充,之后我也会实践后加以补充,感谢!(经常更新该文)移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来、收起未回落问题 ...
2020-04-07 09:54:31
437
原创 checkbox v-model = true 但没选中
最近做了一个穿梭框的功能,左边的数据可以添加到右面,右面的数据可以添加到左面出现点击左面的数据单个添加到右面的时候,选中的元素的下一下checkbox的选中效果受选中元素的影响,即使已经移到右面(当然v-model对应值已经动态改变)1.(1)通过添加checkbox change事件 (2).e.target.checked = true(右面相反设置为false)...
2020-03-17 11:18:57
1166
原创 jekins 前端更换node_modules插件
jekins安装完node_modules插件包后,后续更改package文件夹的时候(需重新安装)1.第一种解决方案就是点击wipe out然后 build一下就好(如果不行看一下build文件夹是不是完整 (别缺少cnpm i -v))2、第二种解决方案找到你服务器的代码路径执行 rm rf ./node_modules 命令(这部是删除node_modules文件-...
2020-03-11 14:35:11
1530
转载 其实我们可以少写点if else和switch
作为搬砖在第一线的底层工人,业务场景从来是没有做不到只有想不到的复杂。不过他强任他强,if-else全搞定,搬就完了。但是随着业务迭代或者项目交接,自己在看自己或者别人的if代码的时候,心情就不再表述了,各自深有体会。所以我们一起看看if还能怎么写最基本if-else假设有这么个场景,不同情况下打印不同值。 因为涉及到的条件太多,就不提三目运算之类优化了。if (a == 1) ...
2019-01-18 09:33:39
244
转载 小程序less编译
一、微信小程序只支持原生css写法,但是前端开发less和sass已经很普及。网上有很多webstrom编译less的方法,个人觉得比较麻烦。下面介绍一个less编译的方法:1、npm或者yarn全局安装wxss-clinpm install -g wxss-cli2、运行wxss-cli命令(miniProject为小程序目录),less文件保存时自动编译wxss ./mi...
2018-12-28 14:26:31
2023
1
转载 微信小程序之picker组件(多列选择器)
1、 需求:省市选择器。原生的省市区(mode=region)选择器只能获取汉字,不能定制每个省市的id,另外区选择器实际项目中没有使用到,思考下后选择手动修改多列选择器(mode=multiSelector)实现功能。实现原理:multiArray是二维数组,省数据保存在二维数组第0个中,市数据切换放入二维数据第1个中,根据multiIndex确定选择项。数据:省市是静态数据保存在co...
2018-12-25 16:57:25
7087
3
转载 大神评论vue 和 react
知乎上近日有人发起了一个 “react 是不是比 vue 牛皮,为什么?” 的问题,再度引发一场关于前端框架谁更牛的口水战,评论里可以说是撕得不可开交。Vue.js 作者尤雨溪12月4日正面回应了该问题,他表示希望大家能停止无谓的争执,多想想使用这些技术的初衷,比起争论这个,倒不如多想想怎么让自己变得更牛。以下是尤雨溪的回复: 这个问题下面的很多回答太偏激了,其实我淡出知乎就是因为这类...
2018-12-19 09:59:57
260
转载 CSRF
CSRF攻击 CSRF漏洞的发生 相比XSS,CSRF的名气似乎并不是那么大,很多人都认为CSRF“不那么有破坏性”。真的是这样吗?接下来有请小明出场~~小明的悲惨遭遇这一天,小明同学百无聊赖地刷着Gmail邮件。大部分都是没营养的通知、验证码、聊天记录之类。但有一封邮件引起了小明的注意:甩卖比特币,一个只要998!!聪明的小明当然知道这种肯定是骗子,但还是...
2018-10-15 14:28:04
2763
1
转载 前端面试基础题概念
Q: 怎么去设计一个组件封装1. 组件封装的目的是为了重用,提高开发效率和代码质量 2. 低耦合,单一职责,可复用性,可维护性 3. [前端组件化设计思路](ijse blog ijser.cn/2017-06-25-…) Q: js 异步加载的方式1. 渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染 2. defer 是“渲染完再执...
2018-10-08 14:22:46
317
原创 vue 打包图片img显示空白
html书写入下 <img src="../../assets/img/123.png">F12打开 开发者工具,src展示 "./static/img/123.png" 正确显示应该是base64位字节码,这是因为图片过大的问题,我把图片缩小到7.0K左右就可以展示base64的字节码,打包也不会有问题...
2018-09-28 16:53:33
1171
原创 vue 打包的问题空白
vue 路由分为hash(默认是hash)和history 1.当时hash模式,当打包后是空白的,这是因为你的config文件下index.js文件,build对象下没有改成 assetsPublicPath: './',2.当是history模式的时候,打包后放在ngnix下面,会有404的错误 (1).404的解决方案 在ngnix配置 config 下...
2018-09-19 10:20:36
385
转载 图片变灰 css
background-size: 20px 20px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
2018-09-09 21:59:00
937
转载 -webkit-line-clamp、-webkit-box-orient vue打包后不起作用
为了实现两行显示缩略显示,但是本地是可以显示,打包后不起作用word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;网上有这么说的 第一种autop...
2018-09-06 16:11:34
2411
转载 git Authentication failed
错误状况是因为有一次我输入账号和密码的时候我输入错了,又被电脑计入凭证,所以一直回报这个错解决办法:进入控制面板\用户帐户\凭据管理器修改git 的凭证就可以了...
2018-06-20 11:30:18
839
1
原创 子组件和父组件常用的方法
一、父组件拿取子组件的方法<child ref="test"></child><template> <div ref="test1"></div> <script> export default { data(){
2018-05-18 11:44:15
216
转载 深拷贝与浅拷贝
低门槛彻底理解JavaScript中的深拷贝和浅拷贝2018-04-19在说深拷贝与浅拷贝前,我们先看两个简单的案例://案例1var num1 = 1, num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2console.log(num1) //1console.log(num2) //2...
2018-05-10 16:22:08
229
转载 vue router--常用
常用的普通跳转 this.$router.push('/路由名称');普通跳转 加参数params、query是什么?params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫做paramsquery:/router1?id=123 ,/router1?id=456 ,这里的id叫做query。// 命名的路由router.push({ n...
2018-05-10 15:52:34
162
转载 对象原型和继承的好的例子
6.原型链6.1 定义对象继承属性的一个链条6.2构造函数,实例与原型对象的关系var Person = function (name) { this.name = name; }//person是构造函数var o3personTwo = new Person('personTwo')//personTwo是实例原型对象都有一个默认的constructor属性指向构造函数6.3 创建实例的方法...
2018-04-18 14:16:57
662
原创 git eclipse
一.拉取git上面的代码0.拉取最新的代码1.pull拉取最新的代码2.comment上传最新的代码注意。。。出现红色菱形的情况表示你拉取远程代码之后和本地代码出现了冲突,通常伴随着方块红还会有红叉,根据你上面的显示,应该是你已经解决了冲突。只需要提交一下本地代码就好了。...
2018-04-17 10:43:51
781
原创 svg使用
要学习点svg<ellipse id="population_base1" cx="400" cy="13" rx="100" ry="13" />cx相对于左上角远点的坐标, cy相对于左上角的纵坐标 rx椭圆的横半径 ry椭圆的纵坐标 <path id="population_base2"
2018-04-16 10:12:15
207
原创 h5标签
1.vedio去掉播放按钮 video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: ca...
2018-04-16 10:11:43
198
原创 less 使用
http://www.bootcss.com/p/lesscss/好的文章变量的定义例如@color:red;div{ color:@color;}函数的定义.fix(){ display:flex;}div{ .flex;}嵌套的使用div{ .de{ }}把less预编译为css 前提是less编译器已经装好了-------npm install -g less lessc style.le...
2018-04-16 10:06:20
158
原创 css3 常用
box-sizingbox-sizing有两个属性content-boxborder-boxflex解决子元素的溢出父元素的文体,是因为没有设置溢出元素,min-width:0;很神奇,等以后慢慢体会吧img 变灰的问题https://www.cnblogs.com/chinajava/p/5740774.html ...
2018-04-16 10:06:04
211
原创 css 文字换行
使用CSS让多出来的字变为省略号<style>.text1 { width:200px; overflow:hidden; text-overflow:ellipsis;//显示省略号 -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-...
2018-04-16 09:56:15
868
原创 css 多选框
.checkbox label input{ /* display:none; */ opacity: 0;}.checkbox label span{ display: inline-block; width:20px; height: 20px; /* border:1px solid #eeeeee; */ cursor: pointer; p...
2018-04-16 09:55:36
630
原创 css 常用
inherit继承父元素的设置<li><a></a></li>li{ margin:3px;}a{ margin:inherit;}css 必须加转义字符 例如‘\字符吗’hover失效的情况<li id="yyde">当#yydd的优先级大于hover的优先级文字排版修饰text-indent设置抬头距离css缩进letter...
2018-04-16 09:53:43
142
原创 cmd 快捷键
服务快捷键:services.msc远程快捷键:mstsc返回上级目录cd..直接访问子目录cd\找到指定的文件夹 粘贴的快捷键就是复制完内容后--在命令行页面复制就好了
2018-04-16 09:40:05
357
原创 utf-bom格式问题
具体字符串,可以这样解决var ws = "\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF";if (!String.prototype.trim || ws.t...
2018-04-16 09:39:15
291
原创 html常用
常用uicode符号反斜杠---&frasl;空格---&nbsp竖线--- --什么都没有placeholder颜色修改.ywjKindInputreal input::-webkit-input-placeholder{ color: #FFFFFF; letter-spacing: 1.64px;}.ywjKindInputreal input:-moz-placeholde...
2018-04-16 09:38:42
104
原创 echart 遇到的问题
解觉echatjs折线问题显示 怎样解决:直线部分: 折线部分: tooltip:{ trigger:'axis', formatter: function(params){ var obj = params[0]; var obj2 = params[1]; ...
2018-04-13 21:08:11
730
原创 excel插件demo
跳转页,因为在body里面不可以正常使用点击事件,绑定的事件不可以触发.网址http://115.238.31.37/sheet/excel<!DOCTYPE html><html><head><meta charset="utf-8"> #include("/view/config.html")<!-- <link data-
2018-04-13 21:06:07
784
转载 excel插件
四、excel插件网址http://115.238.31.37/sheet/excel合并单元格mergeCells:[ {row:起始行数,cols:起始列数,rowspan:合并的行数,colspan:合并的列数},...]hot.selectCell(起始排的位置,起始列的位置,起始横向长度,起始竖向长度)显示对应位数的方块hot.getSelected()获取起始的排的位置,列的位置,和对...
2018-04-13 21:05:45
787
原创 jquery closest,属性选择器,vid,Waypoint ,Excel
一、$(“点击元素”).closest(“父元素”) 当找到最接近子元素的父元素,二、 属性选择器 $("div[data-target='"+type+"']").show();//对应的所选元素的目标元素 判断复选框还是单选框有没有被选中 $("input[type='checkbox']").is(':checked')vid三、是一个以视频背景为的插件三、jQuery Waypoint ...
2018-04-13 21:04:42
297
原创 jquery 滚动插件
Jquery的滚动插不错:jquery.mCustomScrollbar.jsJquery ui用法:$(“被拖拽的元素”).draggable( helper:”clone”,//拖拽的时候的跟随鼠标样式的样式是复制 revert:”true//拖拽的时候回到被拖拽的时候原来的位置);$(“被拖拽指定的区域的元素”).droppable({ dop:function(e t){ $(this)...
2018-04-13 21:01:18
187
转载 gridster拖拽插件
Jquery拖拽插件gridster原网站:http://gridster.net(此域名已过期)gridster.js后续的更新:https://github.com/dsmorse/gridster.jsissues: https://github.com/ducksboard/gridster.js/issues整体页面模块加载方式是现在是通过在写入js数组加载的,后期可以将这部分数据存入数...
2018-04-13 21:00:39
2060
原创 $( ).height( );和$().css("height",)的区别
$( ).height( );和$().css("height",)的区别$().height()是不包含padding和margin的设置,而$().css("height",)是包含的,和border-box是有点类似的效果
2018-04-13 20:59:52
1520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人