
前端学习笔记
文章平均质量分 76
通过具体问题,提升前端相关技术,少在工作中踩坑。
小雨青年
2025年和我一起做属于自己的独立开发项目!CSDN博客专家,GitChat专栏作者,阿里云社区专家博主,51CTO专家博主。2023博客之星TOP153。
展开
-
解决问题https访问http加载不出图片资源的顺便在给逻辑做个马杀鸡
???? 力学如力耕,勤惰尔自知。但使书种多,会有岁稔时。http的图片加载怎么就变成https了呢?对于一个问题的分析,首先是对问题本身还原。问题描述在https的页面访问中,详情展示中出现了http协议的外链图片,图片没有展示出来,我们通过查看网络请求,发现对应的图片请求协议变成了https,然而对应外链的图片地址并不支持https,所以出现了http图片展示不出来的现象。分步骤解析分析问题的层次是一层一层的,如果面对问题的思路是混乱的,就算我们最后解决了问题,也给自己留不下什么。上一步原创 2021-06-29 06:19:23 · 28898 阅读 · 13 评论 -
前端面试题,速看webP,把握住网页提速小细节!亲测可用!
什么是webP2010年,Google公司推出的图片格式,目的是减少文件大小,提高在图片在网上的传播效率,同时,因为图片体积变小,对应的网络资源占用也会变小,最终达到降低成本的目的。webP的图片限制怎么得到webP的图片如果是单个的图片资源,想要变成webp的格式,使用在线转换工具手动操作即可。比如。IE浏览器不支持显示webP很遗憾,IE浏览器到现在也没有支持webP格式的图片,如果页面上有webP的图片,页面控制台会报错dom7009无法解码URL处的图像js插件 webp-h原创 2021-06-17 07:33:51 · 1207 阅读 · 0 评论 -
【前端】优化网页样式之Reset CSS
Reset CSS的目的在于去掉元素默认样式中不符合审美的部分调整整个页面的基线有利于页面元素的样式修改下面给出一个参考,你可以随意变更内容使其符合自己的项目需要html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acrony...原创 2018-07-11 11:02:55 · 1453 阅读 · 0 评论 -
【前端】网页多平台桌面打包工具 electron 和 electron-packager 的使用
前言现在很多平台上的桌面应用,都是直接通过js项目打包的。我在一个项目桌面项目的源码中,找到了一个打包工具,叫做electron。下面通过实际部署,学习下这个工具的使用。教程electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.j...原创 2018-04-30 17:47:24 · 4290 阅读 · 0 评论 -
【Vue】从量子链网页钱包看vue项目结构以及开发部署最佳实践
项目介绍qtum-web-wallet 是量子链推出的网页版钱包。项目地址 https://github.com/qtumproject/qtum-web-wallet项目采用vue搭建。通过网页可以实现钱包的创建备份转账以及智能合约的部署调用功能。项目结构这个vue项目采用了vue-loader,所以整体用的是嵌套结构。build 构建脚本,还包括开发...原创 2018-03-09 18:07:24 · 1845 阅读 · 0 评论 -
【小程序】手把手带你完成微信小程序开发实践
帐号相关流程注册范围企业政府媒体其他组织换句话讲就是不让个人开发者注册。 :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账户信息绑定管理员微信企业认证公司对公账户对微信进行打款账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费用在1元内随机小程序发布流程开发实践这次的demo项目为农历和公历的转换器,重在体验原创 2016-11-07 17:14:27 · 349663 阅读 · 25 评论 -
【NodeJs】Linux安装NodeJs并配合Nginx实现反向代理
Linux安装NodeJs并配合Nginx实现反向代理NodeJs是什么 Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。 Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。本地安装(OS X)版本选择V4.4.原创 2016-05-30 16:57:43 · 22076 阅读 · 4 评论 -
【JavaScript】JS读取XML文件并进行搜索
需求效果点击链接,当前页面加载xml文件并展示对应内容通过搜索框,搜索xml文件内节点数据,展示包含内容的节点数据功能实现Demo最终实现效果 http://loadxmldemo.coderfix.cn/核心代码String.prototype.replaceAll = function (s1, s2) { return this.replace(new RegExp(s1, "原创 2016-02-17 23:47:49 · 3568 阅读 · 0 评论 -
【手机网页】手机网页显示图片模糊问题
【本文原创,谢绝转载】【总结】1.手机浏览器,不管是UC、原生浏览器、safari,显示页面都是按照320px的2.由于现在手机的宽度都大于320px,所以,图片会模糊3.像苹果的retina屏幕的方式学习! 先把图片做成两倍长宽的大小,然后通过css样式强制做成原大小原创 2014-08-01 21:39:30 · 6786 阅读 · 0 评论 -
HTML颜色关键词
颜色名称和sRGB颜色值 Black = #000000 Green = #008000 Silver = #C0C0C0 Lime = #00FF00 Gray = #808080 Olive = #808000 White = #FFFFFF Yellow = #FFFF00原创 2013-11-26 11:32:24 · 1539 阅读 · 0 评论 -
二级下拉菜单实现代码
////////////function menuFix() {//var sfEls =document.getElementByIdx_x("menu").getElementsByTagName_r("li");//for (var i=0; i//sfEls[i].onmouseover=function() {//this.className+=(this.classN原创 2013-11-26 11:32:16 · 2063 阅读 · 0 评论 -
网页常见的换肤技术
常见的例子就是:一个站点上有多个页面样式提供浏览者选择。 同时,在选择了某样式后,再次打开该页面时,将仍然保持该样式。 自然会想到了Cookie技术 下面是HTML代码部分(另外再加需要的CSS文件就可以使用了): // // // // // <link ID="skin" rel="stylesh原创 2013-11-26 11:32:11 · 1581 阅读 · 0 评论 -
107个常用Javascript语句
1. document.write( " "); 输出语句 2.JS中的注释为//3.传统的HTML文档顺序是:document- >html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getEleme原创 2013-11-26 11:31:50 · 1084 阅读 · 0 评论 -
Javascript中最常用的125个经典技…
1.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键no可用于Table 2. 取消选取、防止复制3. onpaste="return false"不准粘贴4. oncopy="return false;"oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可原创 2013-11-26 11:31:48 · 1541 阅读 · 0 评论 -
javascript 冒泡排序法
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />function BubbleSort(array){var temp;for (var i = 1; i for (var j = array.length - 1; j >= i; j--) {if (array[j] < array[j - 1原创 2013-11-26 11:31:35 · 976 阅读 · 0 评论 -
解决ie8下ajax加载内容显示两次的问题
其实这个问题一直都存在,不过我这次的解决方案也算比较机智。每次添加的div都会有一个属性来标示,所以就判断最后一个元素和倒数第二个元素是否一致,如果是一致的,就把一个元素移除。恩,就是这样。var lastId=$(“.dDteTitle”).last().attr(“itemid”); //判断id,如果两个中id是一样的删除这个id var lastId2=$(原创 2013-11-25 18:20:29 · 1776 阅读 · 0 评论