生成占位文本技巧（lorem）

方法

输入lorem后敲击tab键，这是一段html内置的一段文字，可用于平时不知道打什么时的文字占位。
如：

<div>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet delectus, doloremque est explicabo, hic maxime nam nemo possimus quae, quas quasi quia quidem quisquam quod suscipit tempora ut veniam voluptate?
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto autem culpa eaque earum harum hic in quae quidem totam, velit! Cumque dolorum fugiat fugit hic, laboriosam modi nostrum odit perferendis.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet consectetur culpa labore, totam unde vel voluptas! Accusamus, alias aliquid doloremque enim hic laboriosam, nobis quasi repellat repellendus, sit temporibus vel?
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias architecto assumenda atque beatae commodi cupiditate dignissimos dolor doloremque ducimus illo nihil, nisi nostrum obcaecati quo quod sit. Corporis, suscipit!
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi doloribus ducimus enim error et facilis quis? Amet dolores fugit ipsum laborum nobis, numquam placeat quod rerum, vel voluptas voluptatem voluptates?
</div>

posted @ 2023-07-02 18:15 Z哎呀阅读(193) 评论(0) 编辑收藏举报

刷新页面返回顶部

// let homeEle = document.querySelector('body') // homeEle.setAttribute('id', 'particles-js') // /* ---- particles.js config ---- */ // particlesJS("particles-js", { // "particles": { // "number": { // "value": 380, // "density": { // "enable": true, // "value_area": 800 // } // }, // "color": { // "value": "#ffffff" // }, // "shape": { // "type": "circle", // "stroke": { // "width": 0, // "color": "#000000" // }, // "polygon": { // "nb_sides": 5 // }, // "image": { // "src": "img/github.svg", // "width": 100, // "height": 100 // } // }, // "opacity": { // "value": 0.5, // "random": false, // "anim": { // "enable": false, // "speed": 1, // "opacity_min": 0.1, // "sync": false // } // }, // "size": { // "value": 3, // "random": true, // "anim": { // "enable": false, // "speed": 40, // "size_min": 0.1, // "sync": false // } // }, // "line_linked": { // "enable": true, // "distance": 150, // "color": "#ffffff", // "opacity": 0.4, // "width": 1 // }, // "move": { // "enable": true, // "speed": 6, // "direction": "none", // "random": false, // "straight": false, // "out_mode": "out", // "bounce": false, // "attract": { // "enable": false, // "rotateX": 600, // "rotateY": 1200 // } // } // }, // "interactivity": { // "detect_on": "canvas", // "events": { // "onhover": { // "enable": true, // "mode": "grab" // }, // "onclick": { // "enable": true, // "mode": "push" // }, // "resize": true // }, // "modes": { // "grab": { // "distance": 140, // "line_linked": { // "opacity": 1 // } // }, // "bubble": { // "distance": 400, // "size": 40, // "duration": 2, // "opacity": 8, // "speed": 3 // }, // "repulse": { // "distance": 200, // "duration": 0.4 // }, // "push": { // "particles_nb": 4 // }, // "remove": { // "particles_nb": 2 // } // } // }, // "retina_detect": true // }); // var count_particles, stats, update; // stats = new Stats; // stats.setMode(0); // stats.domElement.style.position = 'absolute'; // stats.domElement.style.left = '0px'; // stats.domElement.style.top = '0px'; // document.body.appendChild(stats.domElement); // count_particles = document.querySelector('.js-count-particles'); // update = function() { // stats.begin(); // stats.end(); // if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { // count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; // } // requestAnimationFrame(update); // }; // requestAnimationFrame(update);