<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Front-end development &#8211; WebDevStudy</title>
	<atom:link href="https://www.webdevstudy.com/category/front-end-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webdevstudy.com</link>
	<description>software engineer development experience</description>
	<lastBuildDate>Thu, 06 Jul 2023 03:40:19 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://www.webdevstudy.com/wp-content/uploads/2023/04/logo-150x150.png</url>
	<title>Front-end development &#8211; WebDevStudy</title>
	<link>https://www.webdevstudy.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to Add Script Tag to HTML DOM</title>
		<link>https://www.webdevstudy.com/2023/07/06/how-to-add-script-tag-to-html-dom/</link>
					<comments>https://www.webdevstudy.com/2023/07/06/how-to-add-script-tag-to-html-dom/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 06 Jul 2023 03:40:18 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[javascript]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=272</guid>

					<description><![CDATA[How can I add a script tag to the HTML DOM from JavaScript? I needed to inject a script tag into the DOM. This only requires a few steps. Here&#8217;s the code: You can append to the&#160;&#60;head&#62;&#160;just as easily with&#160;document.head.appendChild(script).]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/07/06/how-to-add-script-tag-to-html-dom/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How does the vue project listen for user returns?</title>
		<link>https://www.webdevstudy.com/2023/07/04/how-does-the-vue-project-listen-for-user-returns/</link>
					<comments>https://www.webdevstudy.com/2023/07/04/how-does-the-vue-project-listen-for-user-returns/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 04 Jul 2023 02:29:25 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[VUE]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=250</guid>

					<description><![CDATA[If you listen for from directly in beforeRouteEnter, you can&#8217;t tell whether it came back or jumped. If it is returned by the go method or back method, you can set a global variable before jumping, and then go to the corresponding page to get the variable status for logical processing.]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/07/04/how-does-the-vue-project-listen-for-user-returns/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How do VUE projects that don&#8217;t use webpack do server-side rendering?</title>
		<link>https://www.webdevstudy.com/2023/07/04/how-do-vue-projects-that-dont-use-webpack-do-server-side-rendering/</link>
					<comments>https://www.webdevstudy.com/2023/07/04/how-do-vue-projects-that-dont-use-webpack-do-server-side-rendering/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 04 Jul 2023 02:21:52 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[VUE]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=248</guid>

					<description><![CDATA[I have a project that doesn&#8217;t use WebPack, which was developed by Vue referenced by direct CDN, and now I&#8217;m going to do SEO. Let&#8217;s change this SSR, please give your honorable bosses some advice.I used vue2. You can use Nuxt, a framework developed based on Vue, specifically to solve the SEO problem caused by [&#8230;]]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/07/04/how-do-vue-projects-that-dont-use-webpack-do-server-side-rendering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>A method of js that makes an element of a page full screen, such as a video</title>
		<link>https://www.webdevstudy.com/2023/06/30/a-method-of-js-that-makes-an-element-of-a-page-full-screen-such-as-a-video/</link>
					<comments>https://www.webdevstudy.com/2023/06/30/a-method-of-js-that-makes-an-element-of-a-page-full-screen-such-as-a-video/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 30 Jun 2023 01:33:01 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=226</guid>

					<description><![CDATA[A method of js that makes an element of a page full screen, such as a video]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/06/30/a-method-of-js-that-makes-an-element-of-a-page-full-screen-such-as-a-video/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Use PHP AJAX JSONP for cross-origin requests</title>
		<link>https://www.webdevstudy.com/2023/06/26/use-php-ajax-jsonp-for-cross-origin-requests/</link>
					<comments>https://www.webdevstudy.com/2023/06/26/use-php-ajax-jsonp-for-cross-origin-requests/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 26 Jun 2023 03:32:42 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CORS]]></category>
		<category><![CDATA[jsonp]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=202</guid>

					<description><![CDATA[PHP AJAX JSONP implements cross-origin requests. Code example: js code: PHP code: json.php]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/06/26/use-php-ajax-jsonp-for-cross-origin-requests/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AJAX cross-domain solutions</title>
		<link>https://www.webdevstudy.com/2023/06/26/ajax-cross-domain-solutions/</link>
					<comments>https://www.webdevstudy.com/2023/06/26/ajax-cross-domain-solutions/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 26 Jun 2023 03:19:58 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CORS]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=200</guid>

					<description><![CDATA[AJAX cross-domain solutions What is AJAX? AJAX is a way to get data from the server without refreshing the page, and the core object responsible for the operation of Ajax is the XMLHttpRequest (XHR) object. The same-origin policy is a major constraint on XHR that sets the restriction of &#8220;same domain, same port, same protocol&#8221; [&#8230;]]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/06/26/ajax-cross-domain-solutions/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Test  npm package locally</title>
		<link>https://www.webdevstudy.com/2023/06/24/how-to-test-an-npm-package-locally/</link>
					<comments>https://www.webdevstudy.com/2023/06/24/how-to-test-an-npm-package-locally/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 24 Jun 2023 00:20:30 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[npm]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=164</guid>

					<description><![CDATA[How to test npm package locally? I needed a way to test my npm package locally before publishing it. Suppose we had a&#160;package.json&#160;that looked like this: This file lives at ~/my-package-name/package.json. First, we can into this directory in the terminal. Then, we can run: This command creates a global, symbolic link that is accessible by any project. It [&#8230;]]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/06/24/how-to-test-an-npm-package-locally/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to terminate the  JavaScript script running?</title>
		<link>https://www.webdevstudy.com/2023/04/21/how-to-terminate-the-javascript-script-running/</link>
					<comments>https://www.webdevstudy.com/2023/04/21/how-to-terminate-the-javascript-script-running/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 21 Apr 2023 05:41:51 +0000</pubDate>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[JS]]></category>
		<guid isPermaLink="false">https://www.webdevstudy.com/?p=118</guid>

					<description><![CDATA[How can exit the JavaScript script like PHP&#8217;s&#160;exit&#160;or&#160;die? Sometimes I need do this. &#8220;exit&#8221; functions usually exit the program or script along with an error message as parameter. For example, die(&#8230;) in php The equivalent in JS is to signal an error with the&#160;throw&#160;keyword like this: You can easily test this:]]></description>
		
					<wfw:commentRss>https://www.webdevstudy.com/2023/04/21/how-to-terminate-the-javascript-script-running/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
