Course Introduction：Detailed explanation of the effects of fuzzy text in CSS3 and FAQs Key Points CSS3 can create blur text effects with transparent text colors and text shadows, but not all browsers support the text-shadow property. In this case, you can use Modernizr or write custom text shadow detection code as a workaround. A pleasant effect can be achieved for the navigation menu by smoothly blurring the links in and out while hovering or focusing. This involves defining a "blur" class that can be applied to any link and then using a CSS style that can be applied in all browsers. When creating blurred text effects, be sure to pay attention to accessibility and visibility issues. In addition, the third text shadow can be adjusted by adjusting
2025-03-04 comment 0 461
Course Introduction：Combining CSS and Vue to enable more advanced text scrolling animations to create responsive and engaging animations. CSS provides scrolling gradients, vertical text scrolling, and neon effects, while Vue provides dynamic control and responsive animation features, including the use of v-scroll instructions and the gsap library. The sample code demonstrates creating animations using Vue responsive features and gsap library, adjusting animation properties based on screen size, and changing text colors to indicate scrolling directions.
2025-04-07 comment 0 907
Course Introduction：How to draw graphics and implement animations in HTML5 Canvas? 1. Insert tags in HTML and set id and size; 2. Get the canvas element through JavaScript and create a 2D drawing context; 3. Use fillRect, strokeRect, arc and other methods to draw shapes; 4. Use fillText to add text and drawImage to draw pictures; 5. Use clearRect to clear the canvas and combine requestAnimationFrame to achieve animation effects. Master these basic operations and start drawing and animation development using Canvas.
2025-07-10 comment 0 249
Course Introduction：Core points This article explains how to create a Chrome browser text-to-speech (TTS) extension that uses HTML5 voice synthesis API or third-party API to convert highlighted text or clipboard content into speech. Chrome extensions usually contain manifest files (metadata files), images (such as extension icons), HTML files, JavaScript files, and other resources (such as style sheets). The TTS extension waits for the user to click on its icon or press a specific hotkey (Shift Y), and then converts the highlighted text or clipboard content to voice. The code for the extension includes background scripts and content scripts, permissions to access active tags and user clipboards to
2025-02-18 comment 0 972
Course Introduction：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>System Error</title> <meta name="robots" content="noindex,nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style> /* Base */ body { color: #333; font: 14px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif; margin: 0; padding: 0 20px 20px; word-break: break-word; } h1{ margin: 10px 0 0; font-size: 28px; font-weight: 500; line-height: 32px; } h2{ color: #4288ce; font-weight: 400; padding: 6px 0; margin: 6px 0 0; font-size: 18px; border-bottom: 1px solid #eee; } h3.subheading { color: #4288ce; margin: 6px 0 0; font-weight: 400; } h3{ margin: 12px; font-size: 16px; font-weight: bold; } abbr{ cursor: help; text-decoration: underline; text-decoration-style: dotted; } a{ color: #868686; cursor: pointer; } a:hover{ text-decoration: underline; } .line-error{ background: #f8cbcb; } .echo table { width: 100%; } .echo pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border: 0; border-radius: 3px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } .echo pre > pre { padding: 0; margin: 0; } /* Layout */ .col-md-3 { width: 25%; } .col-md-9 { width: 75%; } [class^="col-md-"] { float: left; } .clearfix { clear:both; } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .col-md-3, .col-md-9 { width: 100%; } } /* Exception Info */ .exception { margin-top: 20px; } .exception .message{ padding: 12px; border: 1px solid #ddd; border-bottom: 0 none; line-height: 18px; font-size:16px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: Consolas,"Liberation Mono",Courier,Verdana,"微軟雅黑"; } .exception .code{ float: left; text-align: center; color: #fff; margin-right: 12px; padding: 16px; border-radius: 4px; background: #999; } .exception .source-code{ padding: 6px; border: 1px solid #ddd; background: #f9f9f9; overflow-x: auto; } .exception .source-code pre{ margin: 0; } .exception .source-code pre ol{ margin: 0; color: #4288ce; display: inline-block; min-width: 100%; box-sizing: border-box; font-size:14px; font-family: "Century Gothic",Consolas,"Liberation Mono",Courier,Verdana; padding-left: 56px; } .exception .source-code pre li{ border-left: 1px solid #ddd; height: 18px; line-height: 18px; } .exception .source-code pre code{ color: #333; height: 100%; display: inline-block; border-left: 1px solid #fff; font-size:14px; font-family: Consolas,"Liberation Mono",Courier,Verdana,"微軟雅黑"; } .exception .trace{ padding: 6px; border: 1px solid #ddd; border-top: 0 none; line-height: 16px; font-size:14px; font-family: Consolas,"Liberation Mono",Courier,Verdana,"微軟雅黑"; } .exception .trace ol{ margin: 12px; } .exception .trace ol li{ padding: 2px 4px; } .exception div:last-child{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Exception Variables */ .exception-var table{ width: 100%; margin: 12px 0; box-sizing: border-box; table-layout:fixed; word-wrap:break-word; } .exception-var table caption{ text-align: left; font-size: 16px; font-weight: bold; padding: 6px 0; } .exception-var table caption small{ font-weight: 300; display: inline-block; margin-left: 10px; color: #ccc; } .exception-var table tbody{ font-size: 13px; font-family: Consolas,"Liberation Mono",Courier,"微軟雅黑"; } .exception-var table td{ padding: 0 6px; vertical-align: top; word-break: break-all; } .exception-var table td:first-child{ width: 28%; font-weight: bold; white-space: nowrap; } .exception-var table td pre{ margin: 0; } /* Copyright Info */ .copyright{ margin-top: 24px; padding: 12px 0; border-top: 1px solid #eee; } /* SPAN elements with the classes below are added by prettyprint. */ pre.prettyprint .pln { color: #000 } /* plain text */ pre.prettyprint .str { color: #080 } /* string content */ pre.prettyprint .kwd { color: #008 } /* a keyword */ pre.prettyprint .com { color: #800 } /* a comment */ pre.prettyprint .typ { color: #606 } /* a type name */ pre.prettyprint .lit { color: #066 } /* a literal value */ /* punctuation, lisp open bracket, lisp close bracket */ pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo { color: #660 } pre.prettyprint .tag { color: #008 } /* a markup tag name */ pre.prettyprint .atn { color: #606 } /* a markup attribute name */ pre.prettyprint .atv { color: #080 } /* a markup attribute value */ pre.prettyprint .dec, pre.prettyprint .var { color: #606 } /* a declaration; a variable name */ pre.prettyprint .fun { color: red } /* a function name */ </style> </head> <body> <div class="echo"> </div> <div class="exception"> <div class="message"> <div class="info"> <div> <h2>[0] <abbr title="think\exception\ThrowableError">ThrowableError</abbr> in <a class="toggle" title="/data/wwwroot/td.880772.xyz/application/api/controller/Index.php line 220">Index.php line 220</a></h2> </div> <div><h1>語法解析錯誤: syntax error, unexpected '}'</h1></div> </div> </div> <div class="source-code"> <pre class="prettyprint lang-php"><ol start="211"><li class="line-211"><code> if($res){ </code></li><li class="line-212"><code> return json_encode(array('code'=>1,'msg'=>'成功')); </code></li><li class="line-213"><code> }else{ </code></li><li class="line-214"><code> return json_encode(array('code'=>0,'msg'=>'失敗')); </code></li><li class="line-215"><code> } </code></li><li class="line-216"><code> } </code></li><li class="line-217"><code> </code></li><li class="line-218"><code> public function </code></li><li class="line-219"><code> </code></li><li class="line-220"><code>} </code></li></ol></pre> </div> <div class="trace"> <h2>Call Stack</h2> <ol> <li>in <a class="toggle" title="/data/wwwroot/td.880772.xyz/application/api/controller/Index.php line 220">Index.php line 220</a></li> <li> at think\__include_file() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/library/think/Loader.php line 85">Loader.php line 85</a> </li> <li> at <abbr title="think\Loader">Loader</abbr>::autoload() </li> <li> at spl_autoload_call() </li> <li> at class_exists() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/library/think/Loader.php line 478">Loader.php line 478</a> </li> <li> at <abbr title="think\Loader">Loader</abbr>::controller() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/library/think/App.php line 580">App.php line 580</a> </li> <li> at <abbr title="think\App">App</abbr>::module() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/library/think/App.php line 456">App.php line 456</a> </li> <li> at <abbr title="think\App">App</abbr>::exec() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/library/think/App.php line 139">App.php line 139</a> </li> <li> at <abbr title="think\App">App</abbr>::run() in <a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/start.php line 19">start.php line 19</a> </li> <li> at require('<a class="toggle" title="/data/wwwroot/td.880772.xyz/thinkphp/start.php">/data/wwwroot/td.880...</a>') in <a class="toggle" title="/data/wwwroot/td.880772.xyz/public/index.php line 23">index.php line 23</a> </li> </ol> </div> </div> <div class="exception-var"> <h2>Environment Variables</h2> <div> <h3 class="subheading">GET Data</h3> <div> <div class="clearfix"> <div class="col-md-3"><strong>content</strong></div> <div class="col-md-9"><small> The most meta decks in Pokemon TCG Pocket at the time of writing tend to feature ex Pokemon, with the likes of Starmie ex and Pikachu ex being two of many ex Pokemon that are very popular in PvP battles. What if you could create a counter-deck, howev </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>to</strong></div> <div class="col-md-9"><small> en </small></div> </div> </div> </div> <div> <div class="clearfix"> <div class="col-md-3"><strong>POST Data</strong></div> <div class="col-md-9"><small>empty</small></div> </div> </div> <div> <div class="clearfix"> <div class="col-md-3"><strong>Files</strong></div> <div class="col-md-9"><small>empty</small></div> </div> </div> <div> <h3 class="subheading">Cookies</h3> <div> <div class="clearfix"> <div class="col-md-3"><strong>myip</strong></div> <div class="col-md-9"><small> 65.21.47.162 </small></div> </div> </div> </div> <div> <div class="clearfix"> <div class="col-md-3"><strong>Session</strong></div> <div class="col-md-9"><small>empty</small></div> </div> </div> <div> <h3 class="subheading">Server/Request Data</h3> <div> <div class="clearfix"> <div class="col-md-3"><strong>TEMP</strong></div> <div class="col-md-9"><small> /tmp </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>TMPDIR</strong></div> <div class="col-md-9"><small> /tmp </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>TMP</strong></div> <div class="col-md-9"><small> /tmp </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>PATH</strong></div> <div class="col-md-9"><small> /usr/local/bin:/usr/bin:/bin </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>USER</strong></div> <div class="col-md-9"><small> www </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HOME</strong></div> <div class="col-md-9"><small> /home/www </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_CONTENT_TYPE</strong></div> <div class="col-md-9"><small> application/x-www-form-urlencoded;charset=UTF-8 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_CONNECTION</strong></div> <div class="col-md-9"><small> Keep-Alive </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_COOKIE</strong></div> <div class="col-md-9"><small> myip=65.21.47.162 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_ACCEPT_ENCODING</strong></div> <div class="col-md-9"><small> gzip </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_ACCEPT</strong></div> <div class="col-md-9"><small> */* </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_USER_AGENT</strong></div> <div class="col-md-9"><small> Mozilla/5.0 (Linux; Android 6.0.1; OPPO A57 Build/MMB29M; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/63.0.3239.83 Mobile Safari/537.36 T7/10.13 baiduboxapp/10.13.0.10 (Baidu; P1 6.0.1) </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTP_HOST</strong></div> <div class="col-md-9"><small> td.880772.xyz </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>PATH_INFO</strong></div> <div class="col-md-9"><small> /api/index/fanyi_article_title </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REDIRECT_STATUS</strong></div> <div class="col-md-9"><small> 200 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SERVER_NAME</strong></div> <div class="col-md-9"><small> td.880772.xyz </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SERVER_PORT</strong></div> <div class="col-md-9"><small> 443 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SERVER_ADDR</strong></div> <div class="col-md-9"><small> 188.165.242.95 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REMOTE_PORT</strong></div> <div class="col-md-9"><small> 25134 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REMOTE_ADDR</strong></div> <div class="col-md-9"><small> 65.21.47.162 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SERVER_SOFTWARE</strong></div> <div class="col-md-9"><small> nginx/1.20.2 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>GATEWAY_INTERFACE</strong></div> <div class="col-md-9"><small> CGI/1.1 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>HTTPS</strong></div> <div class="col-md-9"><small> on </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REQUEST_SCHEME</strong></div> <div class="col-md-9"><small> https </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SERVER_PROTOCOL</strong></div> <div class="col-md-9"><small> HTTP/1.1 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>DOCUMENT_ROOT</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/public </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>DOCUMENT_URI</strong></div> <div class="col-md-9"><small> /index.php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REQUEST_URI</strong></div> <div class="col-md-9"><small> /api/index/fanyi_article_title?content=The+most+meta+decks+in+Pokemon+TCG+Pocket+at+the+time+of+writing+tend+to+feature+ex+Pokemon%2C+with+the+likes+of+Starmie+ex+and+Pikachu+ex+being+two+of+many+ex+Pokemon+that+are+very+popular+in+PvP+battles.+What+if+you+could+create+a+counter-deck%2C+howev&to=en </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SCRIPT_NAME</strong></div> <div class="col-md-9"><small> /index.php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CONTENT_LENGTH</strong></div> <div class="col-md-9"><small> </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CONTENT_TYPE</strong></div> <div class="col-md-9"><small> application/x-www-form-urlencoded;charset=UTF-8 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REQUEST_METHOD</strong></div> <div class="col-md-9"><small> GET </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>QUERY_STRING</strong></div> <div class="col-md-9"><small> s=/api/index/fanyi_article_title&content=The+most+meta+decks+in+Pokemon+TCG+Pocket+at+the+time+of+writing+tend+to+feature+ex+Pokemon%2C+with+the+likes+of+Starmie+ex+and+Pikachu+ex+being+two+of+many+ex+Pokemon+that+are+very+popular+in+PvP+battles.+What+if+you+could+create+a+counter-deck%2C+howev&to=en </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>SCRIPT_FILENAME</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/public/index.php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>PHP_VALUE</strong></div> <div class="col-md-9"><small> open_basedir=/data/wwwroot/td.880772.xyz/public:/tmp/:/proc/:/data/wwwroot/td.880772.xyz/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>FCGI_ROLE</strong></div> <div class="col-md-9"><small> RESPONDER </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>PHP_SELF</strong></div> <div class="col-md-9"><small> /index.php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REQUEST_TIME_FLOAT</strong></div> <div class="col-md-9"><small> 1732281996.6357 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>REQUEST_TIME</strong></div> <div class="col-md-9"><small> 1732281996 </small></div> </div> </div> </div> <div> <div class="clearfix"> <div class="col-md-3"><strong>Environment Variables</strong></div> <div class="col-md-9"><small>empty</small></div> </div> </div> <div> <h3 class="subheading">ThinkPHP Constants</h3> <div> <div class="clearfix"> <div class="col-md-3"><strong>PUBLIC_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/public/../public/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>APP_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/public/../application/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>THINK_VERSION</strong></div> <div class="col-md-9"><small> 5.0.24 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>THINK_START_TIME</strong></div> <div class="col-md-9"><small> 1732281996.6361 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>THINK_START_MEM</strong></div> <div class="col-md-9"><small> 410640 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>EXT</strong></div> <div class="col-md-9"><small> .php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>DS</strong></div> <div class="col-md-9"><small> / </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>THINK_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/thinkphp/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>LIB_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/thinkphp/library/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CORE_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/thinkphp/library/think/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>TRAIT_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/thinkphp/library/traits/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>ROOT_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>EXTEND_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/extend/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>VENDOR_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/vendor/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>RUNTIME_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/runtime/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>LOG_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/runtime/log/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CACHE_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/runtime/cache/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>TEMP_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/runtime/temp/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CONF_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/public/../application/ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>CONF_EXT</strong></div> <div class="col-md-9"><small> .php </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>ENV_PREFIX</strong></div> <div class="col-md-9"><small> PHP_ </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>IS_CLI</strong></div> <div class="col-md-9"><small> false </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>IS_WIN</strong></div> <div class="col-md-9"><small> false </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>FILTER_VALIDATE_BOOL</strong></div> <div class="col-md-9"><small> 258 </small></div> </div> <div class="clearfix"> <div class="col-md-3"><strong>ADDON_PATH</strong></div> <div class="col-md-9"><small> /data/wwwroot/td.880772.xyz/addons/ </small></div> </div> </div> </div> </div> <div class="copyright"> <a title="官方網(wǎng)站" href="http://www.thinkphp.cn">ThinkPHP</a> <span>V5.0.24</span> <span>{ 十年磨一劍-為API開發(fā)設(shè)計的高性能框架 }</span> </div> <script> var LINE = 220; function $(selector, node){ var elements; node = node || document; if(document.querySelectorAll){ elements = node.querySelectorAll(selector); } else { switch(selector.substr(0, 1)){ case '#': elements = [node.getElementById(selector.substr(1))]; break; case '.': if(document.getElementsByClassName){ elements = node.getElementsByClassName(selector.substr(1)); } else { elements = get_elements_by_class(selector.substr(1), node); } break; default: elements = node.getElementsByTagName(); } } return elements; function get_elements_by_class(search_class, node, tag) { var elements = [], eles, pattern = new RegExp('(^|\\s)' + search_class + '(\\s|$)'); node = node || document; tag = tag || '*'; eles = node.getElementsByTagName(tag); for(var i = 0; i < eles.length; i++) { if(pattern.test(eles[i].className)) { elements.push(eles[i]) } } return elements; } } $.getScript = function(src, func){ var script = document.createElement('script'); script.async = 'async'; script.src = src; script.onload = func || function(){}; $('head')[0].appendChild(script); } ;(function(){ var files = $('.toggle'); var ol = $('ol', $('.prettyprint')[0]); var li = $('li', ol[0]); // 短路徑和長路徑變換 for(var i = 0; i < files.length; i++){ files[i].ondblclick = function(){ var title = this.title; this.title = this.innerHTML; this.innerHTML = title; } } // 設(shè)置出錯行 var err_line = $('.line-' + LINE, ol[0])[0]; err_line.className = err_line.className + ' line-error'; $.getScript('//cdn.bootcss.com/prettify/r298/prettify.min.js', function(){ prettyPrint(); // 解決Firefox瀏覽器一個很詭異的問題 // 當(dāng)代碼高亮后，ol的行號莫名其妙的錯位 // 但是只要刷新li里面的html重新渲染就沒有問題了 if(window.navigator.userAgent.indexOf('Firefox') >= 0){ ol[0].innerHTML = ol[0].innerHTML; } }); })(); </script> </body> </html>
2024-11-22 comment 0 406
Course Elementary 13774
Course Introduction：Scala Tutorial Scala is a multi-paradigm programming language, designed to integrate various features of object-oriented programming and functional programming.
Course Elementary 82284
Course Introduction："CSS Online Manual" is the official CSS online reference manual. This CSS online development manual contains various CSS properties, definitions, usage methods, example operations, etc. It is an indispensable online query manual for WEB programming learners and developers! CSS: Cascading Style Sheets (English full name: Cascading Style Sheets) is an application used to express HTML (Standard Universal Markup Language).
Course Elementary 13145
Course Introduction：SVG is a markup language for vector graphics in HTML5. It maintains powerful drawing capabilities and at the same time has a very high-end interface to operate graphics by directly operating Dom nodes. This "SVG Tutorial" is intended to allow students to master the SVG language and some of its corresponding APIs, combined with the knowledge of 2D drawing, so that students can render and control complex graphics on the page.
Course Elementary 24591
Course Introduction：In the "AngularJS Chinese Reference Manual", AngularJS extends HTML with new attributes and expressions. AngularJS can build a single page application (SPAs: Single Page Applications). AngularJS is very easy to learn.
Course Elementary 27449
Course Introduction：Go is a new language, a concurrent, garbage-collected, fast-compiled language. It can compile a large Go program in a few seconds on a single computer. Go provides a model for software construction that makes dependency analysis easier and avoids most C-style include files and library headers. Go is a statically typed language, and its type system has no hierarchy. Therefore users do not need to spend time defining relationships between types, which feels more lightweight than typical object-oriented languages. Go is a completely garbage-collected language and provides basic support for concurrent execution and communication. By its design, Go is intended to provide a method for constructing system software on multi-core machines.
Regular expression - find a regular expression in vim
2017-05-16 16:40:06 0 3 673
Create a function in Quarto similar to fixed table header in RMarkdown
2023-08-29 17:12:38 0 1 745
Laravel Modal does not return data
2024-03-29 10:31:31 0 1 592
Can I use the automatic generation module of thinkphp5 in Windows 7 system? How to configure and use
2017-10-10 17:04:14 0 2 1391
