![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
以前端技术为主,html、css、nodejs等
待鸣
长风破浪会有时,直挂云帆济沧海
展开
-
JSmol在html显示.mol文件
找到了两个插件 3Dmol.js 和 jsmol.js,3dmol支持mol2, 不支持 mol文件, 所以又找了插件, 附上代码库及实例,需要自取.码云原创 2021-04-21 14:19:33 · 2118 阅读 · 1 评论 -
HTML video 在原有视频前增加广告视频
<script> window.onload=function(){ $('.course_lists').each(function (n) { var id = $(this).attr('id'); $(this).find('video').attr('id','video_'+id); var i = id.split('_')[1]; guangga原创 2020-12-29 16:19:18 · 1168 阅读 · 1 评论 -
浏览器滚动条透明且不占空间的解决办法
问题复现可以看到左边栏滚动条透明, 遮挡了页面内容解决方案<style> body { -ms-overflow-style: scrollbar; }</style>原创 2020-05-22 10:50:57 · 1965 阅读 · 0 评论 -
如何使用uni-app快速成型一个微信小程序(二)
正式编码我们在第一篇文章中已经实现了编码环境的搭建,本章将从实际代码中出发,构造一个查询的小程序产品目标我们做一个产品之前,我们要明晰产品的功能和定位,现在要做的产品是一个国家兽药限量数据查询,定位于快速开箱即用,所以我们要开发一个微信小程序来实现这个产品。页面原型以下是设计的产品页面原型,我们可以从原型中看到产品具有两个页面首页——用户进入的首页面,在此页面进行搜索并向具体模块中跳...原创 2020-03-20 15:19:43 · 691 阅读 · 0 评论 -
如何使用uni-app快速成型一个微信小程序(一)
前言在很多年前,微信小程序还在内测的时候,就尝试写过几个小程序,但是那个时候也是因为刚开始做开发,后端语言还没整明白,并且感觉小程序应该不会火,加上小程序是用它自己的一套语法,所以对我个人而言学习成本较高,遂没有继续研究下去。19年的时候感觉后端在干下去有点不符合预期路线,所以将目光转向了前端,那时node风头正劲,故也从Vue、React等前端框架中进行选型,看了很多之后最后也是决定上手了V...原创 2020-03-20 08:27:01 · 5978 阅读 · 29 评论 -
vue中 created 和 mounted 钩子的区别
1:在使用vue框架的过程中,我们经常需要给一些数据做一些初始化处理,这时候我们常用的就是在created与mounted选项中作出处理。首先来看下官方解释,官方解释说created是在实例创建完成后呗立即调用。在这一步,实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el属性目前不可见。这话的意...转载 2019-05-07 07:38:57 · 723 阅读 · 0 评论 -
创建一个vue-cli3的项目的顺序
npm install vuevue init webpack projectcd projectnpm install ***npm run dev/serve原创 2019-03-07 10:54:33 · 318 阅读 · 0 评论 -
Vue2.0 + Vue-cli3 新手入门
本文基于http://www.runoob.com/w3cnote/vue2-start-coding.html, 并在学习过程中根据 vue-cli3 版本修改什么是 Vue推荐先过一下 vue 的官方手册http://doc.vue-js.com/v2/guide/Vue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他...原创 2019-02-28 14:41:07 · 3217 阅读 · 1 评论 -
关于Vue实例的生命周期created和mounted的区别
转载至:https://segmentfault.com/a/1190000008570622生命周期先上图什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我...转载 2019-02-28 14:04:00 · 183 阅读 · 0 评论 -
VUE问题:You are using the runtime-only build of Vue where the template compiler is not available.
转载至 https://segmentfault.com/a/1190000006435886Troubleshooting of upgrading Vue from 1.0 to 2.0系列文章: Vue 2.0 升(cai)级(keng)之旅 (本文) Vuex — The core of Vue application 从单页应用(SPA)到服务器渲染(...转载 2019-02-26 09:55:02 · 3607 阅读 · 0 评论 -
JS排序算法
1. 冒泡排序程序员启蒙排序算法 基础中的基础思想:先建立一个外部循环为总比较次数 再写一个内循环为两两比较的次数第一个内循环结束应将数组中最大的数排在了数组的最右边经过arr.length-1次循环 数组中的元素按照从小到大的顺序排列 var arr = [3, 4, 15,80,7, 2, 6, 5, 8, 9, 10, 16, 13]; // length = 13...转载 2019-12-20 14:43:53 · 212 阅读 · 0 评论 -
缩短url长度,拦截 get 提交
因为 js 无法获取到 post 数据,程序中采用了 php 模板引擎获取,别的语言自行替换。注意保存成 html , 别的页面引入。代理不光监听了 form,根据实际业务需求还监听了 a,核心代码是 POST。 <script>// console.log(window.location.pathname);// if (window.location.path...原创 2019-04-29 11:02:56 · 289 阅读 · 0 评论 -
PHP下载文件并重命名
背景:有个需求是要求下载文件并将其改名,故当时将功能做至项目上,导致文件下载流程如下:附件服务器 - 下载 - > 项目服务器- 改名 - > 用户相当于下载了两个文件,再加上带宽附件服务器带宽2M,用户体验差,故考虑去掉中间步骤,用户直接向附件服务器请求文件。服务器环境:Windows Server 2008 IIS 7 PHP 5.4过程:...原创 2018-10-30 16:49:45 · 568 阅读 · 0 评论 -
jquery-wordexport.js中canvas报错的处理办法
原文件中,img是这样获取的(大概在jquery-wordexport.js的第36行)[javascript] view plain copyvar img = markup.find('img'); 这样在火狐浏览器中可以执行,但是到了谷歌浏览器就报错,原因是canvas.toDataUrl时,画布被污染,看了网上有些人说是跨域问题,但是设置了跨域,问题依然得不到解决,后来觉得是img的问题...转载 2018-04-26 15:01:16 · 1190 阅读 · 0 评论 -
[功能实现思路]html 邮件报 在 outlook 中锚点失效
功能需求:有客户提出我们发出的邮件报在 outlook里锚点失效解决方案://html标签<html xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"...原创 2019-12-25 15:55:41 · 651 阅读 · 0 评论 -
html 导出 word 调整页边距
经分析源码,添加如下CSS代码即可:@page WordSection1 {size:595.3pt 841.9pt; margin:30.0pt 30.0pt 30.0pt 30.0pt; mso-header-margin:42.55pt; mso-footer-margin:49.6pt; mso-paper-source:0;}div.WordSection1 {pag...原创 2019-09-30 15:28:37 · 2690 阅读 · 8 评论 -
关于邮件报内容编码格式的要求
总结:table大法万岁之前平台发送邮件报,客户收到都显示正常,后来有个客户返回outlook客户端收到的邮件报样式不对,遂安装一个开搞。发现样式全都乱掉了,遂重写一遍仍不得其理,于是考虑阿里等大厂的邮件报他们是怎么写的,找了个阿里发的广告,其中结构都是table,遂考虑outlook对于div布局的支持不好,于是用table重写,发现样式还是有问题,发现部分信息格式正确,便去找他的问...原创 2019-03-19 15:59:04 · 558 阅读 · 0 评论 -
搜索高亮【jquery.textSearch-1.0.js】用法
// by zhangxixnu 2010-06-21 welcome to visit my personal website http://www.zhangxinxu.com/// textSearch.js v1.0 文字,关键字的页面纯客户端搜索// 2010-06-23 修复多字母检索标签破碎的问题// 2010-06-29 修复页面注释显示的问题// 2013-05-07转载 2017-09-26 11:27:27 · 1837 阅读 · 0 评论 -
多级 checkbox 父子类关联勾选
场景设定用户组的时候需要勾选节点,多级节点的情况很多解决jq使用 1.6 左右的。jqery.checktree.js;(function (win, doc, $) { $.fn.extend({ checktree : function () { this.click(function (evt) { var evtEle = $(evt.原创 2017-09-07 11:52:21 · 5251 阅读 · 0 评论 -
[问题解决思路]js插件报跨域问题
疫情在家,有个同事找到我说某个系统的富文本编辑框不好用了,我远程看了一下,结论是DNS劫持导致的跨域问题,修改DNS即可。将问题追踪步骤记录如下:1、同事报错后,远程连接,浏览器中调试发现js插件报跨域,但是相同环境下另一个系统相同的js插件不报错;2、 因为目前在家工作,挂着公司提供的代理用以访问内部系统,先怀疑是否是代理导致的,获取了 pac 文件查看后认为不是引起问题产生的根源;...原创 2020-02-01 21:08:17 · 704 阅读 · 0 评论