<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[helloword_js的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/helloword_js</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; helloword_js]]></copyright><item><title><![CDATA[使用NodeJS爬取涉及到页面操作才会有数据的页面]]></title><link>https://blog.csdn.net/helloword_js/article/details/130698894</link><guid>https://blog.csdn.net/helloword_js/article/details/130698894</guid><author>helloword_js</author><pubDate>Tue, 16 May 2023 10:49:13 +0800</pubDate><description><![CDATA[Puppeteer提供了大量能使我们快速便捷地处理页面数据的API]]></description><category></category></item><item><title><![CDATA[常用数据处理方式（持续更新）]]></title><link>https://blog.csdn.net/helloword_js/article/details/105663892</link><guid>https://blog.csdn.net/helloword_js/article/details/105663892</guid><author>helloword_js</author><pubDate>Tue, 22 Sep 2020 09:11:49 +0800</pubDate><description><![CDATA[55555-55555-55555
let province_id = cityId.substr(0,cityId.indexOf("-"));//55555
let city_id = cityId.substr(cityId.indexOf("-")+1,6);//55555
let county_id = cityId.substr(cityId.lastIndexOf("-")+1);/...]]></description><category></category></item><item><title><![CDATA[获取url中携带的参数进行处理，拿到所需值]]></title><link>https://blog.csdn.net/helloword_js/article/details/106081421</link><guid>https://blog.csdn.net/helloword_js/article/details/106081421</guid><author>helloword_js</author><pubDate>Wed, 13 May 2020 09:38:56 +0800</pubDate><description><![CDATA[就拿我写页面来说：let url = 'https://editor.csdn.net/md/?not_checkout=1'
观察这个结构，？后面携带的参数
not_checkout=1

现在我们就来拿到这个参数
首先我们拿到这个url:
window.location.href
//https://editor.csdn.net/md/?not_checkout=1

window.location.search
//?not_checkout=1

我们已经拿到携带的参数片段，现在对这个片段进行处理]]></description><category></category></item><item><title><![CDATA[VUE实现一个简单的购物车增加，添加，减少，删除等对商品操作。]]></title><link>https://blog.csdn.net/helloword_js/article/details/106081061</link><guid>https://blog.csdn.net/helloword_js/article/details/106081061</guid><author>helloword_js</author><pubDate>Tue, 12 May 2020 17:36:50 +0800</pubDate><description><![CDATA[由于是一个小的页面，所以就没有用到VUEX对于数据处理，实际开发中，会用到VUEX。
这边用到的思想是将商品信息存到一个数组里面去。
简单看一下页面：

