Initial attempt of vue -- project structure

After creating a new project, let's take a look at the directory structure of the project Contents of several main documents Index.html file (entry file, enter index.html first after entering the system) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial ...

Posted on Fri, 01 May 2020 06:55:59 -0700 by paldo

Use Taro to make a wechat applet Todo, beginner's work record

Wechat applet framework: Taro To build a framework for wechat applets, there are several mainstream ones: Official WePY: https://tencent.github.io/wepy/document.html#/ mpvue of meituan: http://mpvue.com/mpvue/#-html Taro of Jingdong: https://taro.aotu.io/ The first two are Vue style, Taro is React In order to learn, this article us ...

Posted on Mon, 20 Apr 2020 23:01:52 -0700 by toms

Common loader source analysis and a markdown-loader implementation

This article will take you to a simple understanding of the loader of webpack, a loader that converts md into an abstract grammar tree and then into an html string.By the way, take a brief look at the source code and workflow of several style-loader s, vue-loader s, and babel-loader s. md2html-loader source address Introduction to loader we ...

Posted on Sun, 19 Apr 2020 22:05:59 -0700 by RockyShark

Use d3.js in the Vue project

Before I wrote a Demo, I had to use D3 to achieve some effects, but I couldn't find a way to use D3.js in Vue in many forums. D3 on npm is relatively inhumane, and I didn't say how to use D3.js on webpack at all Finally, I saw a foreign tycoon for a long time to see that his case successfully realized the use of D3 in Vue project First installa ...

Posted on Fri, 27 Mar 2020 08:50:51 -0700 by scarabee

Detailed webpack4 multi-entry configuration

Detailed webpack4 multi-entry configuration This article mainly focuses on the multi-entry configuration, hoping to improve the development efficiency and package the code when developing web pages without a framework.What needs to be improved in this article, and I hope you can give more advice. Key ...

Posted on Sat, 18 Jan 2020 18:14:40 -0800 by Quinton1337

vue uses Jade template to write html and stylus to write css

The daily work is to use vue to develop pages and webapps. If you write more, you want to lazy and simplify various writing methods. So you use jade to write html and stylus to write css, which saves a lot of steps and improves efficiency. Installation package: // Install jade package npm install jade jade-loader --save-dev // I ...

Posted on Tue, 17 Dec 2019 15:13:42 -0800 by cswells

Write a Vue calendar component by hand

The project needs a calendar component. The product dog dislikes that the component provided by the third party is too ugly and has incomplete functions. Why does the product have a gun with a knife and product theory. But I can only write one by myself. After I post this blog, I will quit. I will never have more BB products.Html=>`<templ ...

Posted on Fri, 15 Nov 2019 14:18:49 -0800 by terrabull

Automatically adding version number by using gulp4.x to update static resource version in front end

Guide reading Every time the project is published, there will be caching problems, resulting in page not updating, especially for wechat browser, the caching situation is more serious. Then using gulp to add version number to js and css automatically can solve the problem of cache. There are generally two methods in ...

Posted on Sat, 09 Nov 2019 11:46:02 -0800 by packland

Front end technology frontier 2

wx.showToast({ title: 'Success', icon: 'success', duration: 2000 }) wx.showModal({ title: 'Tips', content: 'This is a modal pop-up window', success: function(res) { if (res.confirm) { console.log('User click OK') } else if (res.cancel) { console.log('User click Cancel') } } }) <template lan ...

Posted on Fri, 08 Nov 2019 06:51:31 -0800 by sssphp

Front end technology frontier 6

Data cache setStorageSync and getStorage //Get input value getInput: function(e) { var self = this; self.setData({ storage: e.detail.value }) }, //Store input values saveInput: function() { var self = this; wx.setStorageSync('storage', self.data.storage) }, output: function () { var self = ...

Posted on Wed, 06 Nov 2019 13:54:08 -0800 by endlyss