weixin_42551921的博客

在浏览器执行http请求，可以使用fetch函数；

ES、TS和JS的分别是以下三个名字的简写：ECMAScriptTypeScriptJavaScript。

【代码】一个简单的浏览器插件(获取积分)

需要用到的文件有swiper-bundle.js和swiper-bundle.css文件，还需要引入map文件，不然会有警告提示；官网介绍：Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。先将图片放到指定文件夹，然后新建js文件，记录图片位置；将记录存放在数组中，方便后续使用；下载指定版本的swiper文件；//可选选项，自动滑动。/* 相对定位 */

在网页端打开本地桌面客户端程序，需要使用外部协议url，通过写注册表将url与本地应用程序关联，然后通过一个网页的超链接点击即可启动，这种方法非常实用简单；

在测试系统功能是，遇到一个需要计算md5的问题；首先需要一个计算md5的功能实现；然后打开浏览器，按F12，选择console；输入如下代码来引入外部js;然后就可以使用md5函数了；

不同的元素有不同的初始样式，如ul元素有list-style默认样式，body元素有默认的margin。不同浏览器对一些标签的默认样式不同，导致同一页面用不同浏览器打开看到的效果有差异，为了消除这种影响，需要清除浏览器默认样式，因此每个网页都需要CSS初始化。Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。初始化的目的：保护有用的浏览器样式、一般化的样式、修复浏览器自身的bug、优化css的可用性；1、下载css文件，在所有样式文件之前引用。

要编写运行脚本，需要先搭建开发环境。

vue开发后打包部署的前端页面变灰色，只需要找到index.html文件,加入一段css代码即可；

下载了一个vue项目，一直卡在npm install阶段，折腾了半天，发现是版本太高了，需要降低一下版本，但是其他项目需要高版本的，这不就冲突了；下载一下 nvm-setup.zip 之后解压出来一个 nvm-setup.exe 文件，双击安装；打开nvm安装目录，找到settings.txt文件，在最后添加一下参数。查看可安装版本 ,执行命令：nvm list available。安装完成后，打开 cmd 执行命令nvm -v 测试是否成功；在安装过程中，如果提示已安装版本，可以直接删除安装目录即可；

这个是需要安装node-sassnode-sass是什么？node-sass是一个项目依赖，在一个项目中在使用sass语法的时候，必须通过sass-loader来解析sass，从而使sass语法变成浏览器能够识别的CSS语法，而node-sass模块就是对sass-loader的支持模块，所以不安装node-sass，sass-loader就不能正常工作Node-sass是一个库，它将Node.js绑定到LibSass（流行样式表预处理器Sass的C版本）。

【代码】html小案例。

为了有效减少服务器接收和发送的频率，减轻服务器的压力；一般情况下都是往上走，往左走，所以backgroud-position的值都是负值。图片默认是基线对齐，会导致图片底侧和边框会有空隙；字体图标需要下载，下载地址有很多，推荐https://iconfont.cn/字体图标展示的是图标，本质上是文字；CSS初始化是指重设浏览器的样式，解决兼容性问题；css画三角形主要通过边框的宽度和颜色进行设置；边框设置不同的宽度和颜色，获取不同的三角形。可以使图片，表单和文字对齐，垂直居中。

float属性用于创建浮动层，将其移动到一边，直到左边缘或右边缘触及到包含块或另一个浮动框的边缘；网页布局是通过标准流，浮动，定位一起完成的；标准流可以让盒子上下或左右排列浮动可以让多个块级元素一行显示或左右对齐盒子定位有层级概念，可以让多个盒子前后叠压显示；

Emmet 的前身就是 Zen Coding。它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。提供包括 Eclipse、IDEA、UltraEdit、SlickEdit 的插件;

CSS是层叠样式表的简称，有时也会称之为CSS样式表或级联样式表。CSS也是一种标记语言(和html一样，不是个编程语言)；Html主要是页面结构，显示元素内容，CSS是美化页面，布局网页；CSS规则主要有选择器和样式声明组成；样式声明以键值对的形式出现；如下：p{}

Vue开发实战02-vue项目添加状态管理Vuex，路由router，以及http请求axios

vue开发实战01

vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue的核心库只关注视图层，容易入门，

上一篇文件在这里接着讲一下各个js之间的通信；backgroud.js是中间商backgroud.js可以和content_script.js之间相互通信backgroud.js也可以和popup.js之间相互通信content_script.js和popup.js之间不能直接通信；backgroud.js和content_script.js通信：通信的数据预先存储在本地存储中,方便存取在backgroud.js中//监听来自content_script的消息，接收消息并回复