页面就不说了，非常简单；
我们主要来说一下关系逻辑
是否需要向储存购物信息通过判定数量是否为0就能达到；下面我们来看一下代码，代码注释得很详细，就不多说了。
&lt;script&gt;
		let app = new Vue({
			el:'#store',
			data(){
				return{
					yesMoney:'100',
			]]></description><category></category></item><item><title><![CDATA[移动端调试工具，以及移动端点击复制功能的实现。]]></title><link>https://blog.csdn.net/helloword_js/article/details/105789000</link><guid>https://blog.csdn.net/helloword_js/article/details/105789000</guid><author>helloword_js</author><pubDate>Mon, 27 Apr 2020 13:48:01 +0800</pubDate><description><![CDATA[1.调试工具 eruda
cdn:
&lt;script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.2.2/eruda.js"&gt;&lt;/script&gt;

使用：
eruda.init();

2.点击复制功能
cdn:
&lt;script src="https://cdn.bootcss.com/clipboard.js/2.0....]]></description><category></category></item><item><title><![CDATA[模板字符串通过条件渲染数据]]></title><link>https://blog.csdn.net/helloword_js/article/details/105263963</link><guid>https://blog.csdn.net/helloword_js/article/details/105263963</guid><author>helloword_js</author><pubDate>Thu, 02 Apr 2020 10:42:39 +0800</pubDate><description><![CDATA[模板字符串通过条件进行渲染
首先我们来看看获取到的数据：

我们将通过is_refund和request_staus的状态进行渲染，先看看后端要求的条件
is_refund：1已退款 -1未退款；request_staus： 1已发货 -1未发货 2发货失败
有了以下代码：

我们来看看效果


...]]></description><category></category></item><item><title><![CDATA[jquery Form表单数据获取 并输出为Json格式]]></title><link>https://blog.csdn.net/helloword_js/article/details/105162564</link><guid>https://blog.csdn.net/helloword_js/article/details/105162564</guid><author>helloword_js</author><pubDate>Sat, 28 Mar 2020 16:02:39 +0800</pubDate><description><![CDATA[本方式主要通过对JQuery中原有的方法serialize() serializeArray() 进行再封装；使输出的数据为JSON格式
&lt;div class='sxccb-title-inputPhone'&gt;
	&lt;form id='form'&gt;
	&lt;input type="number" placeholder="请输入手机号码" name='phone'/&gt;...]]></description><category></category></item><item><title><![CDATA[IOS与安卓关于select样式兼容性问题]]></title><link>https://blog.csdn.net/helloword_js/article/details/105130000</link><guid>https://blog.csdn.net/helloword_js/article/details/105130000</guid><author>helloword_js</author><pubDate>Thu, 26 Mar 2020 22:30:15 +0800</pubDate><description><![CDATA[让我们先来看看IOS和安卓的区别


造成这样的原因是IOS有自己的默认样式
所以我们在兼容的时候首先清除默认的样式

-webkit-appearance: none;

然后select的边框已经倒三角样式都会被清除
所以我们需要自己绘制倒三角 添加border
.slectIos1{
	width: 0;
	height: 0;
	border-top: 1rem solid black;...]]></description><category></category></item><item><title><![CDATA[GIT 'Please enter a commit message to explain why this merge is necessary.']]></title><link>https://blog.csdn.net/helloword_js/article/details/103461795</link><guid>https://blog.csdn.net/helloword_js/article/details/103461795</guid><author>helloword_js</author><pubDate>Mon, 09 Dec 2019 17:29:33 +0800</pubDate><description><![CDATA[在git pull 或者 git push 可能会出现的问题

1.按键盘字母 i 进入insert模式
2.修改最上面那行黄色合并信息,可以不修改
3.按键盘左上角"Esc"
4.输入":wq",注意是冒号+wq,按回车键即可
不修改就是直接显示信息


