• Building single page application based on vue.js and WordPress rest API


    Preface Vue.js is a library for building interactive web interfaces. It provides MVVM data binding and a composable component system with simple and flexible API.Axios is an HTTP client based on promise for browsers and nodejs, which we will use to request APIs.WordPress rest API provides an API endpoint for WordPress data type, allowing developers […]

  • Optimize recorder H5 recording: upload the server while recording and transcoding, support wechat to provide Android IOS hybrid app source code


    With the increase of the supporting functions of recorder H5 GitHub open source library, the efficiency of audio transcoding processing gradually fails to keep up with the demand. Recently, time has been taken to upgrade and optimize the audio transcoding part to support more practical functions.In addition, the hybrid app of IOS has also been […]

  • The use of cross env in Vue


    cross-env Cross-env is a cross platform script for setting and using environment variables. In most windows command lines, an error is reported when using node? Env = production to set environment variables. Similarly, how windows and Linux commands set environment variables is different.Usecross-envYou can set the same node? Env parameter on different platforms. Use install […]

  • Front end interview 3 + 1-149 days a day


    Today’s knowledge (September 12, 2019) – day 149 [HTML] how to set the content of the entire page to read-only, non editable state? [CSS] what’s the difference between responsive design and adaptive design? [JS] using JS to realize the encryption and decryption of Morse password [soft skills] tell me about your understanding of vector map […]

  • Appreciation of some “scrolling” behaviors of browser Chinese style


    I’ve been very busy recently. I’m free to write this timeEdify the sentiment,Browser scrollingI really see you every day. For example, if you read this article now, you have to scroll down. This article mainly talks aboutRolling correlationSome ofMethodFollowattributeThere are some interesting examples A kind of The article involvesMethod or propertyLink will be placed at […]

  • New Alipay payment platform for personal payment


    The new Alipay personal payment interface is added to the Alipay payment platform. The official payment interface of Alipay can be applied by individuals, and developers are welcome to use them. The “super rice payment platform” is the Alipay / WeChat payment interface available to individuals. It supports payment methods such as face to face […]

  • Notes on how to learn webpack (5)


    My official account for WeChat:Front end cultivation Road, welcome to follow. A few days ago, my friend suddenly thought of a dinner party. In less than half a year, the first batch will be born after 20. This feeling is like, the post-90s now look at the post-90s 60 ~ accidentally we these post-90s in […]

  • Hexo theme: hexo easy theme


    A refreshing hexo theme, highly configurable, simple and efficient, project address here, personal blog is also using its own theme, hee hee, welcome star~ Last year, when I was the year before last, my previous blogwordpressMigrate tohexo。 (PS: WordPress is just too slow, I think it’s enough for the blog of static page) during the […]

  • How to make an online compiler


    Before the article starts, I’ll show you my own online compilerJS-Encoder: Click here for a preview. About three or four months ago, I began to have the idea of making online compilers. Before that, I had contact with many online compilers, such as codepen, jsbin, jsfiddle, etc., which are very excellent and have a huge […]

  • Build react development environment


    Use yarn package management tools, build tools based on webpack, build react development environment Because some software installation is related to the system environment, you need to select the corresponding system version according to your system environment. Running environment of this paper system:macosreact:16.8.6react-dom:16.8.6webpack:4.36.1 Yarn Yarn is a fast, reliable and secure dependency management tool, which […]

  • Sample code of Javascript + canvas to implement custom Sketchpad


    Recently, I studied some new element attributes of HTML5 and found that they are really easy to use, especially the new tag element canvas. Official introduction: Canvas API (canvas) is a new tag in HTML5 that is used to generate images in real time on Web pages, and can operate image content. Basically, it is […]

  • Elements, components, events, props passing of react


    By configuring webpack dev server to start a web server, automatically compile and refresh the browser, we can start the react basic fast pass Next: building the react development environment Using webpack dev server After building the react development environment according to the previous article, we found that every time we write the code, we […]