上一篇文章在这里：开发一个处理自己业务的插件介绍一个插件里面js的操作；1、manifest.json文件说明请参考上一篇文章，这此在文件中新增加了一个属性： "content_scripts":[{ "matches":["http://*/*","https://*/*"], "js":[ "libs/jquery-3.6.0.min.js", //引用的jquery库 "content_script.js" //新

vue官网介绍：Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合；环境搭建：1、安装node.jsNode 版本要求Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。-- 需要配置node的系统环境变量2. 安装 @vue/cli:npm install -g @vue/cli#ORyarn global a

系统：win10点击开始菜单选择管理员运行；# 安装yarnnpm install -g yarn# 查看yarn的版本号yarn --versions# yarn 淘宝源安装yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g# 查看当前yarn的bin的位置y

1、下载demo:2、解释一下配置信息：

vue : 无法加载文件 C:\Users\liang\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170中的 about_Execution_Policies。所在位置 行:1 字符: 11、以管理员运行powershell2、输入set-ExecutionPolicy RemoteSigned回车，输入Y3、输入vue查看是否成功...

JavaScript里面没有sleep功能，只能曲线实现：1、for循环：function sleep(d){ for(var t = Date.now();Date.now() - t <= d;);}sleep(1000); //闯入毫秒，如1秒，传递10002、while循环：function sleep(d){ var beginTime=new Date().getTime(); while(new Date().getTime() < begin

打开小程序 点击以下按钮打开 “小程序” 打开小程序 请在手机打开网页链接

var importJs=document.createElement('script')//在页面新建一个script标签importJs.setAttribute("type","text/javascript")//给script标签增加type属性importJs.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js') //给script标签增加src属性， url地址为cdn公共库里的do

HTML5和CSS知识点，整会了，要悟了！

问题原因：类型的问题，也就是说可能是返回类型出问题了XMLHTTPRequest对象是基于XML的HTTP请求。XMLHTTPRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。自从浏览器提供有了XMLHTTPRequest这个接口之后，ajax操作就此诞生。AJAX = Asynchronous JavaScript and XML，翻译为：异步的 JavaScript 和 XML。ajax就是基于浏览器提供的XMLHttpRequest对象来实现的。传统的网页（不

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。vue.config.js配置配置选项publicPathType: stringDefault: ‘/’这个值也可以被设置为空字符串 (’’) 或是相对路径 (’./’)，这样所有的资源都会被链接为相对

mapshaper 是一个强大的地图文件编辑器。合并的话可以使用dissolve命令：在线地址：http://mapshaper.org/如图：导入json:导入点击console，执行命令

const data = '{"group":{"allOf":[]},"start":0,"limit":30,"orders":[],"types":{"createdTime":{"type":"DATETIME"}},"stationId":"HNRDC"}'for(var i=0;i<10;i++){ $.ajax({ type:'POST', url:'api/search/assets', dataType:'json',

1、打开pc端微信，找到设置，点进去2、找到文件管理，选择3、找到目录下\WeChat Files\Applet\wx{id}{数字}4、可以根据时间排序，获取到最近的一个5、找到后可以使用wxappUnpacker工具解压解压命令： ./bingo …包路径...

<html> <head> <meta charset="utf-8" /> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@4.2.1/dist/echarts.js"></script&g

1、 从node.js官网下载并安装node；官网：https://nodejs.org/zh-cn/2、 安装cnpm：在命令行中输入 npm i -g cnpm --registry=http://registry.npm.taobao.org ，3、 安装vue-cli2 脚手架构建工具（必须在全局中进行安装）在命令行中运行命令 npm i -g vue-cli ，然后等待安装完成。是否安装成功：vue -V4、 （下载项目后）安装项目的依赖：cnpm install/

一、前言：　　客户端存储实际上就是Web浏览器的记忆功能，通过浏览器的API实现数据存储到硬盘；二、存储的不同形式：　　1、Web存储：localStorage 和 sessionStorage 代表同一个Storage对象--持久化的索引为字符串，值也是字符串的数组；　　　　　　　　两者出来对存储的有效期和作用域不同，其他基本通用；且作用域都是文档源级别的，不能跨域存取...

一、相关问题记录：1、对图表的div进行隐藏操作，使用hide()或display:none,重新展示时，会造成图表无法获取高度,导致图表的高宽不符合预期：解决方法：最后调用一下resize()函数， 例如： var myCharts = echarts.init($('#id')[0]), myCharts.setOption(option) myCharts.res...

最近要用到图表展示，想了想，还是首选Echarts，HighCharts和D3.js备用吧，而项目中也用到了AngularJS，所以需要把Echarts引入到AngularJs中一起使用，试了试，最方便的还是用指令，（虽然指令有点不好调，用了再说）。1、引入angular.js2、引入echarts.js3、引入jquery.js---可以省略4、直接上代码：...

在前面：　　最近需要用到这个功能，所以这几天一直在研究这个，目前大致功能已实现，后续需要完善，但需要的功能点已完成，记录下；1、分页功能引入bootstrap的分页插件： <script type="text/javascript" src="3rd/jquery/jquery.js"></script> <s...