...]]></description><category></category></item><item><title><![CDATA[详细理清浮动与清除浮动的几种方式]]></title><link>https://blog.csdn.net/helloword_js/article/details/103308341</link><guid>https://blog.csdn.net/helloword_js/article/details/103308341</guid><author>helloword_js</author><pubDate>Fri, 29 Nov 2019 12:20:14 +0800</pubDate><description><![CDATA[一、浮动产生原因
浮动是因为使用了float:left或float:right或两者都有而产生的浮动，导致样式缺失或者不正确显示等问题。
二、浮动产生负作用
1、背景不能显示
由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。
2、边框不能撑开
如果父级设置了CSS边框属性（css border），由于子...]]></description><category></category></item><item><title><![CDATA[VUEX state增、删、清空]]></title><link>https://blog.csdn.net/helloword_js/article/details/103298696</link><guid>https://blog.csdn.net/helloword_js/article/details/103298696</guid><author>helloword_js</author><pubDate>Thu, 28 Nov 2019 18:24:50 +0800</pubDate><description><![CDATA[VUEX的函数代码：
let mutations = {
  changeChooseModule (state, module) {
    state.chooseModule[module.id] = module //增加
  },
  delChooseModule (state, id) {
    state.chooseModule.map((v, i) =&gt; {
     ...]]></description><category></category></item><item><title><![CDATA[原生JS三种方式判断元素是否存在某个类名]]></title><link>https://blog.csdn.net/helloword_js/article/details/103277022</link><guid>https://blog.csdn.net/helloword_js/article/details/103277022</guid><author>helloword_js</author><pubDate>Wed, 27 Nov 2019 15:46:44 +0800</pubDate><description><![CDATA[1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便：
let modulYes = document.querySelectorAll('.modul li')
    for (let i = 0; i &lt; modulYes.length; i++) {
      modulYes[i].onclick = () =&gt; {
        ...]]></description><category></category></item><item><title><![CDATA[原生JS查找所有兄弟节点并操作]]></title><link>https://blog.csdn.net/helloword_js/article/details/103270898</link><guid>https://blog.csdn.net/helloword_js/article/details/103270898</guid><author>helloword_js</author><pubDate>Wed, 27 Nov 2019 10:32:39 +0800</pubDate><description><![CDATA[通过遍历的方式，查找元素的所有兄弟节点
&lt;div class='device fl'&gt;
        &lt;ul&gt;
          &lt;li&gt;选择功能模块&lt;/li&gt;
          &lt;li class='on'&gt;通用功能&lt;/li&gt;
          &lt;li&gt;自定义功能&lt;/li&gt;
        &...]]></description><category></category></item><item><title><![CDATA[实现DIV标签背景充满整个浏览器可视窗口]]></title><link>https://blog.csdn.net/helloword_js/article/details/103118764</link><guid>https://blog.csdn.net/helloword_js/article/details/103118764</guid><author>helloword_js</author><pubDate>Mon, 18 Nov 2019 10:51:26 +0800</pubDate><description><![CDATA[通常，我们想要整个浏览器窗口都是一个背景是通过设置body来实现的，但是在VUE中，这个方式过于繁琐，所以我们可以通过设置路由的DIV背景实现窗口。
这里用到了CSS三中的新单位VH；
.hello{
  background: url('../assets/bg.png') no-repeat center 100%;
  background-size: 100% 100%;
  height...]]></description><category></category></item><item><title><![CDATA[通过匹配的方式实现文档遇到"。"自动换行]]></title><link>https://blog.csdn.net/helloword_js/article/details/103007397</link><guid>https://blog.csdn.net/helloword_js/article/details/103007397</guid><author>helloword_js</author><pubDate>Mon, 11 Nov 2019 11:29:29 +0800</pubDate><description><![CDATA[例如：
&lt;p id='content'&gt; 台湾（Taiwan），简称“台”，是中华人民共和国省级行政区 [1] ，省会台北，位于中国大陆东南海域 [1] ，东临太平洋，西隔台湾海峡与福建省相望，南界巴士海峡与菲律宾群岛相对。 [2] 台湾省由中国第一大岛台湾岛和周围属岛以及澎湖列岛两大岛群，共80余个岛屿所组成，总面积3.6万平方公里。 [2-3] 台湾省人口约2350万，超过70%集...]]></description><category></category></item><item><title><![CDATA[Vue 查找节点出现 Strings must use singlequote 错误]]></title><link>https://blog.csdn.net/helloword_js/article/details/102940674</link><guid>https://blog.csdn.net/helloword_js/article/details/102940674</guid><author>helloword_js</author><pubDate>Wed, 06 Nov 2019 18:36:27 +0800</pubDate><description><![CDATA[在VUE 中用原生JS 进行节点查找时这样的书写方法会出现Strings must use singlequote 错误
 http://eslint.org/docs/rules/quotes  Strings must use singlequote
  src\components\Left.vue:88:39
      let ulIn = document.querySelector(...]]></description><category></category></item><item><title><![CDATA[webpack.config.js模板]]></title><link>https://blog.csdn.net/helloword_js/article/details/102857367</link><guid>https://blog.csdn.net/helloword_js/article/details/102857367</guid><author>helloword_js</author><pubDate>Fri, 01 Nov 2019 14:50:01 +0800</pubDate><description><![CDATA[webpack.config.js 书写模板。
const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");        //提取成单个css文件
const OptimizeCssAssetsPlugin = require('optimize-css-assets-...]]></description><category></category></item></channel></rss>