Tag:html5

  • Re-learning Front-end Learning Notes (24) — Link Elements in HTML

    Time:2019-8-24

    Note Notes The front-end of re-learning is a column run by Cheng Shaofi [former head of mobile phone Taobao front-end] in Geek time, 10 minutes a day, to reconstruct your front-end knowledge system. The author mainly collates some key notes and insights of the learning process, and can complete the column study of Winter [original […]

  • Arrangement of Knowledge Points in August 2018

    Time:2019-8-24

    * Note: This article is the collation of knowledge points contacted in the process of work. The price ratio of things involved is disorderly. If there are any mistakes, you are welcome to correct and guide them. First, the anchor link of the page Second, WebSocket Third, thermal renewal IV. Request Animation Frame Fifth, data […]

  • Deeplink How to Improve App Conversion Rate and Retention Rate

    Time:2019-8-24

    In the era of mobile internet, information sharing and dissemination is undoubtedly the key to the growth of App drainage. Instead of spending a lot of energy and cost to find channels and hard promotion, it is better to start with details and use the fastest and easiest way to realize Deeplink technology, break the […]

  • Vue2.0 Practical Notes

    Time:2019-8-24

    1. Transition and animation effect in Vue Single component (<transition name=”” mode=”> <p-if=”> </p> </transition>)V-enter, v-enter-to, v-enter-active, v-leave, v-leave-to, v-leave-active six states.(Defines the transition name and replaces the prefix V with the transition name)V-enter-activity and v-leave-activity reflect the main visible state, where the main effect can be added.V-enter is the initial state of transition and […]

  • Brief description of Vue project deployment

    Time:2019-8-24

    Now vue-cli is the framework that front-end engineers must meet (not one of them). Many front-end engineers will only develop Vue projects, but will not deploy them. Because most of the deployment work of company projects is handed over to their superiors or project managers, the knowledge about deployment may not be well understood by […]

  • Canvas Draws Dynamic Progress Bar Ring

    Time:2019-8-24

    Final effect Definition of initial variables Let radius = 140 // outer ring radius Let thickness = 20 // ring thickness Let innerRadius = radius – thickness // inner ring radius Let start Angle = 90 // start angle Let endAngle = 180// End Angle Let x = 0 // center x coordinates Let y […]

  • Huawei Hongmeng based on the development of swordfish OS I also know a swordfish ladder

    Time:2019-8-23

    It is known that more and more information about Huawei Hongmeng Operating System has been received recently, and the details are more and more abundant. However, a news from foreign media indicates that Huawei Hongmeng operating system does not start from scratch. According to a Russian media, Huawei Hongmeng’s operating system is developed on the […]

  • [Take canvas to wander] (2) Draw a broken line map

    Time:2019-8-23

    The sample code is hosted at https://github.com/dashnowords/blogs/tree/master/Demo/canvas-echarts/line-chart Blog Garden Address: The original blog catalogue of Dashi Living in the Big Front End Huawei Cloud Community Address: [Guidelines for Upgrading Your Front-end Crackers] I. Mission Statement Use nativecanvasAPIDraw a broken line chart. (Column screenshots are from Baidu Echarts official sample library [see sample links]. II. Key […]

  • Display: flex;’Problems caused by the use of’white-space: nowrap;’in the layout

    Time:2019-8-23

    Demand: The expected effect of layout in item is: a round user’s head on the left side, a nickname on the top and a personalized signature on the bottom of the right side (single line display, the maximum width beyond the actual display is replaced by’…’). As shown in the figure: Code: Wxml layout: <view […]

  • Locating cyclic dependencies in JavaScript/TypeScript using DPDM

    Time:2019-8-23

    When writing large-scale projects, you will accidentally step into the pit of direct circular dependency. The so-called direct circular dependency refers to the situation that other members of the module factory function have direct calls to other modules that depend on themselves. For example: Suppose there are two modulesa.jsandb.jsAmong them,a.jsThe contents are as follows: const […]

  • VS code – Front Configuration _022

    Time:2019-8-23

    VS code-front-end configuration Chinese (Simplified) Language Pack for Visual Studio Code Simplified Chinese plug-ins will generally automatically identify your environment and automatically prompt if you need Simplified Chinese language packages. If there is no prompt, just extend the search. Settings Sync Settings Sync Use plug-ins to save the current configuration to GitHub, and then only […]

  • HTML5 Simulated Wechat Chat Interface, Wechat Friendship Circle Example Code

    Time:2019-8-23

    In recent days, we have developed a front-end interface for imitating Wechat chat with H5. Especially the editor at the bottom of Wechat is handled very well. We use HTML5 to develop it. Although the function effect is not as complete as Wechat, it is quite good. We can send messages, expressions, automatically roll back […]